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

下载本文档

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

文档简介

教案编号:12课题:盒子模型课时:2授课类型:上机课教学目标:1、盒子模型2、div标签及span标签教学重点:1、盒子模型2、div标签及span标签教学难点:盒子模型教学过程：（一）课前准备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、div和span标签演示讲解倾听讲解通过理论阐述，让学生掌握理论本节课的知识点3、学做合一实践任务（40）完成鲜花网页的制作巡视教室解答问题自主练习完成课堂任务学生通过网页的编写盒子模型重要知识点梳理：盒子模型：<div></div>作用：用于网页布局特点：块级元素，独占一行，没有样式效果，宽度默认为整个父容器的宽度，高度会随内容的增加自动变高<span></span>作用：用于网页布局特点：行内元素，标签前后添加内容不会自动换行，没有样式效果，默认没有宽度和高度，会随内容的增加而自动变宽或变高。border：表示边框，页面内容的边框，可以设置宽度、颜色、类型。padding：内边距，表示内容到边框的距离margin:外边距内边距和外边距取值：取值为像素，可以同时指定上、右、下、左四个方向的边距。如果设置一个边距，表示四个方向内边距相同如果设置两个边距，表示上下一致，左右一致如果设置三个边距，表示上、下不一致，左右一致如果设置四个边距，表示上、右、下、左都不一致设置浮动属性：float取值：left左浮动right右浮动none默认值，不浮动清除浮动属性：clear取值：left左侧不允许有浮动元素right右侧不允许有浮动元素both两侧都不允许有浮动元素，是最常用的取值小结

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论