《网页设计与制作-Dreamweaver CS3》项目04 编排旅游网页

网页设计与制作——DreamweaverCS3项目四编排旅游网页任务一设置页眉任务二

设置主体部分项目四：

编排旅游网页网页设计与制作DreamweaverCS3任务一小结任务二实训任务一设置页眉本任务主要是对网页页眉部分的图像进行设置，包括网站站标和图像占位符，涉及的知识点有图像的基本类型和作用、图像的插入方法以及图像占位符的作用、插入方法及其属性设置等。通过本任务的学习，应该掌握的内容主要有：DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一小结任务二实训1.网页图像的作用、格式和选择

网页中图像的作用基本上可分为两种情况：一种是起装饰作用，如背景图像等。另一种是起传递信息的作用，它和文本的作用是一样的。目前，在网页中使用的最为普遍的图像格式主要是GIF和JPG。

GIF由于文件小、支持透明色、下载时具有从模糊到清晰的效果，成为网页制作中首选的图像格式。JPG为摄影提供了一种标准的有损耗压缩方案，比较适合处理照片一类的图像。

DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一设置页眉任务一小结任务二实训

通过以下几种方法可向网页中插入图像。（1）在【插入】／【常用】面板的【图像】下拉菜单中单击【图像】按钮。（2）直接拖曳【插入】／【常用】面板中的【图像】按钮至页面的光标处。（3）在主菜单栏中选择【插入记录】／【图像】命令。（4）也可以在【文件】面板中用鼠标选中图像文件，然后拖曳到文档窗口中所需位置松开鼠标即可。

2.插入图像的方法DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一设置页眉任务一小结任务二实训

在主菜单栏中选择【插入记录】／【图像对像】／【图像占位符】命令或在【插入】／【常用】面板的【图像】下拉菜单中单击【图像占位符】按钮打开【图像占位符】对话框，在对话框中可定义【名称】、【宽度】、【高度】、【颜色】和【替换文本】等选项。3.插入图像占位符的方法DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一设置页眉任务一小结任务二实训网站站标是网站的图形标志，通常放在网站首页左上角的位置或每个网页左上角的位置。平常所说的Logo也是网站的图形标志，主要是供其他网站建立友情链接使用的。网站的站标在内容和大小上可以与Logo相同，也可以不同。许多网站在页眉部分通常还有公益性或商业性的广告，平时所说的Banner（中文意思是旗帜、横幅或标语），又称为网络广告，即属于此。从表现形式上，Banner可以是静态的GIF图片，也可以是使用多帧图像做成的动画。

4.网站站标和BannerDreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一设置页眉任务一小结任务二实训本任务主要是对贺卡网页主体部分的图像和Flash动画进行设置，涉及的知识点有图像属性参数设置，如图像大小、替换文本、垂直边距和水平边距、图像边框以及插入Flash动画的方法等。DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务二设置主体部分任务一小结任务二实训通过本操作的学习，应该掌握的内容主要有：

操作一

编排左侧栏目1.设置图像大小的方法DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一小结任务二实训

在图像【属性】面板的【宽】和【高】文本框中分别输入相应的数值即可。在【属性】面板中输入宽度和高度只是改变了图像的显示尺寸，单击其后面的图标将恢复图像的原始大小，然后可重新进行定义。操作一

编排左侧栏目中的教师卡DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一小结任务二实训2.图像替换文本的作用和设置方法

替换文本的作用是，当由于网速或者其他原因导致图像不能立即显示时，替换文本就可以优先显示出来，让用户知道该处的大致内容以决定是否等待。在【属性】面板的【替换】文本框中输入替换文本即可。

操作二编排右侧栏目DreamweaverCS3网页设计与制作项目四：

编排旅游网页通过本操作的学习，应该掌握的内容主要有：任务一小结任务二实训1.插入Flash动画选择【插入记录】/【媒体】/【Flash】命令，打开【选择文件】对话框进行设置即可。在Flash动画【属性】面板中，同时勾选【循环】和【自动播放】复选框，在浏览器加载网页后将自动循环播放Flash动画。

操作二编排右侧栏目中的专题贺卡DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一小结任务二实训2.设置图文混排的方法在网页中，经常出现文本和图像混排的现象。这就需要用到【属性】面板的【对齐】选项了，【对齐】选项调整的是图像周围的文本或其他对象与图像的位置关系。在【对齐】下拉列表中共有10个选项，其中经常用到是“左对齐”和“右对齐”两个选项。3.创建网站相册使用DreamweaverCS3主菜单中的【命令】／【创建网站相册】命令，还可以创建网站相册。在使用这个命令之前，需要确定是否已安装Fireworks，图像文件是否在一个文件夹下，图像文件是否为GIF或JPEG格式。这些条件都具备，就可以开始创建工作了。实训编排“黄果树瀑布”网页本实训将对插入和设置图像的基本知识加以巩固，同时强化图文混排的基本技能。

DreamweaverCS3网页设计与制作项目四：

编排旅游网页【实训目的】进一步掌握在网页中插入图像的方法。

进一步掌握设置图像属性的方法。

进一步掌握图文混排的方法。

任务一小结任务二实训实训编排“黄果树瀑布”网页DreamweaverCS3网页设计与制作项目四：

编排旅游网页任务一小结任务二实训小结

本项目主要介绍了图像在网页中的应用和设置方法，概括起来主要有以下几点。图像的基本类型和作用。在网页中插入图像的方法。通过【属性】面板设置图像属性的方法。在网