用表格为网页布局
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
学生作品欣赏
作品一 作品二 作品三 作品四 作品五 作品六
你觉得哪张网页布置得更合理、更整洁？为什么？ 你知道老师是用什么方法来布置网页吗？
根据布局，你认为需要插入一张几行几列的 表格？为什么？
需 要 插 入 几 行 几 列 的 表 格？
请同学们拿出作业单，根据自己的网页布局， 思考：你的主页需要插入几行几列的表格？
【温馨提示】 ①参考课本P61； ②回忆Word中，利用表格属性隐藏表格线的方法； ③同桌间相互询问、交流。
作品赏析
赏析要求： （1）对照该同学的网页布局图进行评价； （2）借鉴优点； （3）指出不足，并提出建议。
课堂小结
（1）网页中插入表格； （2）调整表格单元格； （3）用表格属性隐藏表格线； （4）利用表格为网页布局的好处。
任务一：在网页中插入表格
从FTP上取出自己的素材包并解ቤተ መጻሕፍቲ ባይዱ，用Frontpage 打开自己的站点，双击打开主页。根据自己的网页布
局，思考并尝试插入表格。
【温馨提示】
打开Frontpage—文件—打开网站—选择路径，找到站 点—双击打开index.htm文件
请同学们回忆在Word中是如何插入表格的。
任务二：调整表格单元格
请同学们参照自己作业单上的网页布 局，适当调整表格单元格。
【温馨提示】 请同学们回忆在Word中是如何合并单
元格、手动绘制表格的。
已完成的同学尝试将已有的图片、文字放 入表格，或适当添加少量文字。
请同学们预览网页
我们制作的网页
平时看到的网页
——表格线被隐藏了
任务三：用表格属性隐藏表格线
请同学们尝试隐藏网页中的表格线。
作品一 作品二 作品三 作品四 作品五 作品六
你觉得哪张网页布置得更合理、更整洁？为什么？ 你知道老师是用什么方法来布置网页吗？
根据布局，你认为需要插入一张几行几列的 表格？为什么？
需 要 插 入 几 行 几 列 的 表 格？
请同学们拿出作业单，根据自己的网页布局， 思考：你的主页需要插入几行几列的表格？
【温馨提示】 ①参考课本P61； ②回忆Word中，利用表格属性隐藏表格线的方法； ③同桌间相互询问、交流。
作品赏析
赏析要求： （1）对照该同学的网页布局图进行评价； （2）借鉴优点； （3）指出不足，并提出建议。
课堂小结
（1）网页中插入表格； （2）调整表格单元格； （3）用表格属性隐藏表格线； （4）利用表格为网页布局的好处。
任务一：在网页中插入表格
从FTP上取出自己的素材包并解ቤተ መጻሕፍቲ ባይዱ，用Frontpage 打开自己的站点，双击打开主页。根据自己的网页布
局，思考并尝试插入表格。
【温馨提示】
打开Frontpage—文件—打开网站—选择路径，找到站 点—双击打开index.htm文件
请同学们回忆在Word中是如何插入表格的。
任务二：调整表格单元格
请同学们参照自己作业单上的网页布 局，适当调整表格单元格。
【温馨提示】 请同学们回忆在Word中是如何合并单
元格、手动绘制表格的。
已完成的同学尝试将已有的图片、文字放 入表格，或适当添加少量文字。
请同学们预览网页
我们制作的网页
平时看到的网页
——表格线被隐藏了
任务三：用表格属性隐藏表格线
请同学们尝试隐藏网页中的表格线。