当前位置:首页 >> 其它课程 >> CSS样式表教学设计(高中信息技术精品)

CSS样式表教学设计(高中信息技术精品)


CSS 样式表 【教材分析】: 《CSS 样式表》是教育科学出版社出版的高中信息技术选修《网络技术应用》的第五章“动态 网页制作”中的内容。主要介绍了动态 HTML 核心技术之一 CSS 样式表的基础知识和实现方法, 是本章的一个重点和难点。通过学习和实践,学生应了解 CSS 技术的基础知识,并能简单地使用 CSS 优化网页。教材中将这块内容分为“什么是 CSS ”、“ CSS

实现”、“在 HTML 中加入 CSS”三部分。学好 CSS 层叠样式表不仅可以使我们的网页多姿多彩,还可以避免逐个地修改网 页,大大减少重复的工作量。 【学生分析】: CSS 样式表,它主要是靠代码来实现效果的,而且属性代码又多,学生掌握起来很困难,所以 这部分的内容应当以简单易学的实例为主,从学生感兴趣的地方入手,首先选择学生感兴趣的素材 ——著名歌手,然后给学生一些简单可行的任务来实践。主要是要教给学生用 CSS 来控制页面风 格的方法,更多具体的效果还是要求学生课后自己探索获得。而通过上节课脚本语言的学习,学生 基本掌握了 java 文件实现和调用的方法,所以对本课 CSS 的学习也有一定帮助。另外考虑到学生 间有差异,所以上课之前将学生进行分组,以小组合作学习方法进行,每组都分配个别动手能力、 理解强的学生,以好带差,尽可能的让每一位学生都能动起来,避免部分学生因动手能力差而导致 其产生挫折感和学习的积极性。 教学目标: 1.知识与技能了解 CSS 样式表的优点;掌握嵌入式、内联式、外联式三种样式表的;。 ①了解 CSS 样式表的定义; ②掌握嵌入、内联、外联样式表三种样式表的实现方法; ③通过对三种样式表的亲身实践,感受三种样式表的优缺点,选择合适样式表来统一页面的风格。 2.过程与方法 通过学生对三种样式表的实践体验归纳出三种样式表的优势和合适的使用场合。通过让学生在操作 中产生认知冲突,从而循序渐进完成教学。 3.情感态度与价值观 培养学生合理选择并利用样式表美化网页的思想。 教学重点:CSS 样式表的功能和使用 教学难点:外联、内联和内嵌三类样式表的选择应用 教学方法与教学手段:教师运用讲解和任务驱动及评价等方法。采用任务驱动法,让学生在“碰 壁”中寻求解决问题的突破口。学生以小组合作学习的方式进行任务的探究。 教学过程: 【引入】: 课件展示 2008 年 5 月 12 日,一个全世界人民都不会忘记的日子,一场突如其来的强震降临到四川。那 一刻,多少人在瞬间被夺去了宝贵的生命,多少人在瞬间被埋入了废墟,多少幸福美满的家庭在瞬 间支离破碎?? 面对这场灾难,我们中国并没有畏惧,也没有退缩,而是勇敢的,从容不迫地去面对。整个国 人的爱国热情也是达到了空前的状态,我们为之动容,热泪盈眶。5.19-5.21 为全国哀悼日,几乎所 有的门户知名网站都变成了一色的灰黑色调的素颜状态,来哀悼灾难中逝去的同胞 ,祭奠他们的 在天之灵。 如果你也想把自己的网站加入到哀悼的行列中来,那么请把你的网站中所有有色的图片等等都 改换为灰黑色调,一起公祭那些灾难中逝去的亡灵。那这样的变色我们该如何去实现呢? 生:对对象的格式逐个修改。 师:大家的方法可以实现,但比较繁琐,那有没有什么技术可以更快捷地解决网站样式的问题呢? 请大家先看老师的演示。 师:演示在 body 标记中加入代码 style=filter:gray,然后刷新网页,彩色网页瞬间变成了灰色页 面。 生:一片惊叹!原来如此简单!太神奇了! 师:大家一定很想知道原因吧,其实老师刚才采用的是动态网页技术中的一种——

更多相关文档:

巧学活用CSS样式表教学设计(高中信息技术精品)

巧学活用CSS样式表教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。巧学活用 CSS 样式表 一、教材分析: CSS 层叠样式表这部分内容取自中国地图出版社...

《网页格式化》——CSS样式表教学设计(高中信息技术精品)

《网页格式化》——CSS样式表教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。《网页格式刷》 ——CSS 样式表教学案例 【教材分析】 “CSS 样式表”是...

大家来找茬之CSS样式表教学设计(高中信息技术精品)

大家来找茬之CSS样式表教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。大家来找茬之 CSS 样式表 一、教学内容分析 本课是一节借班上课的复习课,教学...

网页魔术师——CSS层叠样式表教学设计(高中信息技术精品)

网页魔术师——CSS层叠样式表教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。网页魔术师——CSS 层叠样式表 教学目标: 1.知识与技能:掌握 css 样式表...

《应用CSS美化网页》教学设计(高中信息技术精品)

《应用CSS美化网页》教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。课题:CSS 设计师——应用 CSS 美化网页 应用 CSS 美化网页 教学内容: 本节内容选自...

走进人工智能教学设计(高中信息技术精品)

走进人工智能教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。走进人工智能一、教学内容分析 教育部颁发的《普通高中技术课程标准》指出“人工智能技术是当前...

信息及其特征教学设计(高中信息技术精品)

信息及其特征教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。信息及其特征 这是高中必修《信息技术基础》的起始课。内容选自教育科学出版社教材。 一、教学...

初识人工智能教学设计(高中信息技术精品)

初识人工智能教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。初识人工智能 一、 教材分析 本课所学的内容是中国地图出版社出版的普通高中课程标准实验教科...

初识人工智能教学设计(高中信息技术精品)

初识人工智能教学设计(高中信息技术精品)_其它课程_高中教育_教育专区。《初识人工智能》教学案例 一、案例背景信息 1.模块:高中信息技术必修模块《信息技术基础》 2...
更多相关标签:
css样式表 | css样式表教程 | css公共样式表 | css外联样式表 | css外部样式表怎么写 | css外部样式表 | css层叠样式表 | css重置样式表 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com