网站界面设计类

《网站界面设计类》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、浙任鍾質蘇星娠曲罟縊ZHEJIANGECONOMSG&TRADEPOLYTECHNIC毕业论文（设计）题目基于DIV+CSS的XXX企业网站界面设计指导老师钱丽丹专业班级软件技术20111姓名张梦琪学号201120301092014年05月30日摘要：计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。本文就雪音网络科技官网的规划于建设，以软件工程的方法对过程经行了分析与研究。本文的主耍工作集中在：对web页进行概述，主耍是对Internet的历史和发展作了冋顾，在web页的定义而后特性上进行阐述。而Web设计的健康发展依靠w

2、eb标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。不用web标准，就跟不上时代。在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并口更加规整。而css,则实现了页面内容与样式分离。鉴于web标准，本论文着重对div+css布局我公司网页进行了讨论。并对网站开发过程中使用的开发工具和技术作了简要的介绍。对网站建设中提及到术语经行了解释，并对个人网站的由来和发展经行了讨论；对自己的个人网站从规划建设经行了详细的分析；使用Drcamcavcr>HBu订dcr、photoshop等技术实现了个人网站的各种功能并且就网

3、站建设提出了自己的观点与建议。关键词：网页设计；CSS+DTV；Dreamweaver；HBuilder；Photoshop；个人网站目录前言11网站开发背景11.1web概述11.1.1认识WEB11.1.2认识WEB2.0标准21.2可行性分析42DIV+CSS详解42.1DIV+CSS简介42.2级联样式表简介52.3DIV+CSS布局的优点52.3.1利于搜索引擎蜘蛛爬行52.3.2易于修改62.3.3减少网页加载时间62.3.4代码精简62.3.5相对表格的嵌套问题62.3.6搜索排名的影响72.4div+css布局方式72.5

4、div+css理论概述82.5.1理解CSS盒子模型82.5.2转变思路92.5.3实现结构与表现分离92.6div+css的兼容性问题92.6.1div的垂直居中问题92.6.2margin力口倍的问题92.6.3浮动ie产生的双倍距离92.6.4IE与宽度和高度的问题102.6.5页面的最小宽度102.6.6DIV浮动IE文本产生3象素的bug102.6.7IE捉迷藏的问题102.6.8IE6下为什么图片下有空隙产生103开发工具的介绍113.1梦幻网页的编织者Dreamweaver113.2图形、图像编辑设计软件制作软件AdobeP

5、hotoshopcs2114网站总体分析和设计124.1网站开发的需求分析124.2网站的总体设计131.3整体风格设计154.3.1页面属性设计154.3.2色彩搭配164.3.3连接效果164.3.4导航设计174.3.5细节设计174.4首页设计174.4.1DIV分布和概述174.4.2搜索关键字与描述194.5其他页面设计195网站的测试23结论24致谢24—1—刖吞当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一，它的E速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的

6、成就，为网站开发捉供了很好的技术支持。网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正不断扩大。其中，特别是中小型企业，对于网络平台搭建的需要求相当的迫切。各大门户网，企业网都在WEB2.0的标准上，采用CSS+DIV来布局网站，所以才有了此次的选题。论文详细论述了一个基于公司网站的开发的设计过程。在技术上，采用了Dreamweaver网站开发工具，以HTML的超大功能结合JAVAScript的客户端语言,并加以FLASH等动画以增加网站的动态效果。这样的构造有利于以后对网站系统开发的把握，并给以后的开发积累一定的经验，

7、提升编程能力。其中，最主要的就是介绍和展示DIV+CSS在网页屮的最用和魅力。本文实现了首页、新闻、案例、介绍、联系、搜索、留言、联系我们、等功能，全而化个人网站的需求。论文组织如下：首先阐述了该系统的开发背景、意义，详细介绍了div+css理论知识；其次介绍了相关的开发工具及技术基础；接着对网站的需求进行了分析，并提出了具体的设计方案；然后展现了整个系统的具体实现，包括网页的设计和连接，各功能模块的实现；最后对该网站进行了严格的测试。1网站开发背景1.1web概述1.1.1认识WEBweb木意是蜘蛛网和网的意思。现广泛译作网络、互联网等

8、技术领域。表现为三种形式，即超文本(hypertext)^超媒体(hypermedia)、超文本传输协议(HTTP)等oWeb(WorldWideWeb,简称WWW,又称万维网)是目前Inte