秦皇岛职业技术学院
设计题目：
学生姓名：
指导教师：
专业名称：
所在系院： 课程设计论文 珠宝网站 张杏 王志坚 王振勇 网络系统管理 信息工程系
2011年12月20日
前 言
互联网走到今天，也有一年的光景了，之间经历了高潮和低价，让许许多多为之奋斗的人们兴奋过，也沮丧过。一年前，当失去耐心的人开始疾呼互联网是泡沫，大家不要陷进的时候，中国互联网仍然是我行我素，走着自己该走的路。专家们对于互联网企业将有90%关门的预言如今也不攻自破。这些风风雨雨让许多真正了解互联网的人终于看明白了一点：互联网本身并不能创造产值，它是一个服务性行业。
透过泡沫看本质，可以让我们明白很多，互联网不是神话，而是实实在在的一个媒体、一种工具、一条途径、认清了这些，我们就发现，原来互联网直的很有用，如果你懂得利用的话。
传统企业同互联网联姻，借助互联网展示企业开解，发布产品信息，做好客户服务已经成为业界的共识，成为现代企业发展中一个不可或缺的步骤；互联网为企业服务，渗透到企业的生产、销售、管理当中去，这也成为互联网发展的重要模式之一。
让我们构想一个企业利用互联网之道的美好书面：
企业占领互联网这一第四媒体的宣传阵地，利用它面向全球展示了企业的形象、品牌、文化和产品；
互联网不仅仅是网站，理旬一种高效高技术含量的管理方法和手段。企业通过互联网的应用引进管理技术和观念，丰富管理手段，倡导互动沟通和透明管理，提高企业管理效率和质量水平；
企业通过互联网寻求产品的销售新渠道，寻求更多的商业机会。对于这些，我们相信，如果能很好的利用互联网，互联网必将助企业一臂之力。
深圳市周大生珠宝有限公司网站应该是这样的：
● 符合：深圳市周大生珠宝有限公司网站应当符合企业形象标准，能够充
分展示企业精神和企业文化，能够展示周大生珠宝的风菜；
● 现代：深圳市周大生珠宝有限公司企业网站应当是具有青春活力，看上
去美观大方的网站，能够紧跟企业网站设计潮流，运用流行元素，使网站和企业一样充满现代气息；
● 实用：深圳市周大生珠宝有限公司网站应当让访问都最快找到他所需要
了解的，一目了然，轻松自如；同时，管理人员能够轻松进行网站内容更新和维护工作。实用、易用能使深圳市周大生珠宝有限公司网站走向良性循环轨道；
● 互动：访问者是一面镜子，深圳市周大生珠宝有限公司网站应当从访问
者那里获取对网站的反馈，能够捕捉客户的需求，能够双向交流，能够使客户在网站中充分发表见解，并加以吸收；
● 扩展：深圳市周大生珠宝有限公司网站应当是一个可扩展的网站，能够
根据技术的发展而将其充分应用 ，能够将企业外部窗口和企业内部管理机制相结合，能够为管理决策提供数据统计与分析；
深圳市周大生珠宝有限公司网站应当高屋建瓴，未雨绸缪，将企业利用互联网发挥到极至，具备了上述五大特点的深圳市周大生珠宝有限公司网站，就可以 做到。
摘要
本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括：
1、制作出一个具有静态的“关于周大生珠宝公司的宣传网页”；
2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论；
本设计的主要内容包括：
1、公司宣传网页的设计思想，整体规划及相关基础知识；
2、公司宣传网页的前台设计，包括汇编HTML 语言程序及效果图；
3、公司宣传网页的调试。
网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
网页主题就是所要包含的主要内容，一个网页必须要有一个明确的主题。特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。所以必须要找准一个自己最兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。
关键词：宣传网页 基本原则 制作步骤 页面主题
目录
第一章 网页设计的要素............................................................................................ 6
1.1 图片要素........................................................................................................... 6
1.2 排列方法要素.................................................................................................... 6
1.3 色彩要素........................................................................................................... 7
第二章 网页设计的技巧............................................................................................ 8
2.1 框架的使用 ....................................................................................................... 8
2.2 CSS 样式的使用 ................................................................................................ 8
第三章 设计软件...................................................................................................... 10
3.1 Dreamweaver 介绍 ........................................................................................... 10
3.2 Dreamweaver 操作界面 .................................................................................... 10
3.3 photoshop 介绍 ................................................................................................11
3.4 flash 介绍 ........................................................................................................ 12
第四章 网站设计流程.............................................................................................. 13
4.1 深圳市周大生珠宝有限公司宣传网站的基本组成结构 ...................................... 13
4.2 首页制作......................................................................................................... 13
4.2.1 首页制作 ............................................................................................... 14
4.2.2 首页css 样式 ........................................................................................ 16
4.3 精品饰界制作.................................................................................................. 17
4.3.1 产品展示 ............................................................................................... 18
4.3.2 产品画册 ............................................................................................... 18
4.4 新闻中心......................................................................................................... 20
4.5 品牌故事......................................................................................................... 21
4.6 关于周大生 ..................................................................................................... 22
4.6.1
4.6.2
4.6.3
4.6.4 集团介绍 ............................................................................................... 22 愿景与使命............................................................................................ 23 企业文化 ............................................................................................... 23 企业荣誉 ............................................................................................... 25
第五章 xml 运用与设计 ............................................................................................ 26
5.1 介绍 xml......................................................................................................... 26
5.2 运用xml+flash................................................................................................. 27
5.3 连接xml ......................................................................................................... 28
总结.............................................................................................................................. 30
致谢.............................................................................................................................. 31
参考文献...................................................................................................................... 32
第一章 网页设计的要素
在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲, 一个有特色的主页, 必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。
1.1 图片要素
要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop 这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等，
1.2 排列方法要素
主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash 型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash 型更灵活一些，好
的Flash 大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。
F 、基于屏幕的可视开发环境；
G 、可视编程环境；
H 、高级可控制外观组件支持；
I 、数据绑定；
J 、Web 服务和 XML 的预建数据连接器；
K 、项目管理功能；
L 、源代码控制系统
1.3 色彩要素
色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
第二章 网页设计的技巧
一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和CSS 样式的运用两方面来介绍网页设计的技巧。
2.1 框架的使用
FRAME （框架）是Web 上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。
使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下) ，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。
使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。
许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集) 。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态) ，则这些框架对于某些站点可能非常有用。
2.2 CSS 样式的使用
CSS(层叠样式表) 是一种制作网页的新技术, 它的全称是级联样式表, 即
Cascading StyleSheets的缩写，又称之为风格样式表单。CSS 是在网页制作过程中普遍用到的技术。采用了CSS 技术控制的网页，设计者会更轻松、有效地对
页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
第三章 设计软件
3.1 Dreamweaver 介绍
Dreamweaver 是由Macromedia 公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。
Dreamweaver 启动后，会出现一个新的文档操作窗口, 该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver 启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML 标记、文档窗口大小、下载速度等信息。
3.2 Dreamweaver 操作界面
Dreamweaver cs4界面设计友好，空间广阔，操作精微细致, 是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。，如图3.1所示。
3.3 photoshop 介绍
Photoshop 是平面图像处理业界霸主Adobe 公司推出的跨越PC 和MAC 两界
首屈一指的大型图像处理软件。它功能强大，操作界面友好，得到了广大第三方
开发厂家的支持，从而也赢得了众多的用户的青睐。
ADOBE PHOTOSHOP最初的程序是由Mchigan 大学的研究生Thomas 创建，后
经Knoll 兄弟以及ADOBE 公司程序员的努力ADOBE PHOTOSHOP产生巨大的转变，
一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，
目前ADOBE PHOTOSHOP 最新版本为6.0，它的每一个版本都增添新的功能这使它
获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。
Photoshop 支持众多的图像格式，对图像的常见操作和变换做到了非常精细
的程度，使得任何一款同类软件都无法望其颈背；它拥有异常丰富的插件(在
Photoshop 中叫滤镜) ，熟练后您自然能体会到" 只有想不到，没有做不到" 的境
界。
3.4 flash 介绍
lash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应
用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复
杂 演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash 创作
的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过
添加 图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。
Flash 特别适用于创建通过Internet 提供的内容，因为它的文件非常小。
Flash 是 通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需
要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示
的。位图图形之所 以更大，是因为图像中的每个像素都需要一组单独的数据来
表示。
要在Flash 中构建应用程序，可以使用Flash 绘图工具创建图形，并将其它
媒体元素导入Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想
中的应用程序。
第四章 网站设计流程
4.1 深圳市周大生珠宝有限公司宣传网站的基本组成结构
深圳市周大生珠宝有限公司宣传网站由“首页”，“精品饰界”，“新闻中
心”，“品牌故事”，“关于周大生”，“联系我们”六大部分组成。六大部分
从公司首页、提供建议和反应问题、推荐产品、联系方式等角度相互补充，相互
配合，从而完成达到公司宣传效果的整合。如图所示
4.2 首页制作
公司网站前台首页和很多网站一样，网站的首页一般都是首页、精品饰界、
品牌故事、新闻中心等界面，具体界面如图
4.2.1 首页制作
- 联系我们
- 关于周大生
- 新闻中心
- 品牌故事
- 精品饰界
- 首页
flash
- 畅想2000家珠宝连锁传奇....
- 气势恢宏 巨星闪耀：周大生...
-
林志铃广告-
连锁地图
-
版本© 2010 周大生珠宝有限公司 版本所有 粤ICP 备05119576号
推荐 打印 | 录入：admin | 阅读： 次
青春演讲稿：青春是船 理想是帆
糖尿病患者的饮食指南
秦皇岛职业技术学院
设计题目：
学生姓名：
指导教师：
专业名称：
所在系院： 课程设计论文 珠宝网站 张杏 王志坚 王振勇 网络系统管理 信息工程系
2011年12月20日
前 言
互联网走到今天，也有一年的光景了，之间经历了高潮和低价，让许许多多为之奋斗的人们兴奋过，也沮丧过。一年前，当失去耐心的人开始疾呼互联网是泡沫，大家不要陷进的时候，中国互联网仍然是我行我素，走着自己该走的路。专家们对于互联网企业将有90%关门的预言如今也不攻自破。这些风风雨雨让许多真正了解互联网的人终于看明白了一点：互联网本身并不能创造产值，它是一个服务性行业。
透过泡沫看本质，可以让我们明白很多，互联网不是神话，而是实实在在的一个媒体、一种工具、一条途径、认清了这些，我们就发现，原来互联网直的很有用，如果你懂得利用的话。
传统企业同互联网联姻，借助互联网展示企业开解，发布产品信息，做好客户服务已经成为业界的共识，成为现代企业发展中一个不可或缺的步骤；互联网为企业服务，渗透到企业的生产、销售、管理当中去，这也成为互联网发展的重要模式之一。
让我们构想一个企业利用互联网之道的美好书面：
企业占领互联网这一第四媒体的宣传阵地，利用它面向全球展示了企业的形象、品牌、文化和产品；
互联网不仅仅是网站，理旬一种高效高技术含量的管理方法和手段。企业通过互联网的应用引进管理技术和观念，丰富管理手段，倡导互动沟通和透明管理，提高企业管理效率和质量水平；
企业通过互联网寻求产品的销售新渠道，寻求更多的商业机会。对于这些，我们相信，如果能很好的利用互联网，互联网必将助企业一臂之力。
深圳市周大生珠宝有限公司网站应该是这样的：
● 符合：深圳市周大生珠宝有限公司网站应当符合企业形象标准，能够充
分展示企业精神和企业文化，能够展示周大生珠宝的风菜；
● 现代：深圳市周大生珠宝有限公司企业网站应当是具有青春活力，看上
去美观大方的网站，能够紧跟企业网站设计潮流，运用流行元素，使网站和企业一样充满现代气息；
● 实用：深圳市周大生珠宝有限公司网站应当让访问都最快找到他所需要
了解的，一目了然，轻松自如；同时，管理人员能够轻松进行网站内容更新和维护工作。实用、易用能使深圳市周大生珠宝有限公司网站走向良性循环轨道；
● 互动：访问者是一面镜子，深圳市周大生珠宝有限公司网站应当从访问
者那里获取对网站的反馈，能够捕捉客户的需求，能够双向交流，能够使客户在网站中充分发表见解，并加以吸收；
● 扩展：深圳市周大生珠宝有限公司网站应当是一个可扩展的网站，能够
根据技术的发展而将其充分应用 ，能够将企业外部窗口和企业内部管理机制相结合，能够为管理决策提供数据统计与分析；
深圳市周大生珠宝有限公司网站应当高屋建瓴，未雨绸缪，将企业利用互联网发挥到极至，具备了上述五大特点的深圳市周大生珠宝有限公司网站，就可以 做到。
摘要
本论文将对网页的设计和制作进行研究和探讨。作品的主要技术指标包括：
1、制作出一个具有静态的“关于周大生珠宝公司的宣传网页”；
2、在制作的过程中，加强和深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法和理论；
本设计的主要内容包括：
1、公司宣传网页的设计思想，整体规划及相关基础知识；
2、公司宣传网页的前台设计，包括汇编HTML 语言程序及效果图；
3、公司宣传网页的调试。
网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。
网页主题就是所要包含的主要内容，一个网页必须要有一个明确的主题。特别是对于个人网页，不可能像综合网站那样做得内容大而全，包罗万象。所以必须要找准一个自己最兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。
关键词：宣传网页 基本原则 制作步骤 页面主题
目录
第一章 网页设计的要素............................................................................................ 6
1.1 图片要素........................................................................................................... 6
1.2 排列方法要素.................................................................................................... 6
1.3 色彩要素........................................................................................................... 7
第二章 网页设计的技巧............................................................................................ 8
2.1 框架的使用 ....................................................................................................... 8
2.2 CSS 样式的使用 ................................................................................................ 8
第三章 设计软件...................................................................................................... 10
3.1 Dreamweaver 介绍 ........................................................................................... 10
3.2 Dreamweaver 操作界面 .................................................................................... 10
3.3 photoshop 介绍 ................................................................................................11
3.4 flash 介绍 ........................................................................................................ 12
第四章 网站设计流程.............................................................................................. 13
4.1 深圳市周大生珠宝有限公司宣传网站的基本组成结构 ...................................... 13
4.2 首页制作......................................................................................................... 13
4.2.1 首页制作 ............................................................................................... 14
4.2.2 首页css 样式 ........................................................................................ 16
4.3 精品饰界制作.................................................................................................. 17
4.3.1 产品展示 ............................................................................................... 18
4.3.2 产品画册 ............................................................................................... 18
4.4 新闻中心......................................................................................................... 20
4.5 品牌故事......................................................................................................... 21
4.6 关于周大生 ..................................................................................................... 22
4.6.1
4.6.2
4.6.3
4.6.4 集团介绍 ............................................................................................... 22 愿景与使命............................................................................................ 23 企业文化 ............................................................................................... 23 企业荣誉 ............................................................................................... 25
第五章 xml 运用与设计 ............................................................................................ 26
5.1 介绍 xml......................................................................................................... 26
5.2 运用xml+flash................................................................................................. 27
5.3 连接xml ......................................................................................................... 28
总结.............................................................................................................................. 30
致谢.............................................................................................................................. 31
参考文献...................................................................................................................... 32
第一章 网页设计的要素
在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲, 一个有特色的主页, 必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。
1.1 图片要素
要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop 这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等，
1.2 排列方法要素
主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash 型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash 型更灵活一些，好
的Flash 大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。
F 、基于屏幕的可视开发环境；
G 、可视编程环境；
H 、高级可控制外观组件支持；
I 、数据绑定；
J 、Web 服务和 XML 的预建数据连接器；
K 、项目管理功能；
L 、源代码控制系统
1.3 色彩要素
色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
第二章 网页设计的技巧
一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和CSS 样式的运用两方面来介绍网页设计的技巧。
2.1 框架的使用
FRAME （框架）是Web 上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。
使用框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的图形；每个框架都具有自己的滚动条(如果内容太大，在窗口中显示不下) ，因此访问者可以独立滚动这些框架。例如，当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。
使用框架具有以下缺点：可能难以实现不同框架中各元素的精确图形对齐；对导航进行测试可能很耗时间。
许多专业 Web 设计人员不喜欢使用框架，并且许多浏览 Web 的人也不喜欢框架。在大多数情况下，这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如，每当访问者单击导航按钮时就重新加载导航框架内容的框架集) 。如果框架使用得法(例如，在允许其他框架的内容发生更改的同时，使一个框架中的导航控件保持静态) ，则这些框架对于某些站点可能非常有用。
2.2 CSS 样式的使用
CSS(层叠样式表) 是一种制作网页的新技术, 它的全称是级联样式表, 即
Cascading StyleSheets的缩写，又称之为风格样式表单。CSS 是在网页制作过程中普遍用到的技术。采用了CSS 技术控制的网页，设计者会更轻松、有效地对
页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部分、不同页面的外观和格式等效果实现更加精确地控制。
第三章 设计软件
3.1 Dreamweaver 介绍
Dreamweaver 是由Macromedia 公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。
Dreamweaver 启动后，会出现一个新的文档操作窗口, 该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver 启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML 标记、文档窗口大小、下载速度等信息。
3.2 Dreamweaver 操作界面
Dreamweaver cs4界面设计友好，空间广阔，操作精微细致, 是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。，如图3.1所示。
3.3 photoshop 介绍
Photoshop 是平面图像处理业界霸主Adobe 公司推出的跨越PC 和MAC 两界
首屈一指的大型图像处理软件。它功能强大，操作界面友好，得到了广大第三方
开发厂家的支持，从而也赢得了众多的用户的青睐。
ADOBE PHOTOSHOP最初的程序是由Mchigan 大学的研究生Thomas 创建，后
经Knoll 兄弟以及ADOBE 公司程序员的努力ADOBE PHOTOSHOP产生巨大的转变，
一举成为优秀的平面设计编辑软件。它的诞生可以说掀起了图象出版业的革命，
目前ADOBE PHOTOSHOP 最新版本为6.0，它的每一个版本都增添新的功能这使它
获得越来越多的支持者也使它在这诸多的图形图象处理软件中立于不败之地。
Photoshop 支持众多的图像格式，对图像的常见操作和变换做到了非常精细
的程度，使得任何一款同类软件都无法望其颈背；它拥有异常丰富的插件(在
Photoshop 中叫滤镜) ，熟练后您自然能体会到" 只有想不到，没有做不到" 的境
界。
3.4 flash 介绍
lash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应
用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复
杂 演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash 创作
的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过
添加 图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。
Flash 特别适用于创建通过Internet 提供的内容，因为它的文件非常小。
Flash 是 通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需
要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示
的。位图图形之所 以更大，是因为图像中的每个像素都需要一组单独的数据来
表示。
要在Flash 中构建应用程序，可以使用Flash 绘图工具创建图形，并将其它
媒体元素导入Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想
中的应用程序。
第四章 网站设计流程
4.1 深圳市周大生珠宝有限公司宣传网站的基本组成结构
深圳市周大生珠宝有限公司宣传网站由“首页”，“精品饰界”，“新闻中
心”，“品牌故事”，“关于周大生”，“联系我们”六大部分组成。六大部分
从公司首页、提供建议和反应问题、推荐产品、联系方式等角度相互补充，相互
配合，从而完成达到公司宣传效果的整合。如图所示
4.2 首页制作
公司网站前台首页和很多网站一样，网站的首页一般都是首页、精品饰界、
品牌故事、新闻中心等界面，具体界面如图
4.2.1 首页制作
- 联系我们
- 关于周大生
- 新闻中心
- 品牌故事
- 精品饰界
- 首页
flash
- 畅想2000家珠宝连锁传奇....
- 气势恢宏 巨星闪耀：周大生...
-
林志铃广告-
连锁地图
-
版本© 2010 周大生珠宝有限公司 版本所有 粤ICP 备05119576号
推荐 打印 | 录入：admin | 阅读： 次
青春演讲稿：青春是船 理想是帆
糖尿病患者的饮食指南