第2章 情景——填充某公司的二级页面精选.pptVIP

网页设计与制作 网页设计与制作 填充某公司的二级页面 学习内容： 网页中使用文本和设置文本格式 网页中使用图像 网页中使用鼠标经过图像 网页中使用Flash动画 插网页中使用其他媒体 本章使用三个任务驱动教学内容 2.1 任务一：在网页中使用文本内容 2.2 任务二：在网页中使用图像 2.3 任务三：在网页中使用其他媒体 通过这三个任务完成填充公司网页的内容。 2.1 任务一：在网页中使用文本内容 2.1.1 知识要点 1.录入文本 （1）将文本添加到文档中：直接键入文本、粘贴外部文本。 （2）插入特殊字符：插入换行、插入空格、插入其他字符。 （3）创建列表：创建编号列表、创建项目列表、创建定义列表。 （4）插入日期 （5）插入水平线 2.设置文本格式 （1）使用“页面属性”设置文本格式 （2）使用“属性检查器”设置文本格式 3.插入文件头 页面包含一些描述页面的附加信息，搜索浏览器可使用这些信息，这些信息就是文件头内容。 具体操操作是在“菜单栏”中选择“插入”|“HTML”|“文件头标签”，然后选择需要的文件头内容 。 2.1.2 工作任务与设计效果 某公司网站二级页面已经布局完成，当前的工作任务 是利用所学向已经布局好的页面中填充文本 。效果如下： 2.2 任务二：在网页中使用图像 2.2.1 知识要点 1．关于图像 网页中通常使用的只有三种，即 GIF、JPEG 和 PNG。 2．设置背景图像 网页背景图像是指图像的上方可以再插入其他网页元素。 方法：在“页面属性”中的“外观（CSS）”中设置 。 3．在网页中插入图像 具体插入图像的过程： （1）将光标定位在插入图像的位置。 （2）使用以下任意一种方式执行“插入图像”命令。 （3）在打开的“选择图像源文件”对话框中选择需要插入的图像。 （4）在弹出的“图像标签辅助功能属性”对话框，单击“确定”按钮。 4．在网页中插入鼠标经过图像 “鼠标经过图像”是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。 必须须用以下两个图像来创建鼠标经过图像：主图像（首次加载页面时显示的图像）和次图像（鼠标指针移过主图像时显示的图像）。 要求：鼠标经过图像中主次两个图像应大小相等 2.2.2 工作任务与设计效果 当前的工作任务是利用所学依照效果图，向已经布局好的页面中插入图像，效果如下： 具体工作及流程如下所示。 设置页面背景图 文档中填充文本 文档中插入图像 设置文本格式 设置图像属性 插入鼠标经过图 2.3任务三：在网页中使用其他媒体 网页中不仅可以插入文本和图像，其他的多媒体也是可以使用的，例如声音、动画和视频等，但是这些媒体的正常播放通常要求客户端安装对应的插件。 2.3.1 知识要点 1．插入SWF文件 SWF文件是Flash的动画播放文件格式，由于这种格式支持流媒体下载并且文件大小很小，所以在网页上有着广泛的使用。使用这个格式需要注意一点，在用户浏览包含SWF格式的客户端需要安装Flash Player的插件。 （1）插入SWF文件 在Dreamweaver建立好的文档中定位插入点，使用以下的任意一种方式： 在“菜单栏”中选择“插入”｜“媒体”｜“SWF”（Ctrl+Alt+F）。 在“插入”面板中的“常用”类别中单击“媒体”按钮，在弹出的菜单中选择“SWF” 。 （2）设置SWF的属性 宽和高及对齐 文件及背景 编辑 循环及自动播放 品质 播放 参数 2．插入FLV视频文件 FLV是Adobe公司官方的视频格式，这种格式需要客户端安装Flash Player插件，由于这种格式就有流媒体功能和文件大小小的特点，所以网络上现在使用比较多。 在Dreamweaver文档中插入FLV视频具体操作时： （1）在文档中定位插入点。 （2）在“菜单栏”中选择“插入”|“媒体”|“FLV”，打开“插入FLV”对话框，单击“浏览”按钮在打开的文件选择对话框中选择FLV文件。 （3）设置FLV文件参数 （4）预览网页查看效果 （5）根据效果重新调整FLV文件参数 3．插入非FLV媒体 网络上常见的媒体格式还有AVI、RM、RMVB、WMV、MP3、WMA、MOV等等，这些媒体都需要客户端安装对应的插件才可以正常播放。以下是具体插入的过程： （1）在文档中定位插入点。 （2）在“菜单栏”中选择“插入”|“媒体”|“插件”，在打开的“选择文件”对话框中选择需要插入的媒体文件，单击“确定”按钮。 （3）文档中显示插入插件的占位符，选中占位符后打开“属性检查器”，给插入