《实验表格及页面布局》由会员分享，可在线阅读，更多相关《实验表格及页面布局（12页珍藏版）》请在金锄头文库上搜索。
1、实验二 表格及页面布局,高彦卿,实验目的,超链接的基本定义及基各种超链接的创建和编辑操作 利用表格进行文本的整齐排列和自由的图文混排 在整个表格内使用背景图像和色彩。,实验内容,利用上次实验的内容制作超级链接，包括文本、图像、热区以及锚点链接。 制作两个利用表格定位的网页 设置超链接将站点中的网页链接起来。,实验步骤,(1)建立一个本地站点 (2)在站点中建立一个网页文件index.htm并打开进行编辑。 (3)最外层的表格宽度为700像素，嵌套的表格宽度为100%，整体上分为上下两个表格。 (4)上表格为2行1列的表格如图一所示。,图2-1 布局表格一,（5）下表格为4行3列的表格如图二所示
2、。,图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,(13)用超链接将两者链接起来 (14)浏览网页的实际效果，并测试超链接的有效性。,实验要求,实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。 将站点进行备份留下节课使用。 将站点文件夹上传到教师机E:zuoye目录下。,
