实验2表格及页面布局课件.ppt

实验二 表格及页面布局 高彦卿 实验目的 超链接的基本定义及基各种超链接的创建和编辑操作 利用表格进行文本的整齐排列和自由的图文混排 在整个表格内使用背景图像和色彩。 实验内容 利用上次实验的内容制作超级链接，包括文本、图像、热区以及锚点链接。 制作两个利用表格定位的网页 设置超链接将站点中的网页链接起来。 实验步骤 (1)建立一个本地站点 (2)在站点中建立一个网页文件index.htm并打开进行编辑。 (3)最外层的表格宽度为700像素，嵌套的表格宽度为100%，整体上分为上下两个表格。 (4)上表格为2行1列的表格如图一所示。 图2-1 布局表格一 （5）下表格为4行3列的表格如图二所示。 图2-2 布局表格二 （6）将下表格的单元格进行合并，调整为如图三所示 图2-3 布局表格三 （7）在下表格的左侧嵌套7行1列的表格，在下表格的右侧上边单元格内嵌套1行1列的表格，在右侧下边单元格嵌套2行4列的表格。如图四所示。 图2-4 布局表格四 （8）在左侧嵌套的表格最下面一个单元格嵌套5行2列表格并合并如图五所示。 图2-5 布局表格五 （9）上表格的第二行和下表格右侧第二行制作水平线，将单元格的高度为“2”；下表第二列制作垂直线，宽度为“2。” （10）向表格内添加图像和文字，将所有表格的边框值设置为“0”。 (11) 浏览网页的实际效果。 (12)设计另一个网页，网页效果图如图2-6所示。 图2-6