八年级信息技术上册第三单元网站制作第12课《用表格为网页布局》课件2浙教版
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网络世界 网网网网 首络络络络 页拾交安生 贝流全活
网页内容
合并 拆分
Байду номын сангаас
【任务三】根据布局要求,对表格进行合并或拆分,
并结合自己的网站规划书,将网站的主题、导航栏栏 目标题以及自己的版权信息等填充到单元格中,并调 整表格大小。
请观察你的导航栏和老师的导航栏有什么区别? 这是如何实现的呢?
勇于挑战高难度任务的同学们,你们的机会来了, 请尝试在表格中实现这个功能,可参考课本P47页《阅 读材料》中的“技巧一:表格嵌套”。
网页二
网页一
观看以下两个网页后,说一说你更喜欢哪一 个,为什么?
标题栏
导航栏
网页内容
版权说明
导航栏型
标题栏
导航栏
网页内容
版权说明
居中型
标题栏
导航栏
网页内容
半包围型
版权说明
主题图
导航栏
版权说明
主题突出型
网页布局
导航栏型
居中型
半包围型
主题突出 型
……
网页的布局设计是没有限定规则的,
只要配合网站内容,让浏览者感觉简洁、有序 、美观就可以了。如果在这基础上,能够揭示 主题、富有创意就更完美了。
通过这节课的学习,你学到了什么?
为了设计出简洁而又精美的网页,我们需要 设计、排版、布局。
在日常生活中,我们同样要有规划布局,这 样才能够提高效率,更快更好的达到目标。
【任务一】根据自己的想法,在白纸上
为自己的网站主页绘制一个布局草图,并 注明标题栏、导航栏、网页内容、版权说 明栏等位置。
在主页中插入表格,通过表格能实 现网页中元素的定位、排版功能,使得页面布 局整齐、美观。
【任务二】打开上节课建好的站点和主页,根据自己
的布局草图,在主页中插入相应行列的表格。