1 / 9
文档名称:

《网页格式刷》教学案例.docx

格式:docx   大小:92KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

《网页格式刷》教学案例.docx

上传人:小雄 2022/2/9 文件大小:92 KB

下载得到文件列表

《网页格式刷》教学案例.docx

相关文档

文档介绍

文档介绍:《网页格式刷》教学案例
教学案例基本信息
设计者
单位
高级中学
案例名称
《网页格式化》——CSS样式表教学崩
适应范围(标明年级和模块)
高一网络技术应用(1
课时
《网页格式刷》
——CSS样式表教学案例授嵌入式样式表的使用方法。
方法:只需在每个要应用样式的HTML的标记后写上CSS属性就可以了。
CSS 属性书写格式:style= ucolor:red;font-family:黑体;font-size:24pt” 注意: color的属性值还可以用颜色代码,如:ttffOOOOo
教师活动:布置课堂练****题1。
打开example 1文件夹下的qzwx. htm,将网页中文章标题文字“秋天的童话•如梦”用 嵌
入式样式表设置成:#ff9900, 30pt,黑体。(效果如下图)
学生活动:依据教师讲的方法,进行练****br/>教师活动:巡回辅导,提醒学生输入字母、标点一定要准确。
教师提问:如果用嵌入式样式表来为网页中的文字设置外观,方不方便?
学生回答:不方便。
教师活动:总结嵌入式样式表的不足。
嵌入式样式表主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。这种
样式表并不能充分体现出css样式表的优越性。
引入内联式样式表。
2、内联式样式表
(1)作用于网页中的部分文字
教师活动:教师讲授第一种内联式样式表的使用方法。
方法:(1)在网页的<head> </head>定义样式,如:
<style type= "text/css" >
.al (color: green; font-size: 14pt; font-family:黑体}
</style>
(2)在要设置此样式的文字头插入<span class=al>,文字尾插入</span>,如:
<span class=al>l、提示一些不相干的话。</span>
注意:al为定义的样式名,不同的网页,样式名可以不同。
教师活动:布置课堂练****题2。
打开example?文件夹下的bingdu. htm,用内联式样式将网页中的9个小标题字体设置 为:绿色、14pt、黑体。(效果如下图)
学生活动:依据教师讲的方法,进行练****br/>教师活动:巡回辅导,提醒学生定位插入点要准确,样式名前的点不能丢,输入字母、 标点也一定
要准确。
求直穴段
餐*黯%牡台如
秋天的童话-如梦
高一(7)班包丹直
机病毒发作时的表现现象
计算机病毒发作时是指满足计算机病毒发作的条件,计算机病毒程序3 以说一百个计算机病毒发作有一百神花样。这与编写计算机病毒者的心态、
以下列举了一些计算机病毒发作时常见的表现现象:
1、 提示一些不相干的话。
最常见的是提示一些不相干的话,比如打开感染了宏病毒的Wor政档, 黑暗了!",并且要求你输入“太正确了 "后按确定按钮。
2、 发出一段的音乐。
教师活动:发现很多学生的错误都来自输入错误,自己检查半天也查不出来,于是提议 让同桌同学
帮忙找错。
学生活动:学生很认真的帮同学找错。
教师提问:如果要把“bingdu. htm”网页中的小标题的颜色由绿色改为蓝色,想一想该 如何做?学生回答:只要在定义样式的代码中将“green”改为“blue”就行了。
教师提问: