网站设计与开发技术教程 第3章 静态页面制作.ppt

----表格二、超链接三、添加文本四、插入图像静态页面设计一、网页布局1、布局的实质布局:就是在页面上划分出不同的区域,按照设计的原则和方法,把不同的内容放置到不同的位置上,并通过色彩调和出不同的网站基调,使网页内容形成一个有机的整体,充分表达网站主题的过程。布局的方法:表格、层、框架利用表格布局:在插入面板中选择“常用”标签,点击按钮,弹出“插入表格”对话框,设置相应的参数来插入表格。也可以通过选择“【插入】→【表格】”菜单命令打开“插入表格”对话框。“插入表格”对话框行数:新插入的表格的行数,可以更改数值来确定行数。列数:新插入的表格的列数,可以更改数值来确定列数,行、列数控制表格划分的区域个数(行×列)。表格宽度:表格的宽度可以选择是占页面宽度的百分比(单位为百分比)或者固定尺寸(单位为像素)。边框粗细:表格的边界宽度,单位为像素,表格的属性设置中将详细讲解边框、填充值和间距值的区别。单元格边距:单元格边框和单元格内容的间隔距离。单元格间距:单元格和单元格之间的间隔距离。页眉:把表格的第一行或第一列作为标题行或标题列。作为标题行或标题列的行或列的内容将以粗体的形式显示。标题:提供一个显示在表格外的表格标题。对齐标题:指定表格标题相对于表格的显示位置。摘要:给出表格的说明。该文本不会显示在用户的浏览器中。(1)“表格Id”是表格的ID,有时动态更改表格属性时要用到它。(2)“行”和“列”是表格中行和列的数目。(3)“宽”和“高”是表格的宽度和高度,以像素为单位或者是按占浏览器窗口宽度的百分比计算的。(4)“填充”是单元格内容和单元格边界之间的像素数。(5)“间距”是相邻的单元格之间的像素数。(6)“对齐”指表格相对于同一段落中其他元素(如文本或图像)的显示位置。居左、居中还是居右。(7)“边框”指表格边框的宽度(以像素为单位)(8)“清除列宽”按钮和“清除行高”按钮是清除表格中所有显示指定的行高和列宽值。(9)“将表格宽度转换成像素”和“将表格高度转换成像素”按钮是将表格中列的宽度或高度设置为以像素为单位的当前数值。(10)“将表格宽度转换成百分比”和“将表格高度转换成百分比”按钮是将表格中列的宽度或高度设置为按占文档窗口宽度百分比表示的当前宽度。(11)“背景颜色”指定表格的背景颜色。(12)“边框颜色”指定表格的边框颜色。(13)“背景图像”指定表格的背景图像。选中一个单元格选中一行选中一列选中不相邻的单元格(Ctrl)插入删除行和列(鼠标右键“表格”选项)(1)“合并单元格”按钮可将所选的多个连续单元格、行或列合并为一个单元格。(2)“拆分单元格”按钮可将一个单元格分成两个或是更多的单元格。单击该按钮,会打开“拆分单元格”对话框,如图所示。在该对话框中可以选择将选中的单元格拆分成“行”或“列”