第十二课用表格为网页布局课件.ppt

第十二课,用表格为网页布局,一、规划主页页面布局,常见的网站主页构成图,居中型,半包围型,主题突出型,导航栏型,标题栏,导航栏,网页内容,网站版权说明等,导航栏型,导航栏,网站版权说明等,标题栏,半包围型,标题栏,导航栏,网站版权说明等,居中型,导航栏,网站版权说明等,主题图,主题突出型,导航栏,标题栏,主题图,标题栏,导航栏,网站版权说明等,导航栏,标题栏,网站版权说明等,标题栏,导航栏,网站版权说明等,那么用什么来为我们的网页布局呢?,二、用表格为主页布局,表格具有整齐统一、直观明确的优点，在复杂的网页设计中，人们不仅用表格显示数据，而且还通过表格进行布局，这样可以 有效地控制文字、图片等对象的位置，使网页的布局既紧凑又整齐美观。,标题栏,导航栏,网页内容,网站版权说明等,任务一：根据自己的网站主页设计，插入表格。 1.设置单元格属性、表格属性。 2.设置表格边框线。 3.设置表格的高度和宽度。 4.设置表格与网页的边距。 5.对表格进行拆分与合并。任务二：用“布局视图”中的模板设计页面任务三：用“框架布局”网页结构,动手尝试：,表格运用技巧之表格嵌套,在原有单元格内再插入表格，使其容纳的文字或图片等元素不会影响其他单元格中的元素位置。,例如，在第二行插入1*5表格，可以采用嵌套表格来完成。,三、课堂小结,