内容正文:
《网页设计与制作(Dreamweaver CC)》教案
课 题
1.7 Dreamweaver CC工作环境
课 型
理论
课 时
2
授课班级
授课时间
授课教师
教材分析
通过该教材,学生可以全面了解Dreamweaver CC的启动过程、工作区布局及调整方法,掌握菜单栏、文档编辑区、属性面板和面板组等关键组件的使用方法。此外,教材还强调了工作区布局的高度可自定义性,帮助学生根据个人习惯优化工作流程。
对学生而言,这份教材不仅提供了Dreamweaver CC操作的基础知识和实用技巧,还培养了学生的动手能力和创新思维。通过学习,学生能够掌握网页设计与制作的基本技能,为未来的职业生涯或兴趣爱好打下坚实基础。同时,教材注重实践操作的指导,有助于提升学生的实际操作能力和问题解决能力,为他们未来的学习和工作提供有力支持。
学情分析
本章节介绍了Dreamweaver CC工作环节,为学生奠定了网页设计工具操作的基础。这一节知识点在整本书中占据核心地位,通过掌握Dreamweaver CC的工作环境,学生能够熟悉网页设计软件的基本操作界面,为后续深入学习网页设计、编辑和管理网站内容打下坚实基础。同时,理解并熟练运用Dreamweaver CC的工作环境,有助于提升学生的实践操作能力,激发对网页设计的兴趣与热情,为后续的网页设计课程学习提供有力支持。
学习目标
知识目标:
理解Dreamweaver CC的基本功能。
熟悉Dreamweaver CC的启动过程。
掌握Dreamweaver CC的工作区布局及调整方法。
技能目标:
能够启动并熟练操作Dreamweaver CC。
能够根据需求调整工作区。
初步具备使用Dreamweaver CC进行网页设计的能力
情感目标:
增强自信心和成就感,培养耐心和细致的工作态度。
学习重难点
重点:
DreamweaverCC的启动。
DreamweaverCC的工作区
难点:
调整DreamweaverCC的工作区。
教学方法
案例分析、讲授法、小组讨论法
课前准备
1.查找相应网站资料,课堂演示使用。
2.学生课前预习。
教学媒体
电子课件、多媒体视频
教学过程
教学环节
教师活动设计
学生活动设计
设计意图
活动一:
创设情境
生成问题
Dreamweaver CC等你来驾驭,打造独一无二的网页作品!
提出问题:
启动Adobe Dreamweaver CC步骤?
1 可单击任务栏中的“开始”按钮,
2 选择“所有程序”中的 Adobe Dreamweaver CC图标,
3 应用程序启动
2.引导学生带着问题去课本寻找答案,明确本节课的学习内容。
3.展示本讲学习目标。
1. 问题导入
2. 接收并查看本节课堂任务书。
3. 了解学习目标,带着目标进行学习。
1.以提问的方式导入课程,让学生带着问题有针对性的进行学习。
2.通过任务实施,调动学生积极性。
活动二:
调动思维
探究新知
1.7.2 Dreamweaver CC的工作区
1 菜单栏
2 文档编辑区
3 “属性”面板
4 面板组
考一考:
1 CSS 设计器是上下文相关的。这意味着?
2 Dreamweaver CC的工作区布局是否可以自定义?
3 Dreamweaver CC提供了哪些预设的工作区布局?它们各自的特点是什么?
1. 课前考一考
2. 练一练
1. 了解学生现有知识储备。
2. 巩固练习。
活动三:
调动思维
探究新知
1.7.3 调整工作区
1 显示、隐藏及关闭面板
2 停放/取消停放面板
3 移动面板
4 调整面板大小
5 标尺、网格与辅助线
【做一做】
启动Dreamweaver CC工具,熟悉DreamweaverCC的工作区,根据书本内容,在工具中找到对应区域
1. 想一想
2. 问题思考
3. 做一做
1. 引导学生主动思考,发散思维,参与课堂。
2. 培养学生发现问题,解决问题的能力。
3. 了解相关知识。
4. 理实一体化让学生参与实践并归纳总结。
活动四:
巩固练习
素质提升
练一练
1. Dreamweaver CC的工作环境包含多个面板和工具栏,其中________用于直接修改选中元素的属性;
2. ____则提供了丰富的网页元素和对象供用户选择插入。
3. 为了提升开发效率,Dreamweaver CC允许用户自定义_________,以满足个人或团队的开发需求。
1. 教师讲解
2. 学生练一练
知识检测与巩固
课堂小结
作业布置
课堂小结
作业布置
复习本节课内容,预习下节课内容。
板书设计
DreamweaverCC的启动
DreamweaverCC的工作区
调整工作区
教学反思
原创精品资源学科网独家享有版权,侵权必究!
学科网(北京)股份有限公司
$$