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