[精选]多媒体网页设计与制作.pptx

《[精选]多媒体网页设计与制作.pptx》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、模块五多媒体网页设计与制作2提纲学会在网页中插入多媒体文件2学会多媒体网页的设计1学会多媒体网页的合成33学会多媒体网页的设计使用Dreamweaver创建站点2认识网页制作工具Dreamweaver81使用Dreamweaver制作一个网页框架345.1.1认识网页制作工具8工欲善其事，必先利其器。8是在多媒体方面颇有建树的公司推出的可视化网页制作工具，它与8、8合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，用来制作

2、精美的网页动画，而用来处理网页中的图形。55.1.1认识网页制作工具818的功能可视化编辑全面的编码环境服务器技术功能自定义65.1.1认识网页制作工具828的工作区布局75.1.2使用创建站点在中，“站点”一词既表示站点，又表示属于站点的文档的本地存储位置。在开始构建站点之前，您需要建立站点文档的本地存储位置。站点可组织与站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到服务器。85.1.2使用创建站点可以使用“站点定义向导”设置站点，该向导会引领您完成设置过程。或者，也可以使用“站点定义

3、”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。在本教程中，您将使用“站点定义”的“高级”设置来设置项目文件的本地文件夹。在本书后面的部分，您将学习如何设置远程文件夹，以便将页面发布到服务器，从而提供给公众访问。95.1.2使用创建站点步骤1：将素材文件夹复制到E盘根目录下。步骤2：启动。105.1.2使用创建站点步骤3：创建“多媒体技术与应用基础”站点。115.1.2使用创建站点步骤3：创建“多媒体技术与应用基础”站点。125.1.3使用制作网页框架步骤1：创建新文件。在菜单栏上依次点击【文

4、件】→【新建】，打开“新建文件”对话框，在“常规”选项卡中选择“基本页”和，点击“创建”按钮即创建一个新的网页文件。135.1.3使用制作网页框架步骤2：保存文件。完成步骤1的操作就创建了一个空白页面。在菜单栏上依次点击【文件】→【保存】，打开“保存”对话框。保存目录选择E盘根目录下的文件夹，文件名为：。点击“保存”按钮保存文件。145.1.3使用制作网页框架步骤3：插入表格。将光标移到页面内，在菜单栏上依次点击【插入】→【表格】，打开“插入表格”对话框。155.1.3使用制作网页框架步骤4：设置整个表格属性。选中

5、表格，在“属性”检查器中的对齐列表中选择“居中对齐”。将“背景颜色”设置为白色。16学会在网页中插入多媒体文件为网页中插入音频文件2为网页中插入图像文件1为网页中插入视频文件3为网页中插入动画文件4175.2.1为网页中插入图像文件一个页面仅有文本会非常单调，很难吸引人的目光，所以必须在文档中加入其他元素，如图像。如果能在网页设计中恰当地运用图像，既能使网页美观生动而且富有生机，又能体现网站的风格和特色图像，加深用户对网站的良好印象。应用与网页中的图片，目前比较流行的有两种图片格式，即和格式。这两种格式，浏览器都能

6、正确显示。下面将为大家介绍运用图像的简单操作方法。185.2.1为网页中插入图像文件步骤1：插入页面背景图片。在完成任务一的操作后，在“属性”检查器中选择“页面属性”按钮打开“页面属性”对话框，选择背景图像为目录下的文件夹下的文件。点击“应用”、“确定”按钮。195.2.1为网页中插入图像文件205.2.1为网页中插入图像文件步骤2：在表格内插入图片。将光标移至表格第一行内，在菜单栏上依次点击【插入】→【图像】，打开“选择图像源文件”对话框，选择目录下的文件夹下的文件，点击“确定”按钮，在弹出的对话框中点击“确定”

7、按钮。215.2.1为网页中插入图像文件步骤3：在表格内插入背景图片。将光标移至表格第二行内，在“属性”检查器中点击背景标题下的图标，在打开的对话框中选择文件，点击“确定按钮”。步骤4：插入导航条文字。将光标移至表格第二行内，输入“图片

8、音频

9、视频

10、动画”，选中文字后，在“属性”检查器中设置字号为24，文本颜色为白色。225.2.1为网页中插入图像文件步骤5：插入内容文字。将光标移至表格第三行内，在菜单栏上依次点击【插入】→【图像】，打开“选择图像源文件”对话框，选择目录下的文件夹下的文件，点击“确定”按钮，在弹出

11、的对话框中点击“确定”按钮。235.2.1为网页中插入图像文件245.2.2为网页中插入音频文件步骤1：将文件复制三份，文件名称分别为、、，全部存放在文件夹下。步骤2：删除图像。打开文件，选中第三行中的图片，按住键删除图像。255.2.2为网页中插入音频文件步骤3：插入音频文件。将光标移至表格第三行内，在菜单栏上依次点击【插入】→【媒体】→【插件】，打开“选