资源简介

张三的网页
李四的网页
没有任何规划
先对网页进行全面规划和安排
对比两个网页
形形色色的布局
ftp://172.16.20.218 “资源库”下载
“第12课 用表格为网页布局”文件夹
常见的页面布局有：居中型、半包围型、主题突出型、导航栏型等
完成： 任务单→ 任务一
常见样式
特点
布局形式
举例
半包围型
页面顶部为网站横幅，下方左面为主菜单，右面显示内容的布局
优点：页面结构清晰， 主次分明；
缺点：稍显呆板
居中型
页面一般顶部为网页横幅，底部有版权说明或广告条，左面是主菜单，右面放友情链接等，中间是主要内容
优点：充分利用版面， 信息量大，与其他页面的链接多，切换方便；
缺点：页面拥挤，不够灵活
主题突出型
布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放
优点：漂亮、吸引人，适宜于艺术类网站
缺点：显示速度慢，文字信息量少
导航栏型
页面最上面是一张网站横幅，然后是导航条，中间是页面的主要内容
优点：结构简单，导航栏放页面正中，醒目且方便查找
缺点：精美度不够
1
2
3
4
看一看文海校园网的布局
www.whsyxx.com
网页布局的设计没有限定规则
力求：简洁、有序、舒服
完成： 任务单→ 任务二
我们的布局如何实现？
几行几列？
你的布局需要几行几列的表格呢？
用sharepoint实现自己的布局方案
空白处插入表格
通过合并单元格或拆分单元格“改造”你的布局。
完成： 任务单→ 任务三
预览网页，想一想并试一试：
怎样让网页看起来更舒服？
小 结
作业打包上交至FTP作业文件夹

展开更多......

收起↑