网页设计与制作 第九周教案_第1页
网页设计与制作 第九周教案_第2页
网页设计与制作 第九周教案_第3页
网页设计与制作 第九周教案_第4页
网页设计与制作 第九周教案_第5页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

教案编号: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、讲解选择器演示讲解倾听讲解通过理论阐述,让学生掌握理论本节课的知识点3、学做合一实践任务(40)要求学生完成李白诗集的网页样式的设计巡视教室解答问题自主练习完成课堂任务学生通过网页的编写掌握网页的基本设计及布局重要知识点梳理:CSS语法规则:h1{text-align:center;font-family:黑体;}CSS三种样式:(1)通用选择器:选择所有元素格式:*{属性:属性值;属性:属性值;}例:*{color:red;}(2)标记符选择器:选择指定的标记符格式:h1{属性:属性值;属性:属性值;}例:h1{color:red;}(3)类选择器:选择设置指定class属性值的元素格式:.classs属性值{属性:属性值;属性:属性值;}例:.top{color:red;}<body><pclass=“top”>class属性样式</p></body>(4)ID选择器:选择设置指定ID属性值的元素格式:#id属性值{属性:属性值;属性:属性值;}例:#top{color:red;}<body><pid=“top”>class属性样式</p></body>(5)伪类选择器选择设置被访问的元素的不同显示样式,常与超链接标签格式:a:link当超链接没被访问过时,所设置的样式应用于超链接a:visited当超链接已被访问过时,所设置的样式应用于超链接a:hover当鼠标指针移到超链接上时,所设置的样式应用于超链接a:active当超链接当前为被选中状态时,所设置的样式应用于超链接(6)群组选择器选择指定选择器选中的元素格式:选择器1,选择器2,选择器3{属性:属性值;属性:属性值;}例:h1,h2,h3,h4{color:red;}

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论