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

(共16张PPT)
第十二课
用表格为网页布局
一、规划主页页面布局
常见的网站主页构成图
标题栏
网站版权说明等
栏目
栏目
栏目
栏目
标题栏
网站版权说明等
栏目
栏目
栏目
栏目
居中型
半包围型
主题突出型
导航栏型
网站版权说明等
导航一
主题图
导航二
导航三
导航四
标题栏
网站版权说明等
网页内容
导航一
导航二
导航三
导航四
导航五
标题栏
导航栏
网页内容
网站版权说明等
导航栏型
导航栏
网站版权说明等
标题栏
半包围型
标题栏
导航栏
网站版权说明等
居中型
导航栏
网站版权说明等
主题图
主题突出型
导
航
栏
标题栏
主题图
标题栏
导航栏
网站版权说明等
导航栏
标题栏
网站版权说明等
标题栏
导航栏
网站版权说明等
页面布局的设计没有限定的规则。只要配合网站的内容，让访问者浏览你的网站时感觉到舒服而又方便就可以了。
那么用什么来为我们的网页布局呢
拼图游戏
二、用表格为主页布局
在页面上绘制表格，在单元格中输入文字或插入图片，从而对页面上的文字、图片等元素进行混合排版。
标题栏
导航栏
网页内容
网站版权说明等
标题栏
导航一
网页内容
导航二
导航三
导航四
导航五
网站版权说明等
打开网页。启动SharePoint Designer，打开已建好的站点“我的网站”，双击网页“try.htm”，此时网页处于编辑状态。请参考页面提示或教材内容进行操作。
试一试
表格运用技巧之表格嵌套
在原有单元格内再插入表格，使其容纳的文字或图片等元素不会影响其他单元格中的元素位置。
例如，在第二行插入1*5表格，可以采用嵌套表格来完成。
打开主页。双击主页“default.htm”，此时主页处于编辑状态。请结合书本44页的常见网站主页构成图，规划你自己的网站主页，附上相关说明文字（如：标题栏、导航、栏目、主题图、网页内容、网站版权说明等）。并说说你的网站主页构图属于哪一种类型。（居中型、半包围型、主题突出型、导航栏型）
做一做
三、课堂小结
规划主页页面布局
1
用表格为主页布局
2
插入表格
（1）
调整表格的大小
（3）
合并、拆分单元格
（2）
……
（4）