第八章 多媒体网站和网页制作.pptVIP

第八章 多媒体网站与网页制作 教学要点： 通过本章的教学使学生了解网站建立的流程，具备基本的网站设计思想，能够运用Dreamweaaver 软件进行网页设计与制作。 重难点： Dreamweaaver 软件的基本操作。 第一节 网页制作基础 1.网络基础 2.网站建设流程 第二节 Dreamweaaver 基础 1. Dreamweaaver 的编辑环境 （1） 标题栏 显示网页的标题和文件名称。如果正在编辑的网页文件中包含未被保存的修改，则标题栏中还将在括号中显示“文件名.*”。 （2）标签检查器 显示正在编辑的 HTML 标签，单击这些标签，可以在文档窗口显示它的内容。如单击＜body＞标签可选择文档的全部正文。 2.网页中的文本 1. 添加文本 （1）直接将光标停留在空白的工作区内，通过键敲 文字，随着输入文本内容的增多，插入点将从左到右 渐移动。只有按“Enter”键之后，光标才会另起一行 但是这时候网页上会创建一个新的段落，并且在前、 两个段落之间自动地插入一个空行。 （2）添加文本时，也可以在其他文本编辑器中编辑 本（例如 Word），然后将该文字部分复制，在 Dreamw aver 8中选择【编辑】→【粘贴】菜单命令。 3.网页元素定位 应用图层定位网页元素 （1）创建图层： ①利用“插入”面板插入图层的操作方法：在“插入”面板的“布局”选项卡中单击“绘制层”按钮 ；在文档窗口中用鼠标拖出一个矩形框。图 8-22插入图层 创建图层之后，在文档窗口中出现图层标记，如果没有显示图层标记，可执行菜单【编辑】→【首选参数…】命令，在弹出的对话框中选择“不可见元素”，勾选“层锚记”复选框。选择菜单【查看】→【可视化助理】→【不可见元素】命令，可以切换图层标记的显示与隐藏状态。需要一次性添加多个图层时，可单击“绘制层”按钮，按住 Ctrl功能键，连续地在网页内拖动鼠标。图层创建之后，图层的左上角外侧有一个选择手柄，可以用它在网的范围内移动图层。 ②利用菜单插入图层的操作方法： 将插入点置于文档编辑窗口中，选择菜单【插入】→【布局对象】→【层】命令，将自动在插入点插入一个图层，它默认大小是 200 像素宽和 115 像素高。 （2） 调整图层 创建图层之后，用户可通过多种方式选择、激活图层，然后可对它的大小、尺寸、在网页内的位置以及与其他图层的对齐方式等进行调整。 （3）在图层中添加网页元素 下面以在图层中加入图像为例，介绍在图层中添加元素。 ①在文档窗口中创建一个图层，并将鼠标定位在中； ②选择菜单【插入】→【图像】命令，或者单击“插入”面板的“常用”选项卡中的“图像”按钮，将打开“选择图像源文件”对话框； ③在对话框中选择要插入的图像，单击【确定】按钮；此时选中的图像将插入至图层内，用户如果要调整图像在文档中的位置，直接拖动图层，调整图层的位置即可。 （4） 转换图层与表格 图层拥有较高的灵活性，这对于网页排版是非常方的 将图层转换为表格的操作方法： ① 在当前文档中选择要转换为表格的图层。 ② 选择菜单【修改】→【转换】→【层到表格…】命令，打开“转换层为表格”对话框， ③ 在对话框中对各选项进行设置 ④ 单击【确定】按钮，完成图层到表格的转换。 4.网页中的多媒体对象 这里将向大家介绍一些除了文本和图像外常用的网页元 素 （1）添加Flash动画 使用 Dreamweaver 8可以直接将 Flash 动画添加至网页中。在网页中添加 Flash 动画、Shockwave 电影或者是 Java Applet 程序、ActiveX 控件，甚至其他的 Audio（声音）文件和 Video（影像）文件的步骤基本上都是相似的 。 ① 将光标移到要插入 Flash 动画的位置。 ② 选择【插入】→【媒体】命令，打开其子菜单，如图8-39所示，选择其中的“Flash” 命令，或者在“插入”面板的“常用”选项卡中单击“媒体”右侧的按钮，在弹出的下拉列表框中选择“Flash”选项。 ③ 此时系统将打开选择文件对话框，从中选择要插入的 Flash 动画（*.swf）， ④ 单击【确定】按钮，此时的文档窗口中出现一个代表 Flash 动画的图标 选择该图标之后，将打开“属性”面板。在“属性”面板中的 Flash 文本框中输入Flash 对象的名字。分别在“宽”和“高”文本框中输入 Flash 动画文件播放的区域尺寸的像素大小。 ⑤ “自动播放”选项用于指定是在页面一下载就开始播放这个 Flash 动画，还是使用插件或 ActiveX 控件让访问者自己控制 Flash 动画的播放。 ⑥ 选中“循环”复选框，可以让 Flash 动画循环播放。