11-3学院网站制作——网站主页设计 （滚动文字、固定二维码）.doc

课程名称 WEB前端开发（1） 课次 32 任务、项目、课题名称 学院网站制作——制作主页头部部分 课时 2学时 教学内容 创建主页，搭建主页结构，添加页面各元素 教学目标 能够创建主页，搭建主页结构，添加页面各元素 教学重点 创建主页，搭建主页结构，添加页面各元素 教学难点 创建主页，搭建主页结构，添加页面各元素 教学活动及主要环节 学生活动 导入新课：（3分钟） 上节课给大家留下了制作学院官网banner、导航条的任务，这节课我们对学院官网首页滚动文字和固定的二维码部分进行制作。 新授： 制作index.html页面 （讲解部分难点，课下发给学生们配套电子教材及对应视频，课下将主页部分的banner、导航条、滚动文字、固定的二维码部分制作完成） 1.制作滚动文字部分（30分钟） 知识点： 页面结构：divul/ul/div 样式设置：宽度、高度、行高、浮动、溢出、相对定位、绝对定位、外边距、颜色 2.三部分样式设置 3.制作固定显示二维码部分（15分钟） 知识点：固定定位 总结：（2分钟） 创建主页，搭建主页结构，添加页面各元素 作业： 完成主页滚动文字、固定二维码显示部分的页面结构以及样式设置。 预习： 超星系统发布任务书，实现主页中间主体部分的页面结构分析。 课前：提前发放电子教材，在超星平台发放任务书，让同学们进行预习。 课中：完成任务，适当笔记，进行操作，实现教学做一体化。 课后：超星平台观看视频，完成课后作业