①“表格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)切换视图到“代码”视图,找到