第十四课 建立分页面 教学设计
1教学目标
1、知识与技能
(1)能够依据网站规划设计各分栏目页面,巩固网页布局能力
(2)通过完善分页面中的版面布局,进一步巩固表格及单元格属性的设置技巧
(3)会用制作网页的几种技巧充实分页面的内容
2、过程与方法
通过完善分页面中的版面布局,进一步巩固表格及单元格的属性功能
3、情感态度与价值观
(1)通过任务驱动的形式,培养学生小组合作精神,竞争意识,团队意识
(2)制作分栏目页面的工作量比较大,这可以培养学生的耐心以及想象能力
2学情分析
1、初二的学生已经具备分析问题和解决问题的能力,他们善于思考,敢于挑战。
2、学生都喜欢有声有色的分页面,已经涉及网页制作。
3、个别少部分学生动手能力和自我学习能力较差,在安排任务时需要考虑到这方面因素。
3重点难点
灵活运用表格与单元格的设置技巧
4教学过程
活动1【导入】情景导入，激发兴趣
1、师:首先我们来欣赏几个网页
2、师:同学们欣赏完这些网页,你们觉得这些网页还欠缺什么呢?
师:是的,这些都是漂亮的主页面,但是一个优秀的网页仅仅有一个美丽的外表是远远不够的,还应当具备大量的信息分栏目来支撑它
生答: 页面太少;画面不够丰富
3、师:下面我们来看看一个完整的网页是怎么样的
4、师:同学们看看这个网页它多了些什么?
生:多了好多页面
师:是的要想丰富自己的网页内容,我们还需要新建几张网页,那么,我们今天就来学学如何建立分页面
活动2【讲授】自主探究，交流分享
任务一:建立分栏目网页
(1)尝试两种新建页面的方式并且对比有何区别?
建立分栏目页面有两种方式:
1、单击菜单栏目中的“文件”—”新建”—“网页”,选择“HTML”建立分页面。
2、单击工具栏“新建”按钮
师引导:在建立分页面之前,我们应该对自己之前做的主页的构思要清楚,所有的分页面都应紧紧的和主页面构思联系在一起。
(2)引导学生注意分二面命名及保存
注意分页面命名及保存
1、注意分栏目网页的命名;
2、注意网页保存的位置。
任务二:充实分栏目网页内容
(1)尝试调整表格指定宽度
对比指定宽度百分比和指定像素的区别?
1、右击表格,选择“表格属性”;
2、在“表格属性”对话框中,指定宽度百分比输入100或50进行比较,像素输入750进行对比。
“100”表示表格宽度与网页的宽度一样 “50”表示表格只占网页可视区域的一半 像素则固定了表格的宽度
(2)尝试修改表格线的外观
1、对比表格线“边框”粗细“0”与“1”的区别
2、合理的调整“单元格衬距”和“单元格间距”
“边框”粗细为“0”:预览时,看不见表格线。
“边框”粗细为“1”:预览时,显示表格线。
单元格衬距:指单元格内容与单元格左边距和上边距之间的距离。
单元格间距:指两个相邻单元格之间的距离。
任务三:学生分小组完成一个分页面并提交。
活动3【活动】实践创作，展示评价
学生分小组完成一个分页面并提交
活动4【练习】梳理总结，拓展延伸
1、同学们分小组完成一个分页面
2、同学们自己在课外完成一个自己感兴趣的网站;
3、课后多上网查找一些相关的建站技巧。
课件10张PPT。一个优秀的网站不仅有精美的主页面
还需要更丰富的分栏目页面第十四课 建立分页面任务一：建立分栏目网页尝试两种新建页面的方式
并且对比有何区别？温馨提示：
建立分栏目页面有两种方式：
1、单击菜单栏目中的“文件”—”新建”—“网
页”，选择“HTML”建立分页面。
2、单击工具栏“新建”按钮任务一：建立分栏目网页温馨提示：
注意分页面命名及保存
1、注意分栏目网页的命名；
2、注意网页保存的位置。
制作分栏目页面和制作主页的方法基本上是相同的。任务二：充实分栏目网页内容一、尝试调整表格指定宽度
温馨提示：
1、右击表格，选择“表格属性”；
2、在“表格属性”对话框中，指定宽度百分比输入100或50进行比较，像素输入750进行对比。对比指定宽度百分比和指定像素
的区别？任务二：充实分栏目网页内容“100”表示表格宽度与网页的宽度一样
“50”表示表格只占网页可视区域的一半
像素则固定了表格的宽度任务二：充实分栏目网页内容二、尝试修改表格线的外观 1、对比表格线“边框”粗细“0”与“1”的区别
2、合理的调整“单元格衬距”和“单元格间距”
温馨提示：
“边框”粗细为“0”：预览时，看不见表格线。
“边框”粗细为“1”：预览时，显示表格线。
单元格衬距：指单元格内容与单元格左边距和上边距之间的距离。
单元格间距：指两个相邻单元格之间的距离。练 习1、同学们分小组完成一个分页面
2、同学们自己在课外完成一个自己感兴趣的网站；
3、课后多上网查找一些相关的建站技巧。Thanks!
