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

滁州职业技术学院软件专业毕业论文滁州职业技术学院信息工程系——2015届软件技术专业毕业论文*名：***班级：12级软件（2）班设计课题：商业网站指导教师：***2014年11月29日目录一、绪论 (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世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。

网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持。

网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正在不断扩大。

其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切。

各大门户网，采用div+css来布局，因此有了此次的选题。

论文详细论述了一个基于公司网站开发的设计过程。

在技术上，采用了 Dreamweaver网站开发工具，这样的构造有利于以后对网站系统开发的把握，并为以后的开发积累了一定的经验，提升编程能力。

本文实现了全部电脑分类、首页、装机硬件、扩展硬件、硬件外设、VIP专区、客户端下载、用户登入和用户注册。

惠丰电脑行是本人借鉴中关村产品报价网模版而做的一个网页。

惠丰电脑行站最大的特点是淡雅二字，整个网站以淡红色为主，再加上灰色和黑色作为点缀，即体现了淡雅的主题又让读者眼前一亮。

再加上网页清新，使人眼前一亮，和人性化的操作设计会给予读者在视觉的完美享受，惠丰电脑行网站主要使用了网页制作软件Dream weaver、图像处理软件fireworks.属于HTML语言的静态网站。

二、需求分析2.1 网站的开发背景和意义2.1.1网站开发的背景网上购物服务已经逐渐深入到人们的生活中，给人们的生活带来很多方便。

为了充分利用现有资源，提高工作效率，降低劳动成本，所以我选择对电脑商城系统进行了开发。

该系统网上购买及电脑配件，对用户使用来说，具有操作简单、界面直观等优点。

可以使消费者在家就能在本商城购买自己喜欢的电脑及其他产品。

2.1.2网站开发的意义在大学期间，我在网上购买过很多东西，于是了解到电子商务这个词，电子商务是在Internet开放的网络环境下，基于浏览器/服务器应用方式，实现消费者的网上购物、商户之间的网上交易和在线电子支付的一种新型的商业运营模式[1]。

网上购物就是把传统的商店直接“搬”回家，利用Internet直接购买自己需要的商品或者享受自己需要的服务。

专业地讲，它是交易双方从洽谈、签约以及贷款的支付、交货通知等整个交易过程通过Internet、web和购物界面技术化的B-C模式一并完成的一种新型购物方式，是电子商务的一个重要组成部分。

因此，有人将此视为一个面向全国乃至全世界的大而统的虚拟商场，能够更方便的买足需求关系，能方便消费者足不出户就能买到自己喜欢的东西。

2.2 网上购买电脑的优势（1）节约购物时间。

由于网络购物足不出户就可购买到所需商品，因而极大地节省了购物时间，免除了舟车劳顿的痛苦。

可利用工作间隙的少许时间完成商品购买。

（2）网上电脑商城质量可靠。

如今发展最快的,最时髦的,恐怕就是网络了。

网络给人们带来了实惠、虚拟、幻化,也给无良商家带来了广阔的生存空间。

利用二手，拼装的电脑出售给买家，而电脑商城卖出的电脑绝对是正版，顾客可以放心购买。

（3）节省购物成本。

由于网上店铺简化了由生产商至零售商的中间环节，节省了实体销售场所需要支付的租金、人工成本、工商水电费、库存费及其他杂费，因而使得销售商品的附加费用很少甚至没有，价位一般都不同程度地低于市场零售价。

尤其像淘宝这样的购物网站，目前个人在它的网站上开店是免费的。

（4）免除购物疲劳。

免除大包小包的购物过程，网络购物消费者则可选择相应的商品配送方式，享受送货上门的服务。

可以说懒人的最佳之选。

（5）商品比较更直观，免得发生争执。

有道是“货比三家，择优选购”，我们在网上购物可以同时打开多个页面，浏览多个店铺中同一类 /件商品的价格、功能介绍及配送方式等进行多方面比较。

不容易导致双方不合而发生争执。

（6）便捷赠送方式，付款方便。

通过电子商务网站提供的一站式服务直接送到对方手上，十分方便，付款，直接转帐，什么都省了。

（7）第一时间购买，服务范围更广。

网络的速度之快，商品只要在他们的网店刊登代售货品，几千里外的人打开网络马上就可以看到，效率快，地域差距少，可以买到很远距离的物品，网友不论身在何处，都可以购买到来自各地的商品。

（8）商品查找更容易。

在现实的商场中大都将不同类别的商品分置于不同楼层销售，若商场面积较大，逛完一圈往往得半天时间。

2.3功能性需求惠丰电脑行是本人借鉴中关村产品报价网模版而做的一个网页。

惠丰电脑行站最大的特点是淡雅二字，整个网站以淡红色为主，再加上灰色和黑色作为点缀，即体现了淡雅的主题又让读者眼前一亮。

再加上网页清新，使人眼前一亮，和人性化的操作设计会给予读者在视觉的完美享受，惠丰电脑行网站主要使用了网页制作软件Dream weaver、图像处理软件fireworks.属于HTML语言的静态网站。

在惠丰电脑行中，我做了十个页面，分别是，全部电脑分类、首页、装机硬件、扩展硬件、硬件外设、VIP专区、客户端下载、用户登入和用户注册。

全部电脑分类：我所做的全部电脑分类是个下拉模块，里面有各种类型的电脑，比如说超级本，平板电脑，台式电脑等首页：在首页中，我分了五个模块。

分别是电脑品牌、电脑商品快报、最新上架、热卖专区、特价专区。

装机硬件：我分为八个模块。

分别是CPU、超值配置推荐、品牌电脑排行榜、笔记本散热器、电脑主板、硬盘、显示器、和特价专区。

扩展硬件：我分为九个模块。

分别是精选打印机、复印机畅销榜、办公推荐、精品推荐、复印机推荐、重磅推荐办公推荐、传真机推荐、特价专区。

硬件外设：我分为二个模块，分别是扩展配件、扩展配件畅销榜。

客户端下载：惠丰电脑行客户端提供Anfriod下载以及PC下载。

用户登入：用户登入需要已注册过后的帐号登入。

用户注册：用户需要注册才可以登入惠丰电脑行进行购买物品。

注册需要填写用户名、密码、联系方式、收货地址、以及邮箱。

系统模块图如下2-1；图2-1系统模块图本网站给客户提供一个了解公司的平台，客户可以很直接的了解本公司的产品。

1.用户可以浏览公司所以的产品。

2.用户可以注册本公司的会员3.用户可以查看公司的联系方式。

4.用户可以下载本公司的客户端5.用户可以快速的查询所需要的产品三、开发工具介绍3.1 DreamweaverMacromedia 公司的产品的另一款“所见即所得”的网页编辑工具。

与 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 Fireworksfireworks 的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。

它是基于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专区、客户端下载、用户登入和用户注册这些版块。

这些版块又可以称之为模块。

选择哪些模块，实现哪些功能是否需要添加其他模块都是首页设计制作时首先需要确定的。

由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。

网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。

与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。

但是由于个人水平有限，我的网站主要用到文字和图形。

文字：文字元素是信息传达的主体部分。

网页中的文字主要包括标题、信息、文字链接、几种主要形式。

标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。

文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。