Dreamweaver CS5网页制作项目三

1、项目三 设置网页内容任务一任务一 网页基本设置网页基本设置任务二任务二 文本输入与编辑文本输入与编辑任务三任务三 应用图像应用图像任务四任务四 应用动画和多媒体应用动画和多媒体任务一 网页基本设置任务说明任务说明新建网页后，一般需要对页面进行一些简单的新建网页后，一般需要对页面进行一些简单的设置，主要包括头信息和页面属性，下面就来设置，主要包括头信息和页面属性，下面就来学习这些知识。学习这些知识。预备知识一、设置文档头信息一、设置文档头信息头信息包括网页关键字、网页说明等。在使用头信息包括网页关键字、网页说明等。在使用Google、Baidu、Yahoo等搜索引擎搜索网页等搜索引擎搜索网页时，

2、不是检索网页的所有内容，而是只检索网时，不是检索网页的所有内容，而是只检索网页的关键字。如果希望自己的网页能够被搜索页的关键字。如果希望自己的网页能够被搜索引擎检索到，最好把关键字设置为人们经常使引擎检索到，最好把关键字设置为人们经常使用的词语。用的词语。二、设置文档页面属性通过设置页面属性，可以对网页的外观、标题及通过设置页面属性，可以对网页的外观、标题及超链接等属性进行设置。超链接等属性进行设置。要设置页面属性，可在不选择网页文档中任何对要设置页面属性，可在不选择网页文档中任何对象的前提下，单击象的前提下，单击“属性检查器属性检查器”上的上的“页面属页面属性性”按钮，或者选择按钮，或者选择

3、“修改修改”菜单下的菜单下的“页面属页面属性性”命令，或按命令，或按【Ctrl+J】组合键，打开组合键，打开“页面页面属性属性”对话框。对话框。任务实施为“欧妮雅”网站主页设置基本信息在学习了头信息和页面属性的设置方法后，下面在学习了头信息和页面属性的设置方法后，下面通过为通过为“欧妮雅欧妮雅”网站主页设置基本信息，来进网站主页设置基本信息，来进一步巩固前面所学（具体操作见视频一步巩固前面所学（具体操作见视频3-1）。）。任务二 文本输入与编辑任务说明任务说明文本是网页最基本的组成元素，它能将各种信息文本是网页最基本的组成元素，它能将各种信息有效地传达给浏览者，通常内容丰富的网页都有有效地传达

4、给浏览者，通常内容丰富的网页都有大量的文本。在大量的文本。在Dreamweaver中可以直接输入文本，中可以直接输入文本，也可以从其他文档中复制文本，还可以插入水平也可以从其他文档中复制文本，还可以插入水平线和特殊字符等。下面就来学习在网页中输入与线和特殊字符等。下面就来学习在网页中输入与编辑文本的相关知识。编辑文本的相关知识。预备知识一、输入文本一、输入文本在在Dreamweaver中输入文本的方法非常简单，只中输入文本的方法非常简单，只要将插入点定位在网页的某个位置（如某个表格要将插入点定位在网页的某个位置（如某个表格单元格内），然后选择输入法输入文本就可以了。单元格内），然后选择输入法输

5、入文本就可以了。对于大量的外部文本，可利用剪贴板将其拷贝至对于大量的外部文本，可利用剪贴板将其拷贝至网页文档中。网页文档中。二、设置文本格式文本属性检查器包括文本属性检查器包括“HTML”和和“CSS”两种类型，两种类型，用户可使用这两种类型中的任一种来设置文本格用户可使用这两种类型中的任一种来设置文本格式。应用式。应用HTML类型时，类型时，Dreamweaver会将文本会将文本格式属性添加到页面正文的格式属性添加到页面正文的HTML代码中。应用代码中。应用CSS类型时，类型时，Dreamweaver会将属性写入文档头或会将属性写入文档头或单独的样式表中。单独的样式表中。1应用HTML类型如

6、果属性检查器没有打开，请选择如果属性检查器没有打开，请选择“窗口窗口”“属性属性”菜单将其打开。选择要设置格式的文本或将插入菜单将其打开。选择要设置格式的文本或将插入点置于要设置属性的段落中，属性检查器中默认点置于要设置属性的段落中，属性检查器中默认将显示文本的将显示文本的HTML类型属性。类型属性。2应用CSS类型单击属性检查器左侧的单击属性检查器左侧的CSS按钮按钮 ，可显示文，可显示文本的本的CSS类型属性。类型属性。三、插入水平线和特殊字符1插入水平线插入水平线定位插入点后，选择定位插入点后，选择“插入插入”“HTML”“水水平线平线”菜单，即可插入水平线。此外，单击菜单，即可插入水平

7、线。此外，单击“插插入入”面板面板“常用常用”类别中的类别中的“水平线水平线”按钮按钮 ，同样可插入水平线。同样可插入水平线。2 2插入特殊字符插入特殊字符如要插入版权符号，可在定位插入点后，选择如要插入版权符号，可在定位插入点后，选择“插入插入”“HTML”“特殊字符特殊字符”“版权版权”菜单，插入版权符号。菜单，插入版权符号。如果在如果在“特殊字符特殊字符”下级菜单中没有找到需要的下级菜单中没有找到需要的字符，可以通过选择该菜单中最下面的字符，可以通过选择该菜单中最下面的“其他字其他字符符”命令，打开命令，打开“插入其他字符插入其他字符”对话框。对话框。任务实施一、为一、为“欧妮雅欧妮雅”

8、网站主页设置文本内容网站主页设置文本内容下面通过为下面通过为“欧妮雅欧妮雅”网站主页设置文本内容，网站主页设置文本内容，来进一步巩固和练习在网页中输入和设置文本的来进一步巩固和练习在网页中输入和设置文本的方法方法（具体操作见视频（具体操作见视频3-2-1）。二、为二、为“欧妮雅欧妮雅”网站子页设置文本内容网站子页设置文本内容下面通过为下面通过为“欧妮雅欧妮雅”网站子页（网站子页（sub1.html）设）设置文本内容，来进一步巩固在网页中输入和设置置文本内容，来进一步巩固在网页中输入和设置文本的方法文本的方法（具体操作见视频（具体操作见视频3-2-2）。任务三 应用图像任务说明任务说明只有文字的

9、网页会显得非常单调，而且容易引起只有文字的网页会显得非常单调，而且容易引起视觉疲劳。为增加网页的可看性，我们可以适当视觉疲劳。为增加网页的可看性，我们可以适当地在网页中添加一些图像。下面就来学习图像在地在网页中添加一些图像。下面就来学习图像在网页中的应用。网页中的应用。预备知识一、插入与编辑图像一、插入与编辑图像在网页中插入图像时，最好能保证网页和要插在网页中插入图像时，最好能保证网页和要插入的图像均位于当前站点中，否则很容易出现入的图像均位于当前站点中，否则很容易出现网页发布后看不到图像的情况。网页发布后看不到图像的情况。二、制作鼠标经过图像要制作鼠标经过图像，需要用到两张大小相同，而要制作

10、鼠标经过图像，需要用到两张大小相同，而内容不同的图像。其中一张作为原始图像，在页面内容不同的图像。其中一张作为原始图像，在页面打开的时候就显示；另一张则作为鼠标经过图像，打开的时候就显示；另一张则作为鼠标经过图像，在鼠标滑过的时候替换原始图像显示出来。下面我在鼠标滑过的时候替换原始图像显示出来。下面我们来看鼠标经过图像的制作方法。们来看鼠标经过图像的制作方法。任务实施一、为一、为“欧妮雅欧妮雅”网站主页设置图像内容网站主页设置图像内容下面通过为下面通过为“欧妮雅欧妮雅”网站主页设置图像内容，网站主页设置图像内容，来进一步巩固和练习在网页中插入与编辑图像的来进一步巩固和练习在网页中插入与编辑图像

11、的操作操作（具体操作见视频（具体操作见视频3-3-1）。二、为“欧妮雅”网站子页设置图像内容下面通过为下面通过为“欧妮雅欧妮雅”网站子页设置图像内容，来网站子页设置图像内容，来进一步巩固和练习在网页中插入与编辑图像的方法进一步巩固和练习在网页中插入与编辑图像的方法（具体操作见视频（具体操作见视频3-3-2）。）。任务四 应用动画和多媒体任务说明任务说明通过前面的学习，相信读者已经能够制作出简单通过前面的学习，相信读者已经能够制作出简单的网页；不过细心的读者可能已经发现，前面介的网页；不过细心的读者可能已经发现，前面介绍的网页中只有一些静止的图片和文字，显得过绍的网页中只有一些静止的图片和文字，显得过于单调。下面就来学习如何为网页添加动画和多于单调。下面就来学习如何为网页添加动画和多媒体元素，以使网页更加丰富多彩。媒体元素，以使网页更加丰富多彩。预备知识一、插入一、插入Flash动画动画学过了图像的插入，学过了图像的插入，Flash动画的插入就是小菜一动画的插入就是小菜一碟了，下面我们来看具体操作。碟了，下面我们来看具体操作。二、插入音频文件音乐不仅能陶冶人的情操，也能给人美的享受，音乐不仅能陶冶人的情操，也能给人美的享受，