《网页设计与制作——DreamweaverCC+HTML5+CSS3(微课版)》
配套教学教案
第1章
课时内容
DreamweaverCC基础入门
授课时间
90分钟
课时
2
教学目标
?认识网页与网站
?网络基本术语
?常见的网站类型
?DreamweaverCC的启动与退出
?DreamweaverCC的工作界面
?设置首选参数
?可视化辅助工具
教学重点
?认识DreamweaverCC的工作环境
?掌握DreamweaverCC首选参数的设置
?标尺、网格与辅助线的应用
教学难点
?对网站与网页的关系有充分的了解。
教学设计
1.教学思路:(1)知识点讲解:详细介绍每个概念和技术细节;(2)实战演练:安排实际操作练习,帮助学生巩固所学知识;(3)疑难解答:课程结束后进行答疑,解决学生的疑问。
2.教学手段:(1)使用案例演示讲解基础知识,讲解结束后进行疑难解答与课后实训;(2)内容由浅入深,从基础到制作,层层递进。
3.教学资料及要求:学生需阅读教材中的实例,并自行探索其他优秀网页设计案例。
教学内容
讨论问题:1、什么是网站与网页?
2、学生思考网络基本术语在实际生活中的应用?
内容大纲:具体可结合本章的PPT课件进行配合讲解。
1.1认识网页与网站
1.1.1什么是网页
1.1.2网页与网站的关系
1.2网络基本术语
1.2.1域名
1.2.2HTTP协议
1.2.3FTP协议
1.2.4超链接
1.2.5站点
1.3常见的网站类型
1.3.1门户网站
1.3.2企业网站
1.3.3个人网站
1.3.4娱乐网站
1.3.5机构网站
1.3.6电子商务网站
1.4DreamweaverCC的启动与退出
1.4.1启动DreamweaverCC
1.4.2退出DreamweaverCC
1.5DreamweaverCC的工作界面
1.5.1菜单栏
1.5.2工具栏
1.5.3文档窗口
1.5.4“属性”面板
1.5.5面板组
1.6设置首选参数
1.6.1常规参数
1.6.2代码格式
1.6.3代码颜色
1.6.4复制/粘贴
1.6.5在浏览器中预览
1.6.6字体
1.7可视化辅助工具
1.7.1标尺工具
1.7.2网格工具
1.7.3辅助线工具
小结
分析不同类型的网站特点。
掌握DreamweaverCC的基础操作。
思考及作业
想一想:
除了课本中提到的网站类型外,你还能想到哪些特殊用途的网站类型?请举例说明。
练一练:
根据个人偏好调整软件设置,以提高工作效率。
第2章
课时内容
站点的创建与管理
授课时间
90分钟
课时
2
教学目标
?学生能够深入理解站点规划的重要性及原则,准确阐述文档分类保存、合理命名文件名称和本地与远程站点结构统一的具体要求。
?熟练掌握在DreamweaverCC中创建站点的操作流程,包括设置站点名称、本地站点文件夹路径等关键步骤。
?学会使用站点面板进行文件管理,如选择站点、切换视图、连接远程服务器、上传下载文件等操作。
?掌握站点的导出和导入方法,能够在不同计算机或版本间迁移站点。
?熟练运用编辑、复制、删除等操作对站点进行有效的管理和维护。
教学重点
?站点规划的原则和方法,如文档分类保存、合理命名文件名称以及本地与远程站点结构统一的具体实施。
?站点面板的功能及使用方法,特别是与文件管理相关的操作。
?站点的导出、导入以及管理操作,如编辑、复制、删除站点等。
教学难点
?如何引导学生根据实际需求,合理规划站点结构,确保文件分类清晰、易于管理。
教学设计
教学思路:(1)以实际案例引入课程,让学生了解站点创建与管理在网页设计中的重要性;(2)按照从理论到实践的顺序,先讲解站点规划的原则,再逐步介绍创建、管理站点的具体操作;(3)通过课堂练习和课后作业,让学生巩固所学知识,提高实际操作能力;(4)在教学过程中,注重引导学生思考和讨论,培养学生的自主学习能力。
教学手段:(1)采用讲授法,系统讲解知识点,确保学生掌握理论知识;(2)运用演示法,在DreamweaverCC软件中实际操作,展示创建、管理站点的步骤,让学生更直观地学习。
教学资料及要求:准备DreamweaverCC软件及相关案例文件;要求学生提前预习课程内容,对站点创建与管理有初步的认识。。
教学内容
知识回顾:在前面讲解DreamweaverCC基础入门操作。
讨论问题:1、网站的结构和内容组织方式是怎样的?
2、如果要创