数字媒体导论 第九章Internet和WEB技术.pptVIP

;使用Dreamweaver制作多媒体网页;一、启动DreamweaverMX;二、网站制作流程;三、创立站点与添加素材;③单击“下一步〞按钮，在弹出的“站点定义〞对话框中选择“编辑我的计算机上的本地副本，完成后再上传到效劳器〔推荐〕〞选项，并选定站点在本地的存放位置为“D:\webexample〞。

④单击“下一步〞按钮，在弹出的“站点定义〞对话框中选择连接方式为“本地/网络〞，文件存储的位置为“D:\webexample〞，如下图，定义本地站点与远程站点的连接方式。;⑤单击“下一步〞按钮，在弹出的“站点定义〞对话框中选择“否，不启用存回和取出〞选项，定义网页不采用相应的编辑保护方式。

⑥单击“下一步〞按钮，在弹出的对话框中显示所有的与站点设置有关的参数，单击“完成〞按钮结束站点的设置。;2.编辑站点中的网页;〔1〕使用表格定位

?表格的插入

在插入栏中选择“表格〞选项卡，并单击“插入表格〞按钮，设置插入表格的属性。;表格的修改

①选择要拆分的单元格〔第二行单元格〕，单击表格属性面板上的“拆分〞按钮，弹出“拆分单元格〞对话框，选择是“行〞选项，并输入行数为“2〞

②将拆分的表格再进行列拆分，拆分为2行7列。

③选择表格中需合并的区域，单击表格属性面板上的“合并〞按钮，即可将所选表格“合并〞，然后再调整表格各单元格的宽度。;设置背景颜色

选择需更改背景颜色的单元格，在“单元格〞属性面板中“背景颜色〞选框中选取相应颜色，或在其后的文本框中直接键入颜色设置值，进行背景颜色设置。;〔3〕图片的插入

①选中要插入图像的单元格，如第二行的第一个单元格。

②选择插入栏中的“常用〞选项卡，并单击工具栏中的“插入图像〞按钮，弹出“选择图像源〞，选择插入图像文件的路径和文件名。

③单击“确认〞按钮，即可完成该单元格“agx.jpg〞图像文件的添加。

④重复步骤②～③，将image文件夹中的图像文件插入网页中的指定位置。

⑤调整表格宽度，使表格与图片大小一致，从而美化网页。;〔5〕文本的编辑

文本的编辑修改方法是Windows通用的，选中文本后可以通过其对应的属性面板进行设置??;3.添加一个新的网页

〔1〕新建网页

单击“文件〞菜单中的“新建〞命令，弹出“新建文档〞对话框，在“常规〞选项卡中，选择“根本页〞类别中的“HTML〞页。;〔2〕使用表单;①选中要放置表单的单元格，然后选择插入栏中的“表单〞选项卡，单击“表单〞按钮，插入表单域。;四、网页链接——文本、图形、电子邮箱链接;2.建立图形的链接

①在DreamweaverMX中翻开网页，选择“agx.jpg〞图片，选择插入栏中的“超级链接〞选项卡，弹出“超级链接〞对话框，选择超链接网页“index.html〞，即可完成该图片超链接设置。

②选择“产品中心〞图片，选

择插入栏中的“超级链接〞选

项卡弹出“超级链接〞对话框，

直接在“链接〞文本框中输入

链接网页名称““index.html〞。

③选择“产品中心〞图片，在图像属性面板中单击“链接〞栏后的“浏览〞按钮，弹出“选择文件〞对话框，选择超链接的目标网页““index.html〞。;3.建立电子邮件的链接

方法

①在DreamweaverMX中翻开网页，选择图片“agx.jpg〞，选择插入栏中的“常用〞选项卡，单击“电子邮件链接〞按钮，弹出“电子邮件链接〞对话框，在“E-mail〞文本框中输入所需链接的邮件地址。

②选择图片“agx.jpg〞后，在相应的属性面板中的“链接〞文本框中直接输入：“mailto:〞。;五、站点的输出与发布——网页站点的输出