网页制作教学案——CSS样式表

来源：抵帆知识网

====Word行业资料分享--可编辑版本--双击可删====

吕叔湘中学集体备课教[学]案（高二信息）

教学内容 CSS样式表知识目标： 1、了解CSS的概念和作用 2、理解和掌握三种CSS样式表 3、理解和掌握CSS样式表的编写和使用能力目标：培养学生模仿技能、协作学习的能力以及应用所学知识解决实际问题的能力。情感目标：引发学生学习制作网页知识的兴趣，通过师生、生生互动，学生自主学习，增进增强学生的自主性和合作精神。理解并掌握CSS样式表的编写和使用新授/概述、演示、启发与实验使用网络教室+相关软件教学过程课程目标教学重点与难点教学课型与方法电教手段补充与调整通过特殊的效果一、新课导入展示一个CSS效果的文字，让学生想一想如何设置这样的展示CSS的魅力，激发字体，提出本课的内容“CSS样式表” 学生学习的兴趣二、概念 1、什么是CSS？Cascading Style Sheet层叠样式表 CSS样式表就是用来描述网页中元素外观的一组代码。 2、CSS代码和HTML代码比较同一种文字外观的不同代码 HTML：

欢迎进入机器人做学玩网站!

源-于-网-络-收-集

====Word行业资料分享--可编辑版本--双击可删====

CSS：

欢迎进入机器人做学玩网站!

小结：定义文字的字体文字为斜体文字的颜色 CSS代码 font-family:”宋体” font-style:italic color:red HTML …. 要求学生自己动手书写，提高学生的动手能力，特别是输入代码的效率。 3、CSS书写格式：

欢迎进入机器人做学玩网站!

4、作业：作业一：要求：隶书; 红色; 25pt; 斜体三、嵌入式样式表 1、[格式] style=“样式表”例如：

2、作业：要求：宋体; 红色; 25pt 四、内联式样式表 1、举例

吕叔湘中学欢迎你

2、作业、要求：在和区分别输入两段代码

这是内联式样式表

五、外联式样式表 1、举例 2作业四：要求：建立一个te.css，样式1(span)要求：隶书，红色，斜体，25pt 样式2( h3 )要求：宋书，绿色，斜体，45pt

源-于-网-络-收-集

====Word行业资料分享--可编辑版本--双击可删====

六、CSS样式表总结： (1)可以“随心所欲”地控制页面布局和外观。 (2)只需修改一个CSS代码文件就可以改变页数不定的网页外观和格式。 (3)在所有浏览器和平台之间具有较好的兼容性。 (4)能够精简网页，提高下载速度。教后记

源-于-网-络-收-集

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文