河北工业职业技术学院
《静态网页制作(Dreamweaver)》课程教案首页
授课教师 | readthedocs张亚静 | 班级 | 16网络订单1班 | 学时 | 孙侨潞为什么去世了2 | 常州网站建设费用授课日期 | |
主题或任务 | 以“个人主页”项目为驱动的阶段复习 | 课型 | 考试 | 授课地点 | ○多媒体教室○企业○专业教室☉实训室 | ||
教学目标 | 知识目标: 1、回顾常用标签的用法 2、强化样式的综合应用 2、理解盒子模型的意义 3、掌握浮动布局和定位 技能目标: 1、通过CSS+DIV技术设计并实现一个完整网站项目的创建 2、灵活运用盒子模型灵活设计网页布局 3、灵活运用浮动和定位布局页面 素质目标: 1、培养学生团队合作意识 2、培学生的设计和创意能力,提升学生对于网页设计的热情 | ||||||
学习内容 | 以“个人主页”完整项目为驱动进行阶段复习: 1、网站设计流程 2、规划网站目录结构 3、利用HTML基本标签创建网页结构 4、利用浮动或定位设计页面布局 5、通过CSS样式修饰 6、进行网站测试 | listen1电脑版下载重点难点 | 重点: ✧利用浮动或定位设计页面布局 ✧通过CSS样式修饰 难点: ✧利用浮动或定位设计页面布局 | ||||
教学方法 | ○理论讲授 ○小组讨论 ☉项目教学 ☉任务驱动 ○参观教学 ○模拟教学 ☉实验实训 ○演示教学 ○其他 | 素材资源 | ○文本素材○实物展示☉PPT幻灯片 ○音频素材○视频素材○动画素材 ☉图形/图像素材○网络资源○其他 | ||||
教学设计 | html+css美食静态网页设计1、通过教师演示项目,采用项目驱动法引导学生进行阶段知识的复习和回顾,强化关键知识的应用; | 2、让学生对完整网站首页的设计和制作有一个整体认识,提升学生进行真实项目开发的经验和兴趣。 | |||||
学习评价 | ☉行为表现 ○课堂作业 ○测验测试 ☉制作作品 ○其他 | ||||||
作业题目 | 利用CSS+DIV自由设计并制作“个人首页” 要求: ✧网页结构和样式分离 ✧网站目录结构规划合理 ✧代码格式规范 | ||||||
双语教学 | Banner head link navigation foot | ||||||
系(部): 计算机技术系 教研室: 网络技术 教研室主任签字:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论