第十四课 建立分页面 课件+教案

第十四课 建立分页面 教学设计 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 ... ...