第十四课 建立分页面 教学设计 (1)

本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com
第十四课
建立分页面
教学设计
1教学目标
知识与技能
(1)、能够依据原先设计构想的思路制作分栏目的页面
(2)、学会新建各式网页并加以命名
(3)、会用制作网页的几种技巧充实分页面的内容
过程与方法
通过完善分页面中的版面布局,进一步巩固表格及单元格的属性功能
情感态度与价值观
(1)、通过任务驱动的形式,培养学生小组合作精神,竞争意识,团队意识
(2)、制作分栏目页面的工作量比较大,这可以培养学生的耐心以及想象能力
2重点难点
重点:建立分页面
难点:灵活运用表格与单元格的设置技巧
3教学过程
活动1【导入】导入
老师这里有一个网站,是有关泰顺美景的网站,大家会发现这个网站的主页基本上完成了,但作为一个网站的话,仅只有主页是远远不够的,我们还需要更多的分页面。精美的主页加上丰富的分页面才能吸引更多的网络浏览者。所以,咱们接下来的几节课就是要完成分页面的建立。21世纪教育网版权所有
活动2【讲授】新课讲授
建立分页面与建立主页类似,但又有不同之处。同学们的桌面文件夹《佳品欣赏》中有两个网站,绿色之家和茶叶之乡,同学们先自己看看,也可以跟旁边的同学讨论讨论,分页面跟主页有什么关系 分页面是怎么建立的 21教育网
大家讨论了吗,哪个同学能跟老师讲讲,你觉得分页面和主页面有什么关系
通过主页进入各个分页面
分页面展示了主页的主题
P54,完成任务一
shorepoint中打开“泰顺美景”这个网站,建立第一个分页面。
-新建-网页-,选择html,单击确定,就生出了网页文件“无标题-1.html”。大家一定要记住还要对网页进行保存。保存的时候命名可根据各分栏目名称将网页文件保存为栏目名称拼音首字母缩写,这样就便于我们查找使用网页。
直接新建
教师演示
工具栏的“新建”按钮只能新建空白网页0,表格就能显示出来。0”了,这样我们看不见表格线,但是单元格之间仍有比较大的间距,会让人感觉到线条的存在。如果你想让人感觉不到线条的存在,可以合理的设置“单元格衬距”和“单元格间距”的参数,就能完全感觉不到线条的存在。21·cn·jy·com
那当我想整个表格与网页的宽度一样该怎么设置,表格只占网页的一半又该怎么设置,请同学们,自己看书P54页,摸索完成任务四www.21-cn-jy.com
任务四:
调整表格的指定宽度,让表格与网页的宽度一致
对“单元格衬距”和“单元格间距”进行调整,让表格线之间完全无缝对接。
完善自己布局的表格21cnjy.com
大家都已经布局好自己的页面了,哪位同学愿意跟大家分享一下你的表格布局
展示作品用表格布局的时候,一定要想好哪个位置预留什么内容,而且,每个分面要留有一定的位置放导航条以及版权信息。2·1·c·n·j·y
我们用表格布局好网页后,就可以往表格中添加内容了,即充实页面。同时在添加内容的过程中,我们可以随时对表格进行调整。由于时间的关系,页面的充实,我们留待下节课完成,我们先一起来回顾下这节课我们学习的内容。【来源：21·世纪·教育·网】
学习了分页面建立的两种方法,接着是表格布局的一些技巧,比如边框粗细设置,单元格衬距,单元格间距的设置等等21·世纪
教育网
21世纪教育网
--
中国最大型、最专业的中小学教育资源门户网站。
版权所有@21世纪教育网