Dreamweaver 网页设计与制作（第二版）课件：制作汽车网站——输入与编辑网页元素 .pptx

;任务1?输入并设置网站子

页文本——文本输入与编辑;◆熟练掌握文本的输入方法

◆掌握各种文本格式的设置方法;一、输入文本

在Dreamweaver中输入文本的方法非常简单，只要将光标定位在网页的某个位置，然后选择输入法输入文本即可。对于大量的外部文本，用户可利用剪贴板将其拷贝到网页文档中。;二、设置文本段落格式和字符格式

默认情况下，输入文本的字体、字号等，与该网页“页面属性”中设置的相同。

文本的格式设置有字符格式与段落格式之分。其中，要设置段落格式，只需将光标定位在该段落即可进行设置；要设置字符格式，应首先利用拖动方法选中文本，然后再进行设置。;设置文本颜色;1.设置字体列表

Dreamweaver中自带的字体有限，一般满足不了大多数网页设计者的需求。可以通过设置字体列表解决这一问题。

2.设置文本字体及大小

设置好需要的字体列表后，就可以为网页中的文本设置字体了。

3.设置段落对齐和缩进

通过设置段落对齐和缩进格式，可以更好地为文档布局。;4.设置列表项

“编号列表”的设置方法同“项目列表”类似。;三、插入水平线和特殊字符

1.插入水平线

水平线对于组织信息和区分版块很有帮助，如图所示。;水平线“属性”面板;2.插入特殊字符

要插入特殊字符，可在定位插入点后，选择“插入记录”→“HTML”→“特殊字符”命令，然后在弹出的菜单中选择相应的特殊字符。;任务2?在主页中插入

导航条和图像——应用图像;◆掌握编辑图像的方法

◆掌握图像各种特效的制作方法

◆掌握导航条的制作方法;一、网页中常见的图像文件格式

JPEG（联合图像专家组标准）格式：该格式适于表现色彩丰富、具有连续色调的图像，如各种照片。

GIF（图形交换格式）格式：由于它最多只能包含256种颜色，因而适合表现色调不连续或具有大面积单一颜色的图像。

PNG（便携网络图像）格式：该格式集JPEG和GIF格式的优点于一身，图像质量高且可包含透明区。;二、插入与编辑图像

在Dreamweaver中插入图像的方法非常简单，下面介绍具体操作。;插入图像;“图像标签辅助功能属性”对话框;下面列出图像“属性”面板中各常用项的意义。

图像：设置图像名称，主要用于通过脚本控制图像。

宽和高：图像的宽度和高度（单位为像素），改变了图像的尺寸后，该数值将加粗显示。;源文件：显示图像文件的路径。

链接：用于创建从图像到其他文件的链接。

替换：在浏览器无法显示图像文件时，在图像位置显示的说明性文字。

垂直边距和水平边距：指定图像上、下、左、右空白的像素值。;目标：设置在何处打开链接文档，_blank表示新窗口，_self表示当前窗口，_parent表示当前窗口的父窗口，_top表示当前窗口的顶级窗口。

边框：设置图像边框的粗细，以像素为单位。有时在为图像设置链接后，图像的周围会多出一个蓝色的边框，此时只需将图像的边框值设置为“0”，即可将该边框去掉。

对齐：确定图像在单元格或页面中的对齐方式。;三、使用图像占位符

图像占位符相当于图像的临时替代对象。如果网页中的某个图像尚未制作好，可暂时用图像占位符代替。;插入图像占位符;四、制作鼠标经过图像

要制作鼠标经过图像，需要用到两张大小相同，而内容不同的图像。其中一张作为原始图像，在页面打开的时候显示；另一张则作为鼠标经过图像，在鼠标经过的时候替换原始图像显示出来。;插入鼠标经过图像;预览文档;五、制作导航条

导航条在网站中起着不可替代的作用，它把网站中的各个页面连接起来。每一个网站都有自己的导航条。利用与制作鼠标经过图像类似的方法，可制作具有可变效果的导航条。制作导航条需要用到两组大小相同而内容不同的图片。;预览网页;任务3?为主页设置动画和

背景音乐——应用

动画和多媒体;◆掌握插入Flash动画的方法

◆掌握插入音频和视频的方法;一、插入Flash动画

Flash动画是一种流行的矢量动画，具有文件尺寸小、变化丰富的优点，因而很多网页中都会使用。;插入Flash动画;Flash动画“属性”面板;文件：指向Flash动画文件的路径。

重设大小：将Flash动画恢复到实际大小。

品质：设置Flash动画的播放品质。

比例：确定Flash动画如何适应在其“宽”和“高”编辑框中设置的尺寸。

对齐：确定影片在页面上的对齐方式。

背景颜色：指定Flash动画区域的背景颜色。

参数：单击此按钮打开一个对话框，可在其中输入传递给Flash动画的附加参数。;二、应用透明Flash动画

假如已为网页、某个表格或某个单元格设置了一张背景图像，在单元格中插入一个Flash动画时，由于Flash动画的背景颜色会遮盖掉背景图像，就看不到背景图像了。为使背景图像能