网页毕业设计【最终完美版】.docVIP

滁州职业技术学院信息工程系 ——2届专业毕业论文 姓 名 查 志 祥 班 级 12级软件（2）班 设计课题 商 业 网 站 指导教师 赵 卫 东 2014年月日 1 二、 需求分析 2 2.1 网站的开发背景和意义 2 2.1.1网站开发的背景 2 2.1.2网站开发的意义 2 2.2 网上购买电脑的优势 2 2.3功能性需求 3 三、开发工具介绍 5 3.1 Dreamweaver 5 3.2 Fireworks 5 四、总体设计 6 4.2首页页面设计 6 4.2.1结构分析 6 3.2.3页头设计 7 3.3内页设计 7 3.3.1用户注册 7 3.3.2用户登入 8 3.3.3装机硬件 9 3.3.4扩展配件 10 3.3.5硬件外设 10 3.3.6 客户端下载 11 结论 12 致谢 13 参考文献 14 附 录：网站效果图 15 一、绪论 当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持 图2-1系统模块图 本网站给客户提供一个了解公司的平台，客户可以很直接的了解本公司的产品 。 1.用户可以浏览公司所以的产品。 2.用户可以注册本公司的会员 3.用户可以查看公司的联系方式。 4.用户可以下载本公司的客户端 5.用户可以快速的查询所需要的产品 三、开发工具介绍 3.1 Dreamweaver Macromedia 公司的产品的另一款“所见即所得”的网页编辑工具。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。常见的版本为 Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、Dreamweaver CS,所以 我选择的是Adobe Dreamweaver CS6这款软件。 3.2 Fireworks fireworks 的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks MX的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks 中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。所以我选择了Macromedia Fireworks 8这款软件。 Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎Presto 作为网页预览。 四、总体设计 4.2首页页面设计 有了基于准备之后的网站分析，我就开始进行页面设计了，页面设计主要包括色彩和版式二个方面。我的网站分别是全部电脑分类、首页、装机硬件、扩展硬件、VIP专区、客户端下载、用户登入和用户注册这些版块。这些版块又可以称之为模块。选择哪些模块，实现哪些功能是否需要添加其他模块都是首页设计制作时首先需要确定的。由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺