实验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 13 用超链接将两者链接起来 14 浏览网页的实际效果 并测试超链接的有效性 实验要求 实验前认真预习 熟练掌握有关概念和知识 实验过程中记录发生的现象并分析原因 实验完毕将所有文件打包交给老师 并保存设计结果供下一个实验使用 所有实验环节均由每位学生独立完成 严禁抄袭他人实验结果 若发现有结果雷同者 按实验课考核办法处理 将站点进行备份留下节课使用 将站点文件夹上传到教师机E zuoye目录下