教学过程:
情境导入:分析学生在练习中遇到的问题
做练习过程中,发现通过空格、段落、缩进等方法不容易规划好一个有很多元素的页面,特别是图文混排的页面。
我们上网看到的那些版面元素丰富又排列整齐规范的网页,是怎么做的?如何让我们的页面布局,更轻松些?
分析网页引入主题
分析一个网页(大明星电影城网站首页)
1.展示大明星电影城网站首页
2.在 Frontpage中打开该页面,删除可以看到的版面要素
(教师引导学生观察)
(教师设问引导学生思考)
(引出主题)表格实际和文字、图片一样,是一个网页的基本元素,表格在网页中,更大的用途是来规划页面。
灵活地应用表格进行页面布局,把文字和图片规范地按照行或列对齐,能使整个页面看上去紧凑而统一。这对于复杂版面的网页排版来说,有很大的帮助。
我们这节课的主题,就是利用Frontpage表格进行页面布局
如何做网页提供范例学生观察
(学生观察)使用Frontpage表格进行页面布局的学生习作。
并提供一些常用的版式供学生参考。
强调通过表格进行网页布局的意义,鼓励学生自由发挥。
讲解操作关键点:
利用表格进行页面布局的三个环节:
1.规划页面布局
2.插入并调整表格
3.插入标题,图片,文字,按钮等元素
强调:表格的作用是规划页面,辅助排版,并不要求表格在页面上显示出来。所以,要调整表格边框线数值为0
关于表格的插入和调整,请学生参考类比word软件中的表格操作。
(教师简单演示)插入表格和单元格属性的调整
使用三种操作途径:菜单,表格工具栏,右键快捷菜单
了解任务学生实践
指定动作(2009年会考题目)
主页排版要求:(19分)
用表格布局,表格共分三行,第一行显示标题,第二行显示动感字幕,第三行分为三列,左边悬停按钮做导航,中间插入图片,右边显示文字,设置表格边框的粗细为“0”
自选任务:
使用表格进行页面排版。
主页上有标题,字幕,图片,文字,交互按钮(超级链接)。版面整齐,和谐,美观。
版式不限。
观摩评价
教师小结
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论