西安广播电视大学开放教育
计算机信息管理专业
毕业论文（设计）
题目：创意设计类网站的设计与实现
专业层次： 级 别： 学 号： 姓 名： 分校（工作站）：
指导教师：
年 月 日
- 1 -
【摘要】 计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的
出现，企业网站也不例外。
而Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。不用web标准，就跟不上时代。在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。而css，则实现了页面内容与样式分离。鉴于web标准，本论文着重对div+css布局与美化公司网页进行了讨论；同时根据客户需求，采用div+css实现了咨询公司网页的设计，具体实现了首页、设计理念、作品展示、企业文化、关于我们、联系我们等功能，系统符合公司网站的需求。
【关键词】企业网站 网页设计 div css Dreamweaver
- 2 -
目 录
前 言 .............................................................. 1 第一章 网站设计环境介绍 ............................................ 2
第一节 因特网和万维网 .......................................... 2
一、何为因特网 ............................................... 2 二、何为万维网 ............................................... 2 第二节 相关术语解释 ............................................ 3
一、Internet ................................................. 3 二、站点 ..................................................... 3 三、超链接 ................................................... 3 四、URL ...................................................... 3 五、IP地址 .................................................. 4 六、网页 ..................................................... 4 第三节 Web标准概述 ............................................. 4
一、什么是Web标准 ........................................... 4 二、Web的认识 ............................................... 5 三、Web文档的三层结构 ....................................... 5 四、Web标准的优势 ........................................... 6 第四节 Web设计技术 ............................................. 7
一、HTML ..................................................... 7 二、CSS ...................................................... 7 第五节 浏览器 .................................................. 8 第二章 网站需求分析 ................................................ 9 第三章 技术支持 ................................................... 11
第一节 Dreamweaver cs3 ........................................ 11 第一节 Macromedia Flash 8.0 .................................. 11 第三节 Fireworks .............................................. 12 第四节 JavaScript ............................................. 13
- 3 -
第五节 Adobe Photoshop8.0 ..................................... 13 第六节 DIV+CSS ................................................ 14
一、什么是div .............................................. 14 二、什么是CSS .............................................. 14 三、何为样式 ................................................ 14 四、何为层叠 ................................................ 15 五、DIV+CSS简介 ............................................ 15
第四章 创意设计网的设计 ........................................... 16
第一节 从功能分析开始 ......................................... 16 第二节 首页页面设计 ........................................... 17
一、结构分析 ................................................ 17 二、风格定位 ................................................ 18 三、页头设计 ................................................ 18 四、公司简介及banner设计 ................... 错误！未定义书签。 五、中间内容设计 ............................................ 19 六、页脚 .................................................... 20 第三节 内页设计 ............................................... 21
一、设计理念 ................................................ 22 二、作品展示 ................................................ 23 三、企业文化 ................................................ 24 四、关于我们 ................................ 错误！未定义书签。 五、联系我们 ................................................ 25
第五章 网站的测试 ................................................. 26 第六章 后续工作 ................................................... 27 结 论 ............................................................. 29 结束语 ............................................................. 30 参考文献 ........................................................... 31 附 录：网站效果图 ................................................. 32
- 4 -
前 言
当今世界已进入信息时代，Internet成为21世纪最受关注的行业之一,它的飞速发展和在全球范围的普及应用正在给人类生活带来革命性变化。网络技术的发展也取得了巨大的成就，为网站开发提供了很好的技术支持。网站已经成为现阶段众多企业不可或缺的网络营销平台，互联网应用规模正在不断扩大。其中，特别是中小型企业，对于网络平台搭建的需求相当的迫切。各大门户网，企业网都在WEB2.0的标准上,采用div+css来布局，因此有了此次的选题。
论文详细论述了一个基于公司网站开发的设计过程。在技术上，采用了 Dreamweaver网站开发工具，以 HTML的超大功能结合 JavaScript 的客户端语言，这样的构造有利于以后对网站系统开发的把握，并为以后的开发积累了一定的经验，提升编程能力。其中，最主要的就是介绍和展示DIV+CSS在网页中的最用和魅力。
本文实现了首页、设计理念、作品展示、企业策划、关于我们、联系我们等功能，系统符合公司网站的需求。
论文组织如下：首先阐述了该网站的开发背景、意义，详细介绍了div+css理论知识；其次介绍了相关的开发工具及技术基础；接着对网站的需求进行了分析，并提出了具体的设计方案；然后展现了整个网站的具体实现，包括网页的设计和连接，各功能模块的实现；最后对该网站进行了严格的测试。
1