网页设计毕业论文最终版)分析报告.docVIP

滁州职业技术学院信息工程系 ——2届专业毕业论文 姓 名 查志祥 班 级 软件（2）班 设计课题 惠丰电脑行 指导教师 赵卫东 2014年月日 1 1.1开发的目的和意义 1 1.11开发该系统的目的 1 1.12开发本系统的意义 1 1.2网上购买电脑的优势 2 1.3网站实现功能 2 1.4汇丰电脑行简介 3 二.开发工具介绍 3 2.1 Dreamweaver 3 2.2 fireworks 3 第三章 网页的设计实现 4 3.1从功能分析开始 4 3.2首页页面设计 5 3.21结构分析 6 3.22风格定位 7 3.23页头设计 8 3.3内页设计 8 3.31用户注册 8 3.32用户登入 9 3.33装机硬件 10 3.34扩展配件 11 3.35硬件外设 12 3.36客户端下载 13 3.4 CSS分类 14 结论 15 参考文献 15 致谢 16 附 录：网站效果图 17 一.引言 当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持 3.2首页页面设计 有了基于准备之后的网站分析，我就开始进行页面设计了，页面设计主要包括色彩和版式二个方面。我的网站分别是全部电脑分类、首页、装机硬件、扩展硬件、VIP专区、客户端下载、用户登入和用户注册这些版块。这些版块又可以称之为模块。选择哪些模块，实现哪些功能是否需要添加其他模块都是首页设计制作时首先需要确定的。由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。但是由于个人水平有限，我的网站主要用到文字和图形。 文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。 图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台 3.21结构分析 据需求可以知道，在页面上部要有logo和导航，在首页导航中，我分了五个模块。分别是电脑品牌、电脑商品快报、必威体育精装版上架、热卖专区、特价专区，而网页全部主要分为五个部分。如下图：3.211 图（3.211）布局安排 3.22风格定位 打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。 本网站的搭配主色为：白、淡红、黑、三种颜色。白色代表纯洁、纯真、朴素、神圣、明快。淡红色代表热情、活泼、热闹、温暖、幸福、吉祥。黑色代表崇高、坚实、严肃、刚健、端庄，能给客户留下深刻的印象。 3.23页头设计 网站的页头主要分为两个部分。一是Logo，logo使一张准备好的图片，直接放置在头部容器左侧，调整好位置；二是导航条，网站导航条因为有立体感效果，因此它需要脱离文本流，因此在控制样式的时候要用定位，相对于文本流的定位。网站的导航栏目可以让用户对网站的内容及信息一目了然。导航分为：全部电脑分类（全部电脑分类我做了个下拉菜单）、首页、装机硬件、扩展硬件、VIP专区、客户端下载。导航采用的是span布局，然后再用a标签对其他相关网页进行链接，设计和操作上都非常简单。相关代码如下： span class=homea href=index.html首页/a/span