吕叔湘中学集体备课教[学]案（高二信息）
模板免费下载完整版免费
教学内容
CSS样式表
课程目标
知识目标：
1、了解CSS的概念和作用
2、理解和掌握三种CSS样式表
3、理解和掌握CSS样式表的编写和使用
能力目标：
培养学生模仿技能、协作学习的能力以及应用所学知识解决实际问题的能力。
情感目标：
引发学生学习制作网页知识的兴趣，通过师生、生生互动，学生自主学习，增进增强学生的自主性和合作精神。
教学重点flipboard是什么软件
与难点
理解并掌握CSS样式表的编写和使用
教学课型
与方法
新授/概述、演示、启发与实验
电教手段
使用网络教室+相关软件
教    学    过    程
补充与调整

一、新课导入
展示一个CSS效果的文字，让学生想一想如何设置这样的字体，提出本课的内容“CSS样式表”
二、概念
1、什么是CSS？Cascading Style Sheet层叠样式表
CSS样式表就是用来描述网页中元素外观的一组代码。
2、CSS代码和HTML代码比较
同一种文字外观的不同代码
HTML：
<body>
<em><font face="宋体" color="green">
<h3>欢迎进入机器人做学玩网站!</h3>
</font></em>
</body>
c语言socket局域网聊天
通过特殊的效果展示CSS的魅力，激发学生学习的兴趣
CSS：
<p style=“font-family:宋体;color:green;
font-style:italic;">
学生个人网页制作html代码css欢迎进入机器人做学玩网站!</p>
小结：
定义
CSS代码
HTML
文字的字体
font-family:”宋体”
<font face=“宋体”>
凡科建站客服
文字为斜体
font-style:italic
<em>….</em>
文字的颜
color:red
<font color=“red”>
3、CSS书写格式：
<p style=
“font-family:宋体;
color:green;
font-style:italic;
font-size:25pt;">
欢迎进入机器人做学玩网站!</p>
4、作业：
作业一：
要求：隶书; 红; 25pt; 斜体
三、嵌入式样式表
1、[格式]
style=“样式表”
例如：<p style=“font-size:9pt;”>
2、作业：
要求：宋体; 红; 25pt
四、内联式样式表
1、举例
<head>
<style type="text/css">python安装pytorch
  h1 {
      FONT-SIZE: 40pt;
      FILTER: Shadow(color=#0000FF,direction=135);
      HEIGHT: 19pt;
      color:white; 
}
</style>
</head>
<body>
<h1>吕叔湘中学欢迎你</h1>
</body>
要求学生自己动手书写，提高学生的动手能力，特别是输入代码的效率。
通过作业的练习，及时反馈上课效果
2、作业、
要求：
在<head>和<body>区分别输入两段代码
<style type="text/css">
  h1 {
      FONT-SIZE: 40pt;
      FILTER: Shadow(color=#0000FF,direction=135);
      HEIGHT: 19pt;
      color:white; 
  }
</style>
<h1>这是内联式样式表</h1>
五、外联式样式表
1、举例
2作业四：
要求：
建立一个te.css，
样式1(span)要求：隶书，红，斜体，25pt
样式2(  h3 )要求：宋书，绿，斜体，45pt
六、CSS样式表总结：
(1)可以“随心所欲”地控制页面布局和外观。
(2)只需修改一个CSS代码文件就可以改变页数不定的网页外观和格式。
(3)在所有浏览器和平台之间具有较好的兼容性。
(4)能够精简网页，提高下载速度。 
教后记

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。