当前位置:文档之家› 用表格为网页布局

用表格为网页布局

学生作品欣赏
作品一 作品二 作品三 作品四 作品五 作品六
你觉得哪张网页布置得更合理、更整洁?为什么? 你知道老师是用什么方法来布置网页吗?
根据布局,你认为需要插入一张几行几列的 表格?为什么?
需 要 插 入 几 行 几 列 的 表 格?
请同学们拿出作业单,根据自己的网页布局, 思考:你的主页需要插入几行几列的表格?
【温馨提示】 ①参考课本P61; ②回忆Word中,利用表格属性隐藏表格线的方法; ③同桌间相互询问、交流。
作品赏析
赏析要求: (1)对照该同学的网页布局图进行评价; (2)借鉴优点; (3)指出不足,并提出建议。
课堂小结
(1)网页中插入表格; (2)调整表格单元格; (3)用表格属性隐藏表格线; (4)利用表格为网页布局的好处。
任务一:在网页中插入表格
从FTP上取出自己的素材包并解ቤተ መጻሕፍቲ ባይዱ,用Frontpage 打开自己的站点,双击打开主页。根据自己的网页布
局,思考并尝试插入表格。
【温馨提示】
打开Frontpage—文件—打开网站—选择路径,找到站 点—双击打开index.htm文件
请同学们回忆在Word中是如何插入表格的。
任务二:调整表格单元格
请同学们参照自己作业单上的网页布 局,适当调整表格单元格。
【温馨提示】 请同学们回忆在Word中是如何合并单
元格、手动绘制表格的。
已完成的同学尝试将已有的图片、文字放 入表格,或适当添加少量文字。
请同学们预览网页
我们制作的网页
平时看到的网页
——表格线被隐藏了
任务三:用表格属性隐藏表格线
请同学们尝试隐藏网页中的表格线。
相关主题