(中职)网页设计与制作项目九 运用Div+css样式 任务一 了解Div+css 电子教案.docx
《(中职)网页设计与制作项目九 运用Div+css样式 任务一 了解Div+css 电子教案.docx》由会员分享,可在线阅读,更多相关《(中职)网页设计与制作项目九 运用Div+css样式 任务一 了解Div+css 电子教案.docx(3页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、(中职)网页设计与制作项目九 运用Div+css样式 任务一 了解Div+css 电子教案项目九 运用Div+css样式 任务一 了解Div+css课程:网页设计与制作课题:了解div+css教材分析与处理:本项目是学习网页设计与制作的进阶,主要用于在成品网页进行后期修饰,是网页制作必备的技能。本次任务以实践操作为主,理论讲解为辅,目的在于让学生熟练掌握网页制作的布局和美化。教学目标识与技能目标:1、 了解css+Div的布局方式;2、 掌握插入DIV标签的方法;3、 掌握创建css样式方法。过程与方法目标:通过任务驱动,结合教师讲授,让学生在做中学。情感态度与价值观:1、 培养学生善于发现、
2、勤于动脑、乐于动手的学习习惯;2、 激发学生学习网页设计与制作的兴趣;3、培养学生的归纳总结能力。课时:2课时教学重点:使用Div进行布局。教学难点:css样式的创建。教学过程:教学程序教学内容要点教师活动学生活动设计意图1、导入展示未美化的普通网页,让学生发现不足,提出网页布局和美化的重要性提出问题引出任务思考问题回答问题通过引导学生回答问题引出本节课的教学内容。2、新课讲授1、 课件展示Div和css的概念和优缺点2、 演示使用Dreamweaver创建div和css的方式演示讲解倾听讲解通过理论阐述,让学生掌握理论本节课的知识点。3、学做合一实践任务要求学生完成练习巡视教室解答问题自主练习完成课堂任务学生通过教师的讲解和练习,掌握div和css创建方式和相关设置。4、梳理知识课堂小结1、 CSS+Div的概念和布局方式的优势;2、 Div布局的插入方式;3、 创建CSS样式的方法。梳理知识点学生小结不断提高师生共同小结,归纳总结知识与技能要点,学习归纳总结的方法。教学反思:感谢您的支持与使用如果内容侵权请联系删除仅供教学交流使用
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 中职网页设计与制作项目九 运用Div+css样式 任务一 了解Div+css 电子教案 网页 设计 制作 项目 运用 Div css 样式 任务 了解 电子 教案
链接地址:https://www.taowenge.com/p-48020958.html
限制150内