数字媒体导论_第九章Internet和WEB技术教材教学课件.pptVIP

Shan dong Economics University 第九章 Internet和WEB技术 使用Dreamweaver制作多媒体网页 网络是目前和今后多媒体产品发布的一个重要的平台。在众多多媒体网页软件中，Dreamweaver具有强大的编辑功能，可以设计出图文并茂、内容丰富、具有吸引力的网页。 启动Dreamweaver MX 网站制作流程 创建站点与添加素材 网页链接——文本、图形、电子邮箱链接 站点的输出与发布——网页站点的输出 一、启动Dreamweaver MX 二、网站制作流程 网站制作过程大致包括六步：规划网站、准备素材、制作网页、测试网站、上传输出、更新维护。 步 骤 名 称 完成的操作 规划网站 对网站的整体风格和特色作出定位，进而规划网站的组织结构 准备素材 准备网页显示的文本、图片、动画、视频、音乐素材 制作网页 使用网页制作软件，组织素材，进行网页制作 测试网页 网页制作完毕后，进行测试，检查设计过程中的错误与漏洞 上传输出 申请域名和空间、将网页上传至服务器，进行发布 更新维护 更新网页，增加网页内容，弥补网站存在的缺陷 网站制作各步骤及完成的操作 三、创建站点与添加素材 1. 创建站点 ① 单击“站点”菜单中的“管理站点”命令，点击“新建站点” 弹出“站点定义”对话框，在站点名称文本框中输入站点名称“webexample”。 ② 单击“下一步”按钮，在弹出的“站点定义”对话框中选择“否，我不想使用服务器技术”选项。 ③ 单击“下一步”按钮，在弹出的“站点定义”对话框中选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”选项，并选定站点在本地的存放位置为“D:\webexample”。 ④ 单击“下一步”按钮，在弹出的“站点定义”对话框中选择连接方式为“本地/网络”，文件存储的位置为“D:\webexample”，如图所示，定义本地站点与远程站点的连接方式。 ⑤ 单击“下一步”按钮，在弹出的“站点定义”对话框中选择“否，不启用存回和取出”选项，定义网页不采用相应的编辑保护方式。 ⑥ 单击“下一步”按钮，在弹出的对话框中显示所有的与站点设置有关的参数，单击“完成”按钮结束站点的设置。 2. 编辑站点中的网页 设置背景颜色 选择需更改背景颜色的单元格，在“单元格”属性面板中“背景颜色”选框中选取相应颜色，或在其后的文本框中直接键入颜色设置值，进行背景颜色设置。 （2）Flash文件的插入 ①选中要插入Flash影片 的单元格，如第一个单元格。 ②选择插入栏中的“媒体”选项卡，并单击工具栏中的“Flash”按钮，弹出“选择文件”对话框，选择插入Flash动画文件的路径和文件名（flash/morph.swf）。 ③单击“确认”按钮，即可完成该单元格“morph.swf”Flash动画文件的添加。 ④重复步骤②～③，将Flash动画“logo.swf”插入网页中的指定位置。 （3）图片的插入 ① 选中要插入图像的单元格，如第二行的第一个单元格。 ② 选择插入栏中的“常用”选项卡，并单击工具栏中的“插入图像”按钮，弹出“选择图像源” ，选择插入图像文件的路径和文件名。 ③ 单击“确认”按钮，即可完成该单元格“agx.jpg”图像文件的添加。 ④ 重复步骤②～③，将image文件夹中的图像文件插入网页中的指定位置。 ⑤ 调整表格宽度，使表格与图片大小一致，从而美化网页。 （4）文字的插入 ① 选择倒数第二行第二列单元格，在插入栏中选择“表格”选项卡，并单击“插入表格”按钮，弹出“插入表格”对话框，设置插入1行1列的表格。 ② 在该单元格中输入文字。如果要插入一些特殊文字的话，则可选择插入栏中的“插入”选项卡，选择“html”，点击“特殊字符”选项，单击所需的文本符号按钮，即可插入相应的字符。 （5）文本的编辑 文本的编辑修改方法是Windows通用的，选中文本后可以通过其对应的属性面板进行设置。 3. 添加一个新的网页 （1）新建网页 单击“文件”菜单中的“新建”命令，弹出“新建文档”对话框，在“常规”选项卡中，选择 “基本页”类别中的“HTML”页。 （2）使用表单 * * cellPadding 属性可设置或返回单元格边框与单元格内容之间的空白量（以像素为单位）。 cellpadding属性设置单元格中的信息四周的间距（也是以像素为单位）