好文档 - 专业文书写作范文服务资料分享网站

Dreamweaver 8.0 多媒体网页制作教程

天下 分享 时间: 加入收藏 我要投稿 点赞

①“表格Id”用来为当前选定的表格命名。

②“行”、“列”、“宽”、“高”分别用来设定表格的行数、列数、宽度和高度。 ③“填充”和“间距”分别用来设定表格单元格的边距和间距。 ④“对齐”和“边框”分别用来设定表格的对齐方式和边框大小。

⑤“背景颜色”、“边框颜色”和“背景图像”分别用来设定表格的背景颜色、边框颜色和背景图像。

⑥换。

(3)如第2步的做法,对其余表格的各项属性进行设置。

注意:通过上面的操作我们可以看出,表格的属性设置主要是对表格整体的大小、行列数、行宽和列高以及边框数值和背景颜色等进行设定。这里尤其需要注意行宽和列高的设置有两种单位,分别是百分比和像素,百分比是相对的度量方式,与用户分辨率的设定有一定关系,像素是绝对的度量方式,在不同的分辨率下窗口大小都是一样的。

分别用来清除列宽和行宽以及将表格宽度和高度在百分比和像素间切

8.3.3插入图像占位符

图像占位符是在插入真正的图像之前用来起替代作用的,尤其在进行页面布局的时候是非常有用的。

(1)定位图像占位符要插入的位置,单击鼠标定位在第1行第1个单元格。 (2)单击插入面板组中常用工具栏的插入图像占位符图标8-19所示。

,弹出对话框如图

图8-19图像占位符对话框

(3)输入各项参数如图8-19所示,单击“确定”。

8.4插入多媒体内容 8.4.1插入文本内容

1.插入文本

11

文本可以直接在单元格内输入,也可以从其它文本文件中拷贝。

(1)在创建的第3个表格第1行第3列的单元格内单击,确定文本插入的位置。 (2)按“Ctrl+C”复制文本,然后按“Ctrl+V”完成粘贴。此时文本就被插入到相应的位置了,并且随着文本的现有属性可能扩展单元格。

(3)在属性面板中设置文本的属性,如图8-20所示。

图8-20设置文本属性

2.插入导航条文本

(1)在创建的第2个表格的第1行第1列单元格内单击,输入“导航条文本”字样。 (2)在创建的第2个表格的第2行第1列单元格内单击,输入导航文本内容。 (3)在属性面板中设置文本的属性。 3.为文本创建链接

(1)拖动鼠标选择要创建链接的文本。

(2)单击链接列表框后面的文件夹图标,选择链接文件的名称,然后单击“确定”,如图8-21所示。

图8-21设置文本链接

8.4.2插入图像

图像是网页制作的重要元素之一,可以美化页面,更重要的是可以携带更加形象直观的信息。插入图片的方法很多,下面我们就用不同的方式为先前创建的页面添上图像。

1.通过替换图像占位符插入图像

(1)双击位于顶行第1列的图像占位符,弹出选择图像源文件对话框如图8-22所示。

(2)选择“digital_02.JPG”文件,单击“确定”。

12

图8-22选择图像源文件

2.通过“插入”菜单插入图像

(1)在第3个表格第1行第1列的单元格上单击,确定图像插入的具体位置。 (2)单击“插入|图像”菜单,弹出“选择图像源文件”对话框,选择“ima_33.gif”文件,单击“确定”,图像即被插入。

3.从文件面板中直接拖曳插入图像

(1)单击第3个表格第1行第2列的单元格,确定图像拖曳的具体位置。 (2)在窗口右侧的浮动面板组中选择文件面板,双击或者单击“imge”文件夹前面的“+”号,展开该文件夹,如图8-23所示。

(3)选择“jiawa.jpg”图像文件,按住鼠标左键拖拽到单元格中松开,下面的操作和通过“插入”菜单完成图像的插入一样,这里不再赘述。

4.从资源面板中插入图像

(1)单击定位图像插入点的位置在第3个表格第2行第2列的单元格。

(2)点击窗口右侧文件面板的“资源”选项卡并通过其左侧的图像视图图标切换到图像资源,如图8-24所示。

资源视图切换图标

图8-23展开图像文件夹

图8-24资源选项卡中的图像文件

13

(3)选择要插入的图像文件“p2p.gif”,利用鼠标拖动操作将图像插入,或者使用资源页签下面的“插入”命令按钮完成图像的插入。

注意:以上介绍了在单元格中插入图像的四种方式,其中通过图像占位符插入图像的方法在页面布局中很常用,通过资源面板插入的方式有很多的优势,可以用于在不同的位置快速插入多张图片,基于菜单和插入面板的操作是最常用的方法。

8.4.3插入音频

在网页中插入音频常见的方式可以说有三种:即手写代码添加背景音乐,链接到音频文件,嵌入音频文件。下面我们就来看看这三种插入方式是如何实现的。

1.手写代码添加背景音乐

(1)打开我们前面编辑的文件“index.html”。

(2)切换视图到“代码”视图,找到标记(可以通过Ctrl+F快捷键或者菜单“编辑/查找和替换”快速查找),并将光标定位在其之前。

(3)在光标的位置写下代码

图8-25手写代码

(4)按下F12键试听刚才添加的背景音乐效果。

如果需要设置背景音乐的其它参数比如循环、延迟、平衡、音量属性还可以继续编写代码。

2.链接到音频文件

(1)选择用来链接音频文件的文本、图元或者其他对象。

(2)在对应属性面板的“链接”列表中输入音频文件的路径和名称,或者通过“浏览”按钮直接选择即可。

3.嵌入音频文件

(1)打开我们前面编辑的文件“index.html”。

(2)单击第2个表格第2行第2列的单元格将嵌入音频媒体插件的位置定位在这里。 (3)单击插入面板组常用工具栏中的“媒体”图标所示。

,选择“插件”,如图8-26

14

图8-26插入插件

(4)在弹出的选择文件对话框中选择文件“zdan.mp3”,然后单击“确定”。 (5)此时用于嵌入音频媒体插件的图标已显示在当前单元格中,在属性面板中定义其宽度和高度分别为278和74像素。

(6)按F12预览其效果,在浏览器中可能会弹出“限制此文件显示”的字样,在“单击此处查看选项…”处单击选择“允许阻止的内容”如图8-27所示,即可显示嵌入的音频播放器,如图8-28所示。

图8-27显示阻止访问信息

图8-28音频播放组件

当然,我们也可以通过属性面板上的“参数”按钮或者直接在代码视图中对嵌入的音频播放组件进行诸如:自动播放、循环、隐藏等属性参数的设定。

注意:以上介绍的三种常见插入音频的方式各有特点,手写代码的插入方式简单易行,但用户对其的可控性比较差;链接到音频文件的方式是将声音添加到 Web 页面的一种简单而有效的方法。这种集成声音文件的方法可以使用户有选择是否收听该文件的权利,同时也可使文件用于最广范围的受众。嵌入音频将声音直接插入页面中,但对访问站点的用户有一定的要求,只有在用户具有所选声音文件的适当插件后,声音才可以播放。一般这种方式用于访问用户具有自主控制音频(如播放、停止、音量、外观等)需

15

Dreamweaver 8.0 多媒体网页制作教程

①“表格Id”用来为当前选定的表格命名。②“行”、“列”、“宽”、“高”分别用来设定表格的行数、列数、宽度和高度。③“填充”和“间距”分别用来设定表格单元格的边距和间距。④“对齐”和“边框”分别用来设定表格的对齐方式和边框大小。⑤“背景颜色”、“边框颜色”和“背景图像”分别用来设定表格的背景颜色、边框颜色和背景图像。⑥换。(
推荐度:
点击下载文档文档为doc格式
89goq139rn3j4lf875nx
领取福利

微信扫码领取福利

微信扫码分享