本资料来自于资源最齐全的21世纪教育网www.21cnjy.com
第十四课
建立分页面
教学设计
课题
建立分页面
课时数
1课时
位置
八年级上
第十七课
主备教师
教学目标
知识目标:在完成主页的基础上依据原先设计构想的思路制作来分栏目的页面。技能目标:1.新建各式网页并加以命名保存。
2.充实分页面内容,掌握制作网页的多项技巧。情感目标:本课学生实践的工作量较大,通过分栏目制作培养学生吃苦耐劳的精神。
重点难点
教学重点:1.通过样式表新建各式网页。
2.充实分栏目页面,在熟练运用“插入”菜单的基础上再掌握修改表格的巧技。教学难点:本课难点应该是如何将制作“页”的技巧运用熟练。
教学策略
课前准备
教学过程
教学环节及时间分配
师生活动
设计意图
引入
教师:一个优秀的网站不仅有精美的主页面,还需要更丰富翔实的分栏目页面。这节课我们通过建立分页面来丰富网站的分栏目。
教学引入
一、建立分栏目页面
教师:新建分栏目页面的方式有两种1、可以利用菜单栏中的“文件”——>“新建”——>“网页”——>选择网页页面样式。2、单击工具栏的“新建”按钮。两者区别:工具栏的“新建”按钮只能新建空白网页。3、将新建的网页保存在原网站目录下。学生:根据自己的建站计划,新建相应的分页面,并保存。
建立分栏目页面
二、充实分栏目网页内容
教师:制作分栏目网页和制作主页的方法基本相同,一般也要用表格来设计版面布局,然后按事先对栏目的策划加入内容。下面再补充几个页面制作的技巧。技巧1:调整表格指定宽度在“表格属性”中选中“指定宽度”复选框,选择计算单位为“百分比”。分别演示在文本框中输入“100”和“50”后表格占网页可视区域的情况。通常采用改变表格宽度百分比来控制网页内容的版式。技巧2:生成细线条表格教师提问:如何让表格线在预览时隐藏起来?学生回答:将表格“边框”的粗细参数值设为0。问题提出:虽然表格线在浏览时已经隐藏起来了,但各个单元格之间仍然有比较大的间距,会让人感觉线条仍然存在。解决方法:将表格的“单元格边距”参数设置为1,“单元格间距”参数设置为0,这样就能生成细线条表格。技巧3:设置背景图片教师:除了整个网页、表格可以设置背景外,单个单元格也可以设置背景图片。方法:将鼠标定位到需要插入图片的单元格内,然后单击鼠标右键,在弹出的快捷菜单中选择“单元格属性”选项——>“背景”——>选中“使用背景图片”复选框——>选择相应的图片。学生:根据建站计划充实分栏目网页内容。
掌握表格运用的其他技巧,充实网页内容。
板书设计
课后反思
资料素材
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网