浙教版八年级信息技术上册第三单元网站制作第12课用表格为网页布局课件2.ppt

《浙教版八年级信息技术上册第三单元网站制作第12课用表格为网页布局课件2.ppt》由会员分享，可在线阅读，更多相关《浙教版八年级信息技术上册第三单元网站制作第12课用表格为网页布局课件2.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 网页一网页一 网页二网页二观看以下两个网页后，说一说你更喜欢哪一个，为什么？观看以下两个网页后，说一说你更喜欢哪一个，为什么？比一比标题栏网页内容版权说明导航栏导航栏型导航栏型标题栏版权说明导航栏网页内容居中型居中型标题栏导航栏网页内容版权说明半包围型半包围型导航栏主题图版权说明主题突出型主题突出型网页布局导航栏型居中型半包围型主题突出型看一看 网页的布局设计是没有限定规则的，只要配合网站内容，让浏览者感觉简洁、有序、美观就可以了。如果在这基础上，能够揭示主题、富有创意就更完美了。页面布局 【任务一】【任务一】根据自己的想法，在白纸上为自己的网根据自己的想法，在白纸上为自己的网站主页绘制一个

2、布局草图，并注明标题栏、导航栏、站主页绘制一个布局草图，并注明标题栏、导航栏、网页内容、版权说明栏等位置。网页内容、版权说明栏等位置。画一画用表格表格为网页布局 在主页中插入表格，通过表格能实现网页中元素的定位、排版功能，使得页面布局整齐、美观。分析表格插入表格 【任务二】【任务二】打开上节课建好的站点和主页，根据自己打开上节课建好的站点和主页，根据自己的布局草图，在主页中的布局草图，在主页中插入插入相应行列的相应行列的表格表格。网络世界首页网络拾贝网络交流网络安全网络生活网页内容网站制作：李雪合并合并拆分拆分修改表格 【任务三】【任务三】根据布局要求，对表格进行根据布局要求，对表格进行合并合

3、并或或拆分拆分，并结合自己的网站规划书，将网站的主题、导航栏栏并结合自己的网站规划书，将网站的主题、导航栏栏目标题以及自己的版权信息等目标题以及自己的版权信息等填充到单元格填充到单元格中，并中，并调调整表格大小整表格大小。拓展任务 请观察你的导航栏和老师的导航栏有什么区别？请观察你的导航栏和老师的导航栏有什么区别？这是如何实现的呢？这是如何实现的呢？勇于挑战高难度任务的同学们，你们的机会来了，勇于挑战高难度任务的同学们，你们的机会来了，请尝试在表格中实现这个功能，可参考课本请尝试在表格中实现这个功能，可参考课本P47页阅页阅读材料中的读材料中的“技巧一：表格嵌套技巧一：表格嵌套”。课堂总结 通过这节课的学习，你学到了什么？通过这节课的学习，你学到了什么？为了设计出简洁而又精美的网页，我们需要设计、排版、布局。在日常生活中，我们同样要有规划布局，这样才能够提高效率，更快更好的达到目标。