第5讲-CSS基础.docx

《第5讲-CSS基础.docx》由会员分享，可在线阅读，更多相关《第5讲-CSS基础.docx（4页珍藏版）》请在第一文库网上搜索。

1、人工智能与大数据学院PHP程序设计教案(05)教学标题第2章网站页面技术授课班级课时2场地线上时间周二授课教师教学设计1项目/任务价值了解本课程性质、教和学的方法及考核方式；了解PHP的相关基本概念。2.学习目标知识目标1能利用讲授的课程学习方法学习本课程；2能了解CSS的基本概念；3掌握CSS的基本语法和四种用法。能力目标1能掌握CSS的基本语法；2能编写CSS来美化网页；思政-素质目标1线上线下结合，引导学习方式，培养自主学习能力；2培养学生积极探索、勇于创新的科学素养；3养成小组沟通协作共同学习，解决问题能力和团队合作精神；3.学习内容ICSS简介2 CSS的用法3 CSS的基本语法4.

2、学习资源重电网络教学平台，多媒体课件，理实一体化实训室实物：教材，软件工具包教学重点CSS的基本语法教学难点CSS的三种用法学情分析本课程学习对象是计算机网络专业的的大二学生，他们都有了一定的计算机理论基础和编程基础，要提高教学效果，就要多用案例让同学自己多理解、多动手深入地学习。教学策略1 .教学方法：讲授+实验；情境教学法2 .教学模式：采用线上线下混合教学模式3 .本次课教学流程：1）讲解理论-举例-演示一下任务等2）上机实验，加强练习，完成相关案例3）总结提高，牢记重点，学会举一反三教学实施过程教学环节学生、教师活动教学方法、手段及思政设计时间分配课程导学：引入本课程明确本课程的课程性

3、质和定位：本专业核心课；课程特点：理实i体课；代码编写。明确本课程学习内容与学习目标学习要求：预习+认真+复习明确本课程教和学的方法,鼓励同学学习明确本课程的考核办法常见编程软件介绍互动问题讨论列举已经见过的可视化应用讲授、讨论、案例教学线上线下结合，引导学习方式转变，培养自主学习能力。小组协作、沟通、互助学习，培育团队合作意识，引导学生大胆表达。20课程主要内容：CSS能够根据不同使用者的理解能力，简化或者优化写法，有较强的易读性。有三种方法可以在网页上使用样式表：1外联式1inking外联式也叫外部样式，就是将网页链接到外部样式表。当样式需要被应用到很多页面的时候，外部样式表将是理想的选择

4、。使用外部样式表，就可以通过更改一个文件来改变整个站点的外观。2 .嵌入式Embedding3 .内联式In1ine内联式也叫行内样式，就是应用内嵌样式到各个网页元素。基础语法CSS规则由选择器、样式属性和属性值组成，其格式如下：选择器1,选择器2,选择器3,属性1：值1;属性2:值2;属性3:值3)(1)通配选择符“*”：代表所有对象，即页面上所有对象都会应用该样式，一般用于网页字体、字体大小、字体颜色、网页背景等公共属性的设置。(2)标签选择符：即用HTM1中标签名称作为选择符，则页面中所有同类标签都会应用该样式。示例一一选择并设置所有P元素的样式：P(background-co1or:y

5、e11ow;列举实例制作相关案例多媒体演示启发式教学小组作品展示和讲解20)(3) id选择符：为HTM1标签添加符属性,CSS样式中以加上id名称作为选择符，则页面中id值相同的所有标签都会应用该样式。注意，id是区分大小写的。示例：#Sidebarfont-sty1e:ita1ic;text-a1ign:right;margin-top:5px;)(4) c1ass选择符:为HTM1标签添加c1ass属性，CSS样式中以”加上c1ass名称作为选择符，则页面中c1ass值相同的所有标签都会应用该样式。(5)伪类及伪对象选择符：主要用于超链接标签的样式设置，即在原有选择符的基础上添加样式。深化：上机练习制作CSS文件。上机练习多媒体演示讨论教学20总结，小组总结引导同学总结抢答互动教学5学业评价考勤情况、作业完成情况。2教学反思1 .教学过程中要进行角色转换。2 .教师应尊重和学生的交流。3 .要从不同的角度和不同的形式对学生进行评价。4 .激发学生的兴趣和求知欲。