8A第14课 建立分页面

一、教学目标

       知识与技能目标:能够依据原先设计构想的思路制作分栏目的页面;学会新建各式网页并加以命名;会用制作网页的几种技巧充实分页面的内容。

       过程与方法目标:通过完善分页面中的版面布局,进一步巩固表格及单元格的属性功能。

       情感态度价值观:通过任务驱动的形式,培养学生小组合作精神,竞争意识,团队意识;制作分栏目页面的工作量比较大,这可以培养学生的耐心以及想象能力。

二、教学重难点

教学重点:建立网站分页面;

教学难点:灵活运用表格与单元格的设置技巧。

三、教学准备

网络教室,示例网站,素材库。

四、教学过程设计

       一、导入

       欣赏前几届学生做好的完整的网页实例,要想丰富自己的网页内容,一般情况下,我们可以新建几张网页。

设计意图:选择学生自己的作品, 比较的贴近学生自己的构思,激发学生学习的热情,建立自己的学习信心。

       引入今天的新课:建立分页面

       二、新授

       在新建分页面之前,应该对自己之前做的主页的构思要清楚,所有的分页面都是紧紧的和主页面的创作思路联系在一起的。那么如何新建分栏目页面呢?

      (一)建立分栏目页面

       给出教师课前准备好的PPT课件,上面有新建分栏目的方式以及不同方式的一些区别。

       演示课件内容,讲解一些注意事项(如:对与分栏目的命名和保存等)

设计意图:将具体的操作过程在课件中展示出来,可以防止学生在具体操作的时候忘记,能够随时的进行参阅。也可以培养学生的自学能力。

       教师巡视,随时解决学生在操作过程中遇到的问题,遇到共性的问题让学生停下来集中进行讲解。

       引导学生注意对分页面的命名和保存的位置。

      (二)充实分栏目网页内容

        制作分栏目网页和制作主页的方法基本是相同的。

       回顾温习对主页面的版面设计布局,并且向学生展示几张不同的表格属性设计,引出对表格布局制作的几个技巧。

设计意图:通过不同表格之间的对比,可以让学生更加明朗的学习这块内容。

       教师结合课件内容,讲解在分栏目中充实内容的方法。通过教师演示,讲解补充的网页制作的几个技巧(表格的修饰)(日积月累,亲身体验)了解单元格间距和单元格衬距),教师在这里通过比较的方法突出不同技巧带来的不同效果,简单的介绍阅读材料《使用CSS样式表》。

设计意图:对比教学法可以让学生对于网页的不同效果有一定的评价标准。

       将学生分成若干个小组,每个组有一个组长,每个小组完成一个分栏目建立的任务,最后有组长负责整理汇报自己的成果,并且传到指定的位置。

       教师在学生中巡回检查与辅导,随时解决学生在实践过程中遇到的问题,并且引导学生注意使用网页的制作技巧的同时,要合理的将资料分类管理,以便整理中有序清楚。同时鼓励有能力的学生,去寻找更好更多的技巧去处理页面制作的技巧。

设计意图:学生在任务的驱动下可以培养学生的自主学习能力。在学生操作过程中,为学生提供一定的帮助,可以让学生及时的得到问题的解决,教师在学生中巡回,有助于及时的发现学生的问题,可以有效的调控。

       三、课堂总结

       引导学生进行汇报和交流,对作品中的问题给予一定的指正,对于点滴的成绩给予一定的肯定和表扬,并且要控制好点评的时间。

设计意图:锻炼学生的信息整理能力和语言表达能力。

       评选出比较好一点的小组作品,向大家一一展示,并给予一定的表扬,并且请优秀的小组学生讲解自己制作过程中的一些技巧。

设计意图:培养小组协作精神,培养学生归纳总结能力。

       教师做最后的总结性评价。

       四、《网页中CSS样式表的使用》微练习

1.以下关于“CSS样式表”的说法正确的是(      )。

① 网页中使用了CSS样式表,是可以清除已应用样式的。

② 网页中使用了CSS样式表,就不可清除已应用样式的。

③ 同一个网页中不能应用多个CSS样式表。

④ 同一个网页中能应用多个CSS样式表。

A) ①③    B) ②④   C) ②③    D)①④    

2.创建标题字新样式中可以设置参数有(       )

A) 字体、大小、链接   B) 字体、颜色、动画 、

C) 字体、颜色、链接   D) 字体、大小、颜色

3.请尝试在一张网页中应用多个CSS样式。

五、教学反思

       本课采用分层教学和合作教学相结合的方式展开,在保证学有充足时间进行分页面制作的前提下,让学生掌握处理表格的两项技巧——调整表格制定宽度和改变表格线外观。对于阅读材料《使用CSS样式表》,只是课堂上做了简单的介绍,学而有余的学生可以尝试使用CSS样式表提高网页制作的工作效率。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,258评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,335评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,225评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,126评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,140评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,098评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,018评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,857评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,298评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,518评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,400评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,993评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,638评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,661评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,748评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,474评论 1 45
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,065评论 25 707
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,712评论 2 59
  • 一剪梅.葵花 初试新妆薄暮时, 身在高岗, 笑著霞衣。 江南烟雨细如丝, 半笼轻纱, 缀玉仙姬。 风唱灵霄步虚词,...
    寺咀山主人阅读 185评论 2 6