基本信息
文件名称:网页设计与制作(微课版)-教案.doc
文件大小:3.76 MB
总页数:28 页
更新时间:2025-07-02
总字数:约1.84万字
文档摘要

《网页设计与制作——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、如果要创