网页制作案例教程 作者 沈大林 第2章.pptVIP

第2章 Dreamweaver MX 2004基础 本章要点 2.1 Dreamweaver MX 2004工作区简介 2.2 网页文档的基本操作 2.3 在网页中插入文本和编辑文本 2.4 在网页中插入图像和编辑图像 习题2 1．设置外部图像处理软件为其附属图像处理软件 2.4 在网页中插入图像和编辑图像 图2-4-4 “首选参数”（文件类型/编辑器）对话框 2．用外部图像处理软件编辑网页图像 3．使用“编辑”栏中的编辑工具对网页图像进行编辑 2.4.4 图文混排 1．图像与文字相对位置的调整 图2-4-5 文字对齐含义文字的上沿、文字的中线、文字的基线、文字的下沿、文字的左边缘和文字的右边缘之间的关系如图2-4-5所示。 2.4 在网页中插入图像和编辑图像 图 2-4-5 文字对齐含义 图2-4-6 设置图文间距后的图文混排效果 2.4.5 鼠标经过图像（翻转图） 准备两幅最好一样大小的图像，而且有一定的含义和联系，如图2-4-7所示。单击“插入”（常用）栏中“图像”快捷菜单中的“鼠标经过图像”按钮，调出“插入鼠标经过图像”对话框，如图2-4-8所示。 2.4 在网页中插入图像和编辑图像 图2-4-7 翻转图的初始和翻转后的图像 图2-4-8 “插入鼠标经过图像”对话框 2.4.6 拼图 如果网页中有较大的图像，则浏览器通常是在将图像文件的内容全部下载完后，才在网页中显示该图像。这样，会使网页的浏览者等待较长的时间，造成不愉快。为此，可采用拼接图像的方法，来解决长时间等待的问题。拼接图像的方法就是用图像处理软件（如照片编辑器、Fireworks和Photoshop等）将一幅较大的图像切割成几部分，每部分图像分别以不同的名字存成文件。在网页中再将它们分别调出，并“无缝”拼接在一起，形成一个完整的图像。采用这种方法，并不能使整幅图像的下载时间减少，但它可以让浏览者看到图像部分的下载过程，减少了等待中的枯燥。图像的拼接方法如下。 （1）将光标移到Dreamweaver MX 2004的页面编辑窗口的新一行的左边，然后在光标处插入第1幅切割的图像，如“P1. jpg”图像。 （2）单击“插入”（字符）栏中的“换行符”按钮，在第一行的图像末尾插入一个行中断标记BR，即回车符。 （3）将光标移到下一行，再按照上述方法插入第2幅切割的图像“P2.jpg”。照上述方法再插入第3、4幅切割的图像“P3.jpg”和“P4.jpg”。 2.4 在网页中插入图像和编辑图像 2.5.1 插入Flash动画 1．插入Flash动画的操作过程 （1）单击“插入”（常用）栏中“媒体”快捷菜单中的“Flash”按钮，调出“选择文件”对话框，如图2-5-1所示。 （2）在“选择文件”对话框中选择要导入的swf文件，单击“确定”按钮，导入Flash文件。Flash动画在网页文档中的显示效果如图2-5-2所示。 2.5 在网页中插入其他对象 图2-5-1 “选择文件”对话框 图2-5-2 网页编辑状态下的Flash动画 2．Flash对象“属性”栏中各选项的含义 图2-5-3给出了Flash对象“属性”栏的显示效果。“属性”栏中各选项的作用如下。图2-5-3 Flash对象的“属性”栏 2.5 在网页中插入其他对象 图2-5-3 Flash对象的“属性”栏 2.5.2 插入Flash按钮 1．插入Flash按钮的操作过程 2．“插入Flash按钮”对话框中各选项的含义 2.5 在网页中插入其他对象 图2-5-4 “插入Flash按钮”对话框 2.5.3 插入Flash文本 2.5 在网页中插入其他对象 图2-5-5 “插入Flash文本”对话框 2.5.4 插入“图像查看器” “图像查看器”是Dreamweaver MX 2004新增加的一个功能。利用“图像查看器”，可以将图像导入，创建一个Flash格式的图像浏览器，如图2-5-6所示。在浏览器中可以依次浏览插入的图像，在图像切换时使用随机的动态切换效果。