网页制作实验要求及模板.docVIP

实验三 制作网页 一.实验目的: 1．掌握表格的插入和各种操作方法,并能用表格为简单网页布局； 2．掌握插入文本，图像，声音，影片等多媒体的插入方法,并能合理的应用； 3．掌握创建各种超级链接的方法； 4．掌握创建CSS样式的方法，并能熟练应用到网页设计中。 第一部分 表格 （一）预备知识 1．掌握表格的插入、编辑和格式化方法； 2．表格的属性面板,如图3.1 “表格 ID”是表格的 ID。 “行”和“列”是表格中行和列的数目。 “宽”和“高”是以像素为单位或按占浏览器窗口宽度的百分比计算的表格的宽度和高度。 备注： 通常不需要设置表格的高度。 “”是单元格内容和单元格边界之间的像素数。 “间距”是相邻的表格单元格之间的像素数。 提示： 如果您没有明确指定单元格间距和单元格边距的值，则大多数浏览器按单元格设置为 1，单元格间距设置为 2 显示表格。若要确保浏览器显示的表格没有和间距，请将“单元格填充”和“单元格间距”设置为 0。 “对齐”确定表格相对于同一段落中其他元素（例如文本或图像）的显示位置。“左对齐”沿其他元素的左侧对齐表格（因此同一段落中的文本在表格的右侧换行）；“右对齐”沿其他元素的右侧对齐表格（文本在表格的左侧换行）；“居中对齐”将表格居中（文本显示在表格的上方和/或下方）。“默认”指示浏览器应该使用其默认对齐方式。 提示： 当将对齐方式设置为“默认”时，其他内容不显示在表格的旁边。若要在其他内容旁边显示表格，请使用“左对齐”或“右对齐”。 “边框”指定表格边框的宽度（以像素为单位）。 提示： 如果您没有明确指定边框的值，则大多数浏览器按边框设置为 1 显示表格。若要确保浏览器显示的表格没有边框，请将“边框”设置为 0。若要在边框设置为 0 时查看单元格和表格边界，请选择“查看”“可视化助理”“表格边框”。????? “清除列宽”和“清除行高”按钮从表格中删除所有显式指定的行高或列宽值。 “将表格宽度转换成像素”和“将表格高度转换成像素”按钮将表格中每个列的宽度或高度设置为以像素为单位的当前宽度（还将整个表格的宽度设置为以像素为单位的当前宽度）。 “将表格宽度转换成百分比”和“将表格高度转换成百分比”按钮将表格中每个列的宽度或高度设置为按占文档窗口宽度百分比表示的当前宽度（还将整个表格的宽度设置为按占文档窗口宽度百分比表示的当前宽度）。 “背景颜色”是表格的背景颜色。 “边框颜色”是表格边框的颜色。 “背景图像”是表格的背景图像。 如果您在文本框中输入了值，可以按 Tab 键或Enter 键来应用该值。“水平”指定单元格、行或列内容的水平对齐方式。您可以将内容对齐到单元格的左侧、右侧或使之居中对齐，也可以指示浏览器使用其默认的对齐方式（通常常规单元格为左对齐，标题单元格为居中对齐）。 “垂直”指定单元格、行或列内容的垂直对齐方式。您可以将内容对齐到单元格的顶端、中间、底部或基线，或者指示浏览器使用其默认的对齐方式（通常是居中对齐）。 “宽”和“高”是所选单元格的宽度和高度以像素为单位或按占整个表格宽度或高度百分比计算的。若要指定百分比，请在值后面使用百分比符号 (%)。若要让浏览器根据单元格的内容以及其他列和行的宽度和高度确定适当的宽度或高度，请将此域留空（默认设置）。 默认情况下，浏览器选择一列的宽度来容纳列中最宽的图像或最长的行。这就是为什么当您将内容添加到某个列时，该列有时变得比表格中其他列宽得多的原因。 “背景”（上面的文本域）是单元格、列或行背景图像的文件名。单击文件夹图标浏览到某个图像，或使用“指向文件”图标选择某个图像文件。? “背景颜色”（下面的颜色样本和文本域）是使用颜色选择器选择的单元格、列或行的背景颜色。 “边框”是单元格的边框颜色。 “合并单元格”按钮将所选的单元格、行或列合并为一个单元格。只有当单元格形成矩形或直线的块时才可以合并这些单元格。 “拆分单元格”按钮分开一个单元格，创建两个或多个单元格。一次只能拆分一个单元格；如果选择的单元格多于一个，则此按钮将禁用。 “不换行”可以防止换行，从而使给定单元格中的所有文本都在一行上。如果启用了“不换行”，则当您键入数据或将数据粘贴到单元格时单元格会加宽来容纳所有数据。（通常，单元格在水平方向扩展以容纳单元格中最长的单词或最宽的图像，然后根据需要在垂直方向进行扩展以容纳其他内容。）?? “标题”将所选的单元格格式设置为表格标题单元格。默认情况下，表格标题单元格的内容为粗体并且居中。 如果您在文本框中输入了值，则可以按 Tab 键或Enter 键来应用该值。1（按线的粗细需要设定），当然也可以将宽设为1，制作竖线。注：在DREAMWEAVER里制作时，先将高设为1后，切换到代码窗口，将表格里