《Dreamweaver 网页设计与制作》课件——项目三 制作汽车网站——输入与编辑网页元素.pptVIP

预览文档 五、制作导航条 导航条在网站中起着不可替代的作用，它把网站中的各个页面连接起来。每一个网站都有自己的导航条。利用与制作鼠标经过图像类似的方法，可制作具有可变效果的导航条。制作导航条需要用到两组大小相同而内容不同的图片。 设置鼠标经过图像 预览网页 任务 3?为主页设置动画和 背景音乐——应用 动画和多媒体 * LOGO * LOGO 项目三?制作汽车网站——输入与编辑网页元素 任务 1 输入并设置网站子页文本——文本输入与编辑 任务 2 在主页中插入导航条和图像——应用图像 任务 3 为主页设置动画和背景音乐——应用动画和多媒体 任务4　万能五笔输入法使用技巧 任务 3　 任务 1 输入并设置网站子页文本——文本输入与编辑 任务 2　 在主页中插入导航条和图像——应用图像 为主页设置动画和背景音乐——应用动画和多媒体 任务 1?输入并设置网站子 页文本——文本输入与编辑 ◆熟练掌握文本的输入方法 ◆掌握各种文本格式的设置方法 一、输入文本 在 Dreamweaver 中输入文本的方法非常简单，只要将光标定位在网页的某个位置，然后选择输入法输入文本即可。对于大量的外部文本，用户可利用剪贴板将其拷贝到网页文档中。 打开外部文本并复制 二、设置文本段落格式和字符格式 默认情况下，输入文本的字体、字号等，与该网页“页面属性”中设置的相同。 文本的格式设置有字符格式与段落格式之分。其中，要设置段落格式，只需将光标定位在该段落即可进行设置；要设置字符格式，应首先利用拖动方法选中文本，然后再进行设置。 文本“属性”面板 设置文本颜色 设置段落对齐 1. 设置字体列表 Dreamweaver 中自带的字体有限，一般满足不了大多数网页设计者的需求。可以通过设置字体列表解决这一问题。 2. 设置文本字体及大小 设置好需要的字体列表后，就可以为网页中的文本设置字体了。 3. 设置段落对齐和缩进 通过设置段落对齐和缩进格式，可以更好地为文档布局。 文本及段落格式设置 4. 设置列表项 “编号列表”的设置方法同“项目列表”类似。 选中文本? 应用“项目列表”格式 三、插入水平线和特殊字符 1. 插入水平线 水平线对于组织信息和区分版块很有帮助，如图所示。 网页中的水平线 水平线“属性”面板 2. 插入特殊字符 要插入特殊字符，可在定位插入点后，选择“插入记录”→“HTML”→“特殊字符”命令，然后在弹出的菜单中选择相应的特殊字符。 插入特殊字符 任务 2?在主页中插入 导航条和图像——应用图像 ◆掌握编辑图像的方法 ◆掌握图像各种特效的制作方法 ◆掌握导航条的制作方法 一、网页中常见的图像文件格式 JPEG（联合图像专家组标准）格式：该格式适于表现色彩丰富、具有连续色调的图像，如各种照片。 GIF（图形交换格式）格式：由于它最多只能包含 256 种颜色，因而适合表现色调不连续或具有大面积单一颜色的图像。 PNG（便携网络图像）格式：该格式集 JPEG 和 GIF 格式的优点于一身，图像质量高且可包含透明区。 二、插入与编辑图像 在 Dreamweaver 中插入图像的方法非常简单，下面介绍具体操作。 确定插入点后单击“图像”按钮 插入图像 “图像标签辅助功能属性”对话框 “首选参数”对话框 下面列出图像“属性”面板中各常用项的意义。 图像：设置图像名称，主要用于通过脚本控制图像。 宽和高：图像的宽度和高度（单位为像素），改变了图像的尺寸后，该数值将加粗显示。 图像“属性”面板 源文件：显示图像文件的路径。 链接：用于创建从图像到其他文件的链接。 替换：在浏览器无法显示图像文件时，在图像位置显示的说明性文字。 垂直边距和水平边距：指定图像上、下、左、右空白的像素值。 目标：设置在何处打开链接文档，_blank 表示新窗口，_self 表示当前窗口，_parent表示当前窗口的父窗口，_top 表示当前窗口的顶级窗口。 边框：设置图像边框的粗细，以像素为单位。有时在为图像设置链接后，图像的周围会多出一个蓝色的边框，此时只需将图像的边框值设置为“0”，即可将该边框去掉。 对齐：确定图像在单元格或页面中的对齐方式。 三、使用图像占位符 图像占位符相当于图像的临时替代对象。如果网页中的某个图像尚未制作好，可暂时用图像占位符代替。 打开“图像占位符”对话框 插入图像占位符 替换图像 四、制作鼠标经过图像 要制作鼠标经过图像，需要用到两张大小相同，而内容不同的图像。其中一张作为原始图像，在页面打开的时候显示；另一张则作为鼠标经过图像，在鼠标经过的时候替换原始图像显示出来。 设置图像名称和原始图像 插入鼠标经过图像 * LOGO * LOGO 项目三?制作汽车网站——输入与编辑网页元素 任务 1 输入并