浙教版信息技术八上第12课《用表格为网页布局》课件.ppt

网页一 网页二观看以下两个网页后，说一说你更喜欢哪一个，为什么？,比一比,导航栏型,居中型,半包围型,主题突出型,看一看,网页的布局设计是没有限定规则的，只要配合网站内容，让浏览者感觉简洁、有序、美观就可以了。如果在这基础上，能够揭示主题、富有创意就更完美了。,页面布局,【任务一】根据自己的想法，在白纸上为自己的网站主页绘制一个布局草图，并注明标题栏、导航栏、网页内容、版权说明栏等位置。,画一画,Share Point Designer,用表格为网页布局,在主页中插入表格，通过表格能实现网页中元素的定位、排版功能，使得页面布局整齐、美观。,表格,分析表格,插入表格,【任务二】打开上节课建好的站点和主页，根据自己的布局草图，在主页中插入相应行列的表格。,合并,拆分,修改表格,【任务三】根据布局要求，对表格进行合并或拆分，并结合自己的网站规划书，将网站的主题、导航栏栏目标题以及自己的版权信息等填充到单元格中，并调整表格大小。,拓展任务,请观察你的导航栏和老师的导航栏有什么区别？这是如何实现的呢？ 勇于挑战高难度任务的同学们，你们的机会来了，请尝试在表格中实现这个功能，可参考课本P47页阅读材料中的“技巧一：表格嵌套”。,课堂总结,通过这节课的学习，你学到了什么？,为了设计出简洁而又精美的网页，我们需要设计、排版、布局。 在日常生活中，我们同样要有规划布局，这样才能够提高效率，更快更好的达到目标。,