Dreamweaver CS5网页制作项目三.ppt

1、项目3web内容的设置、任务1web基本设置任务2文本输入和编辑任务3图像任务4应用程序动画和多媒体、任务1web基本设置、任务说明、创建新网页后，一般需要对页面进行简单的设置，主要是标题信息设定预备知识、一、文档头信息，头信息包括web关键字、web页说明等。 使用Google、Baidu、Yahoo等搜索引擎搜索网页时，不是搜索网页的所有内容，而是仅搜索网页的关键词。 为了能够在搜索引擎中搜索自己的网页，最好将关键词设定为人们经常使用的词语。 二、通过设置文档页属性和页属性，可以设置网页外观、标题、超链接等属性。 要设置页面属性，请单击“属性”检查器中的“页面属性”按钮，选择“修改”菜单中

2、的“页面属性”命令，或按Ctrl J键，而不选择web文档中的对象任务实施是在“随机”站点的主页上设定基本信息，学习头信息和页属性的设定方法之后，通过在“随机”站点的主页上设定基本信息，进一步巩固之前学到的东西(具体的操作参照视频3-1 )。 任务2输入和编辑文本，任务说明，文本是网页最基本的组成部分，可以有效地向读者传达各种信息。 内容丰富的网页通常有大量的文本。 在Dreamweaver中，可以直接输入文本，从其他文档复制文本，也可以插入水平线、特殊字符等。 在此学习在网页上输入和编辑文本的相关知识。 准备知识，另一方面，输入文本，在Dreamweaver中输入文本的方法非常简单，只要将插

3、入点放在网页的某个位置(例如表格单元格内)，选择输入方式输入文本即可。 对于大量的外部文本，可以使用剪贴板将其复制到web文档中。二、文本格式和文本属性检查器有两种类型： HTML和CSS，用户可以使用其中一种设置文本格式。 应用HTML类型时，Dreamweaver会将文本格式属性添加到页面正文的HTML代码中。 应用CSS类型时，Dreamweaver会将属性写入文档标题或其他样式表。 应用HTML类型。 如果“属性”检查器尚未打开，请选择“窗口”“属性”菜单将其打开。 默认情况下，如果选择要设置格式的文本或将插入点放在要设置属性的段落上，则文本的HTML类型属性将显示在“属性”检查器中。

4、 应用、2CSS类型，然后单击属性检查器左侧的CSS按钮以显示文本的CSS类型属性。 三、插入水平线和特殊字符，插入一条水平线，定位插入点后，选择“插入”“HTML”“水平线”菜单，即可插入水平线。 也可以单击“插入”面板的“常规”类别中的“水平线”按钮来插入水平线。 插入、2特殊字符。 要插入版权符号，请放置插入点，然后选择“插入”“html”“特殊字符”“版权”菜单插入版权符号。 如果在“特殊字符”下方的菜单中找不到所需的字符，可以通过选择菜单底部的“其他字符”命令打开“插入其他字符”对话框。 执行任务，一、通过在“天使”站点的主页上设定文本内容，然后在“天使”站点的主页上设定文本内容，进

5、一步强化在网页上输入文本进行设定的方法，练习(具体的操作是视频3-2-1 ) 二、通过在“欧美雅”网站的子页面上设置文本内容，在“欧美雅”网站的子页面(sub1.html )上设置文本内容，进一步强化在网页上输入和设置文本的方法(具体操作是视频3-2-2) 、任务3应用图像、任务说明、只有文字的网页显得非常单调，容易引起视觉疲劳。 为了提高网页的可视性，可以在网页上适当添加图像。接下来，我们将学习如何将图像应用于网页。预备知识、一、插入和编辑图像、向网页插入图像时，最好能保证网页和插入的图像在现在的网站上。 否则，在网页发行后容易发生图像看不见的情况。 制作、二、鼠标经过图像，要制作鼠标经过图

6、像，需要两张大小相同内容不同的图像。 其中一张作为原始图像，在打开页面时显示，另一张作为鼠标直通图像，在鼠标滑动时替换为原始图像显示。 让我们来看一下鼠标直通图像的制作方法。执行任务，一、通过在“天花板”站点的主页上设定图像内容，然后在“天花板”站点的主页上设定图像内容，使在网页上插入图像进行编辑的操作更加牢固、练习(具体的操作请参照视频3-3-1 )。二、通过在“欧雅”站点的子页面上设置图像内容，在“欧雅”站点的子页面上设置图像内容，进一步增强在网页上插入图像进行编辑的方法，并进行练习(具体操作请参照视频3-3-2 )。应用任务4动画和多媒体、任务说明，相信通过以前的学习，读者能够制作简单的网页，但是细心的读者可能发现以前介绍的网页上只有静止的照片和文字，太单调了在本节中，您将学习如何向网页添加动画和多媒体元素，以使网页更加丰富。 学习了插入Flash动画、预备知识、一、插入图像，Flash动画的插入是小菜一碟，让我们来看看具体的操作吧。 插入音频文件，音乐不仅能陶冶人的情操，