网页设计与制作第十次课教案

教案编号:4课题:网站设计布局课时:2授课类型:上机课教学目标:1、掌握网站页面的结构2、清楚每个网页对应每个位置放置的内容教学重点:1、掌握网站页面的结构2、清楚每个网页对应每个位置放置的内容教学难点:掌握网站页面的结构教学过程：（一）课前准备1、授课前准备1.1提前一天检查授课环境，检查教室是否冲突，授课用电脑、投影仪是否符合授课要求。1.2整理仪容仪表。1.3准备授课物品（花名册，教案，教材，签字笔，白板笔）。1.4提前5分钟进入教室，准备教学环境（讲师机、投影仪、白板等）。1.5上课前与学生沟通。1.6检查书本预习完成情况并讲解。1.7检查预习笔记本预习情况并统计2、板书章节标题：线上活动策划与运营的实战攻略本堂课目标：1、掌握活动背景的撰写技巧掌握提升用户参与度的技巧掌握活动细则的撰写技巧3、考勤安排副班长在课前5分钟开始点名，针对迟到的学生询问迟到原因，关心并提醒；针对未到的学生，安排同寝室的学生进行电话，给予提醒通知等(根据实际情况实施激励措施)。4、强调纪律安排学习委员收手机，如果上交情况不是很理想，根据学生学号查对应的手机袋，保证每位学生的手机放到手机袋。（二）授课过程1、知识点回顾2、知识点一CSS基础（45分钟）教学程序教学内容要点教师活动学生活动设计意图1、导入（5分钟）案例导入云南能源职业技术学院提出问题引出任务思考问题回答问题通过引导学生回答问题引出本节课的教学内容。2、内容讲授（25）1、颜色和背景属性2、字体属性3、文本属性演示讲解倾听讲解通过理论阐述，让学生掌握理论本节课的知识点3、学做合一实践任务（40）完成电影欣赏网页的制作巡视教室解答问题自主练习完成课堂任务学生通过网页的编写掌握CSS三个属性的运用重要知识点梳理：CSS属性：（1）颜色与背景属性：Color：用于控制HTML元素内文本的颜色取值：具体颜色background：组合背景属性background-color：用于设置HTML元素的背景颜色取值：具体颜色，默认值：transparent,表示没有任何颜色background-image：用于设置HTML元素的背景图案background-attachment：控制背景图像是否随内容一起滚动取值及默认值：scroll，背景图案随内容一起滚动fixed：表示背景图案静止，内容可以滚动background-position：属性指定了背景图案相对于关联区域左上角的位置backgroud-repeat：属性表示当使用背景图案时，背景图案是否重复显示。（2）字体属性：字体属性：用于控制网页中的文本的字符显示方式，如文字大小、粗细、使用字体等font：设置整体字体属性font-family：用于设置字体名称，取值为字体名称或者字体族名称font-size：用于设置字体大小取值：绝对大小：XX-small相对大小：smaller长度值：16px百分比：相对当前默认字体的大小的百分比font-style：字体字形取值：normal普通字形italic或oblique斜体font-weight：设置字体粗细（3）文本属性：文本属性：用于控制文本的段落格式Text-align：设置文本对齐方式Text-indent：设置文本首行缩进Text-decoration：用于特定文本设置文本修饰默认值：none无文本修饰underline：添加下划线Overline：添加上划线Line-through：添加删除线Blink：表示闪烁效果Line-height：文本行高小结