电子商务毕业论文-电子商务学院网站建设探讨.doc

电子商务学院毕业论文电子商务学院网站建设探讨 2012 届电子商务申请论文 电子商务学院网站建设探讨电子商务学院网站建设探讨 院、院、 系：系： 电子商务学院电子商务学院 专专 业业: 电子商务电子商务 指指 导导 教教 师：师： 姓姓 名：名： 2012 年 04 月 江西渝州科技职业学院电子商务学院制 学校代码： 12766 学 号：2105190650 电子商务学院毕业论文电子商务学院网站建设探讨 论文原创性申明论文原创性申明 本人郑重申明：所呈交的论文是本人在导师的指导下独立进行研本人郑重申明：所呈交的论文是本人在导师的指导下独立进行研 究所取得的成果。除了文中特别加以标注引用的内容外，本论文究所取得的成果。除了文中特别加以标注引用的内容外，本论文 不包含任何其他个人或集体已经发表或撰写的成果。对本文的写不包含任何其他个人或集体已经发表或撰写的成果。对本文的写 作成文做出重要贡献的个人和集体，均在文中以明确方式标明。作成文做出重要贡献的个人和集体，均在文中以明确方式标明。 本人完全意识到本申明的严重性，本人自愿承担由此引发的一切本人完全意识到本申明的严重性，本人自愿承担由此引发的一切 后果。后果。 本人签名：本人签名： 日日 期：期： 电子商务学院毕业论文电子商务学院网站建设探讨 杨京浩论文答辩委员会成员名单杨京浩论文答辩委员会成员名单 姓名职称单位备注 电子商务学院毕业论文电子商务学院网站建设探讨 摘 要 关键字：网站设计， 【论文类型】网站设计 目录 第二章 开发工具及运行环境.9 第三章 网站建设13 3.1 网站建设步骤 .13 3.2 网站制作 .16 3.2 建立站点16 3.3 建立 access数据库 .17 3.4 dreamweaver与数据库的连接(使用 dsn 连接数据库)19 第四章 网站的测试与发布.39 4.1 网站的测试 .39 4.1 网站的发布 39 第五章 网站的维护与更新 39 4.2 网站的维护 39 电子商务学院毕业论文电子商务学院网站建设探讨 4.3 网站的更新 40 参考文献 41 致 谢 .42 电子商务学院毕业论文 电子商务学院网站建设探讨 6 第二章 开发工具及运行环境 2.1 开发工具的选用与介绍 macromedia dreamweaver mx 是一款专业的 html 编辑器，用于对 web 站点、web 页 和 web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 html 代码时的驾 驭感还是偏爱在可视化编辑环境中工作，dreamweaver 都会为您提供有用的工具，使 您拥有更加完美的 web 创作体验。 dreamweaver 使您可以使用服务器器技术(例如 cfml、asp.net、asp、jsp 和 php)生成由动态数据库支持的 web 应用程序。 优点： （1）最佳的制作效率 dreamweaver 可以用最快速的方式将 fireworks，freehand，或 photoshop 等档案移至 网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单， 快捷键与格式控制，都只要一个简单步骤便可完成。dremweaver 能与您喜爱的设计工 具，如 playback flash，shockwave 和外挂模组等搭配，不需离开 dreamweaver 便可 完成，整体运用流程自然顺畅。除此之外，只要单击便可使 dreamweaver 自动开启 firework 或 photoshop 来进行编辑与设定图档的最佳化。 （2）网站管理 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案 名称，dreamweaver 会自动更新所有连结。使用支援文字、html 码、html 属性标签和 一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 （3）无可比拟的控制能力 dreamweaver 是唯一提供 roundtrip html、视觉化编辑与原始码编辑同步的设计工具。 它包含 homesite 和 bbedit 等主流文字编辑器。帧(frames)和表格的制作速度快的令 您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚 至可以排序或格式化表格群组，dreamweaver 支援精准定位，利用可轻易转换成表格 的图层以拖拉置放的方式进行版面配置。所见即所得 dreamweaver 成功整合动态式出 版视觉编辑及电子商务功能，提供超强的支援能力给 third-party 厂商，包含 asp， apache，broadvision， cold fusion，icat， tango 与自行发展的应用软体。当您正 使用 dreamweaver 在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就 能预览网页。梦幻样版和 xml dreamweaver 将内容与设计分开，应用于快速网页更新 和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提 供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版 正确地输入或输出 xml 内容。 dreamweaver 还集成了程序开发语言，对 asp、.net、php、js 的基本语言和连接操作 数据库，都是完全支持的。 电子商务学院毕业论文 电子商务学院网站建设探讨 7 2.2 系统软件要求 本网站将运行在 windows xp 操作系统上，由 iis web 服务器和 access 2003 数据库建立 web 站点，通过 dreamweaver mx 2004+asp 技术开发动态页面 的技术。 。 电子商务学院毕业论文 电子商务学院网站建设探讨 8 第三章 网站建设 3.1 网站建设步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页 已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学 者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆 忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙， 这是为什么呢？常言道： “性急吃不了热豆腐 ”。建立一个网站就像盖一幢大楼 一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就 班地一步步来，才能设计出一个满意的网站。 （1）确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确 的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万 象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做 深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则， 只要是 你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做 到大而全、精而深。 本设计属于商业型网站，主题主要是对商品进行全面的描述， 能有让产品本身有说话的力量。 （2）收集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇 难为无米之炊 ”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集 材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、 电子商务学院毕业论文 电子商务学院网站建设探讨 9 多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真， 作为自己制作网页的素材。 由于本网站属于商业网站，所以我们网站上的商品图 片是根据自己的商品拍摄并用ps 技术进行处理后而上传的。 （3）规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就 像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含 的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文 字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾 轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。 如何规划网站的每一项具体内容，我们在下面会有介绍。 （4）选择适合的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使 用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就 是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的 优秀者当然是 dreamweaver 和 frontpage 了，如果是初学者， frontpage2000 是 首选。除此之外，还有图片编辑工具，如photoshop、coreldraw 等；动画制作 工具，如 flash、cool 3d、gif animator 等；还有网页特效工具，如有声有色等， 网上有许多这方面的软件，你可以根据需要灵活运用。根据个人实力以及网站的 功能实现的要求本设计主要采用的是 用 dreamweaver 实现 asp 动态网站建设 。 （5）制作网页 电子商务学院毕业论文 电子商务学院网站建设探讨 10 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现 实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制 作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善 小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的 内容，以便出现问题时好修改。在制作 网页时要多灵活运用模板，这样可以大大 提高制作效率。 （6）上传测试 网页制作完毕，最后要发布到web 服务器上，才能够让全世界的朋友观看， 现在上传的工具有很多，有些网页制作工具本身就带有ftp 功能，利用这些 ftp 工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后， 你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改， 然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 （7）推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网 站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交 换链接、加入广告链等。 （8）维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好 就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。 电子商务学院毕业论文 电子商务学院网站建设探讨 11 3.2 建立站点 macromedia dreamweaver mx 是一个站点创建和管理工具，使用它不仅可以 创建单独的文档，还可以创建完整的 web 站点。 （1）站点的定义 开始使用 dreamweaver mx 2004 来创建数据库网站的第一件事，就是定义网 站，必须告诉 dreamweaver mx 2004 网站根目录在哪里，以及服 服务器位置、类 型等相关信息。 启动 dreamweaver mx 2004 后，从主菜单选择站点 /管理站点 /新建定义一 个新站点。 在弹出菜单中的本地信息栏 -站点名称中输入 “我的网站 ”，本地根文件夹 中选择“e：我的网站 ”，在 http 地址项填写： “http：shop”其余各项保 持不变。在 “分类”处选择“测试服务器 ”，在服务器模型处选择 “asp vbscript”,“访问”处选择“本地/网络”，单击确定完成站点的定义。 3.3 建立 access 数据库 本系统使用的是 access 2003 创建了一个名为 db1.mdb 的数据库。系统对数 据的读取，存储都是对该数据库进行操作。 在 access 2003 数据库中，所有的数据存储都是围绕表进行的，数据不会存储 在数据库的其他位置。虽然可以有许多方法访问数据，但是它们全部来自表。可以 说，表示一个数据库的灵魂。 电子商务学院毕业论文 电子商务学院网站建设探讨 12 3.4 dreamweaver 与数据库的连接(使用 dsn 连接数据库) （1） dsn 定义 在控制面板中，双击管理工具，双击odbc 数据库源图标， 出现 odbc 数据源管理器窗口，选择系统dsn 标记。 单击“添加“，接着选择数据库驱动程序，本系统使用 access 数据库，所以 microsoft access driver(*.mdb)，单击 “完成“按钮。 出现 odbc microsoft access 安装窗口，在数据源名一栏 给连接取个名字 conn，说明一栏不是必填项。 单击窗口中 “选择“按钮，找到数据库的所在路径 (“e：我的网站 ”)并选 中相应数据库文件，选中 db1.mdb，此时 odbc access 安装窗口中数据库一栏就 会出现刚才选定的数据库文件， （2）dsn 连接 建立了数据库名 (dsn)之后，就可以创建网络应用程序和数据库之间的odbc 连接，dsn 被定义后，就能用它来调用各种参数了。 启动 dreamweaver mx 2004，打开已经定义好的站点 “我 的网站” ，在站点 -我的网站窗口中点击 鼠标右键，点新击建文件， 文件名改为 index.asp,双击文件 index.asp 使其处于编辑状态。 电子商务学院毕业论文 电子商务学院网站建设探讨 13 单击“窗口”中的“数据库” ，从“数据库”菜单中。在窗口中点击 “+” ， 选择数据源名称，从弹出窗口 “连接名称 ”一栏键入连接的名字 conn;在数据源 名称(dsn)一栏从下拉菜单中挑选数据库源名conn;dreamweaver 连接一栏选择使 用本地 dsn 即可。 第四章 网站的测试与发布 4.1 网站的测试 在网站项目开发过程中，网站测试是保证整体项目质量的重要环节。当把网页 整合成网站后，要对整个网站进行测试。看其是否能够正常运行，并将其中的运行 错误加以修改。因此，网站测试是必不可少的。主要测试内容有：功能测试和性能 测试、安全性测试、稳定性测试、浏览器兼容性测试、链接测试等。 1.1网站的发布 web 站点的发布过程，实际上就是把包含该站点所有网页资源的文件夹上 传到指定的服务器，使用户能够通过客户端的浏览器对其进行阅读。网站在发 布前需要具备硬件和软件两方面上的条件，硬件包括服务器及其他网络设备。 电子商务学院毕业论文 电子商务学院网站建设探讨 14 现在很多人都会到网上申请一个免费的空间和域名，我觉得要是如果你的网站只 是为了娱乐可以这样，但是如果是带有商业的，就去购买，那样保险一点，就像 你自己买房总比租房安心、安全一样。刚开始买初级的就好，不要太大和太牛， 以后随着网站规模的扩大和访问人数的增多可以逐步升级。购买一个域名，可以 在国内买，但最好去国外的 godday 网站购买，比国内便宜多还很有保障。具体购 买方法在网上搜索“godday 域名购买”就能搜到图文步骤。 第五章 网站的维护与更新 1.2网站的维护 企业网站一旦建成，网站的维护就成了企业的主要问题。由于网站的维护是一 项专业性较强的工作，需要专业人士来完成。如果企业配备专门的网站维护人员， 就意味着至少增加一名员工的开支。如果由其他人兼职，则网站的维护的专业水准 将会下降。 企业网站的成败和他的定期更新分不开的。网站不是购买一件商品，随着时间 的推移而贬值陈旧，只有不断的溶入企业发展动向，推陈出新，才会具有创造力， 发挥网络的商业潜能。 更新维护不仅仅只局限于简单的更换文字稿，应该是将企业的商业动态向 发展方向充分考虑进去， 再结合现有的网站规划结构，迅速作出相应的改进。企 业 的每一个新项目的推广和价格的浮动、内部结构调整， 不应该只是在报纸、 电视等媒体做宣传而忽略网路这个最具有潜力的市场 电子商务学院毕业论文 电子商务学院网站建设探讨 15 1.3网站的更新 互联网的魅力，很大程度在于它能源源不断地提供最及时的信息。如果有一 天我们登录门户网站，发现上面全是几年前的信息，只能查到几年前的资料，也许 就再也没有人去登录这些门户网站和搜索引擎了，特别是像我们的商务网站，我们 得及时的更新商品，只有不断推出新产品不断地更新，满足人们的需求，才会提高 企业的生命力、竞争力。 网站好比一个电影院，如果你每天上映的都是10 年前的老电影，而且总是同 一部影片，谁会来第二次。网站推广会给网站带来访问量，但这很可能只是昙花一 现，真正想提高网站的知名度和有值价的访问量，只有靠回头客。网站应当经常有 吸引人的有价值的内容，让人能够经常访问。所以网站更新是一个建设网站时必不 可少的一项工作。 参考文献 1 http：/ 2 胡崧/编著 dreamweaver cs3 完美网页设计教材 中国青年出版社 3 吴国新 吉逸/编著 计算机网络 高等教育出版社 电子商务学院毕业论文 电子商务学院网站建设探讨 16 4 江西渝州科技