《DreamweaverCS3动态网页设计与制作教程》课件第1章.pptVIP

如果是制作个人网页，则应基于网页的目的性和有益性来规划网页的内容。例如，想与他人分享个人兴趣时，可制作社团性的网页；想把自己所拥有的信息传达给他人时，可制作讲座性的网页。

决定了网页的主题后需要对访问者做一个预测，针对不同的访问人群采用不同的配色方案。例如，以儿童为对象的网页，最好采用亮丽活泼的颜色，同时采用比较简单的结构，如图1.3所示。图1.3某儿童网站2.制作页面效果图

在确定了网站的风格和收集好资料后，就需要制作页面效果图了。页面图像设计包括网站Logo、标准色、标准字、导航条和首页布局等。可以使用Fireworks或者Photoshop软件来具体设计网站的图像。有经验的网页设计者通常会在使用网页制作工具制作网页前设计好网页的整体布局，这样在具体设计过程中就会胸有成竹，大大节省工作时间。3.制作Flash动画

在网站中插入Flash动画能给网页增添动感效果。Flash动画以文件小巧、特效精美、速度快、支持流媒体和交互功能强大的特点成为网页中最流行的动画格式，大量应用于网页中。Flash动画的制作主要使用FlashCS3软件，它可以与DreamweaverCS3完美交互，因此是很多网页设计师的首选软件。4.切图

用Photoshop做好效果图后，需要进行很重要的步骤，就是切图。切图是网页设计中非常重要的一环，它可以很方便地为我们标明哪些是图像区域，哪些是文本区域。另外，合理的切图还有利于加快网页的下载速度、设计复杂造型的网页以及对不同特点的图像进行分格式压缩等。切图的总体原则是要保证每个切片控制在一定大小内(一般在10KB

以内)。5.制作静态Web页面

在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”。静态网页只是被动地发布信息，而不具有任何交互功能。网页制作是一个复杂而细致的过程，一定要按先大后小、先简单后复杂的顺序制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的效果，以便出现问题后好修改。在制作网页时，要灵活运用模板和库，这样可以大幅度提高制作效率。如果很多页面都使用相同的版面设计，就需要为这个版面设计一个模板，此后便可以以此模板为基础创建网页。以后如果要改变这些页面的版面设计，只需要简单地修改模板即可。6.添加程序

制作完静态页面后，如果还需要动态的功能，就需要开发动态功能模板，再在其中加入脚本程序、表单等。使用服务器端脚本语言的主要原因就是能够为站点用户提供动态内容。这是一个非常重要的应用，因为根据用户需求或随着时间的推进，变化的内容可以使得用户不断地访问这个站点。7.发布Web站点

网页制作完毕，需要将其发布到Web服务器上，才能让其他人浏览。现在的上传工具很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，要在浏览器中打开自己的网站，逐页逐个地测试链接，发现问题后及时修改，然后再进行上传测试。8.推广和维护

网页做好之后，还要不断地进行宣传，这样才能让更多的用户认识它，以提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册以及与别的网站交换链接等。

网站要注意经常维护并更新内容，保持内容的新鲜，只有不断地给它补充新的内容，才能够吸引更多的浏览者。本章重点介绍了网页的基础知识及网页设计基本步骤。通过本章的学习，读者能初步了解网页配色知识、网页设计主要相关内容，这对提高网页设计效率至关重要。

网页设计非常复杂，本章仅对其做了概括介绍，在后面的章节还会进行深入介绍。1.6小结1.选择题

(1)对于网页色彩搭配，错误的建议是()。

A.网站色彩要鲜明夺目

B.色彩搭配要独具特色

C.选择色彩要和网页的内涵相关联

D.网站中使用的颜色越多越好习题(2)对于网站题材的选择，正确的建议是()。

A.题材目标尽可能高

B.题材要尽可能广泛

C.题材最好是自己擅长或者喜爱的内容

D.网站主题要包罗万象

2.填空题

(1)构成网页的两个最基本的元素是与。

(2)?Adobe公司网页设计“三剑客”是指、和。第1章DreamweaverCS3网页设计基础1.1网页的基本概念 1.2网页的基础要素 1.3网页色彩的搭配 1.4网页制作常用软件1.5网页设计的一般步骤1.6小结习题第