《边做边学——Dreamweaver CC 2019网页设计案例教程（微课版）》
配套教学教案
第1讲
课时内容初识Dreamweaver CC 2019 授课时间180分钟课时  4
教学目标☑掌握工作界面的操作。☑掌握网站框架的创建。☑掌握站点的管理。
☑掌握网页文件头的设置。
教学重点☑熟练掌握Dreamweaver CC 2019工作界面的基本操作。☑熟练掌握Dreamweaver CC 2019的站点。
教学难点在Dreamweaver CC 2019中站点的建立及编辑。
教学设计1.教学思路：（1）通过对课堂实训案例的讲解掌握界面操作和站点设置的方法；（2）
通过软件相关功能的解析学习Dreamweaver CC 2019工作界面的基本操作和设置文件头的基本方法。
2.教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能
解析深入学习软件功能和制作特点。
3.教学资料及要求：除了课堂实训案例中讲解的软件功能外，还可以根据相关的工
具特点进行简单的练习和操作。
教学内容
讨论问题：1、Dreamweaver CC 2019中的网页分为哪几种网页？
2、在Dreamweaver CC 2019中有哪几种方法可以创建站点？同时本地站点与远程站点有
什么区别？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
1.1操作界面
1.1.1【操作目的】
1.1.2【操作步骤】
1.1.3【相关工具】
1．友善的开始页面
2．不同风格的界面
3．伸缩自如的功能面板
4．多文档的编辑界面
5．新颖的“插入”面板
6．更完整的CSS功能
1.2管理站点
1.2.1【操作目的】
1.2.2【操作步骤】
1.2.3【相关工具】
1．站点管理器
2．创建文件夹
3．定义新站点
1.3创建网站框架
1.3.1【操作目的】
1.3.2【操作步骤】
1.3.3【相关工具】
1．创建和保存网页
2．管理站点文件和文件夹1.4网页文件头设置
1.4.1【操作目的】
1.4.2【操作步骤】
1.4.3【相关工具】
1．插入搜索关键字
2．插入作者和版权信息
3．设置刷新时间
4．设置说明信息
小结1、熟练掌握Dreamweaver CC 2019界面的操作方法和技巧。
2、熟练掌握在Dreamweaver CC 2019中站点的创建、编辑、复制、删除和导出的方法，
掌握新建、保存的技巧。
第2讲
课时内容文本与文档授课时间270分钟课时  6
教学目标☑了解文本与文档的创建方法和使用技巧。
☑掌握项目符号和编号列表使用方法和区别。☑掌握水平线、网格与标尺的使用方法和技巧。
教学重点☑熟练掌握文本的多种创建方法和编辑技巧。
☑熟练掌握项目符号、编号列表和水平线的使用方法。
教学难点能够正确输入文本并编辑相关属性。
教学设计1.教学思路：（1）通过对课堂实训案例的讲解掌握青山别墅网页、机电设备网页和
摄影艺术网页的制作方法；（2）再通过软件相关功能的解析学习输入文本和编辑文本相关属性，以及进行区分使用项目符号和编号列表方法和技巧；（3）再通过课堂实战演练巩固软件功能及网页制作技巧；（4）最后通过课后综合演练消化所学软件知识，提高制作网页的能力。
个人网页设计模板教程2.教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能
解析深入学习软件功能和制作特点。（3）通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求：在网上一些简单的网页页面进行制作，来加深学员对知识点
的理解和提高实际操作能力。
教学内容
讨论问题：1、在Dreamweaver CC 2019中可以有哪几种方法创建文本？
2、在Dreamweaver CC 2019中如何输入多个连续空格？
3、在Dreamweaver CC 2019中如何更改文字颜、字号等设置？内容大纲：具体可结合本项目的PPT课件进行配合讲解。
2.1青山别墅网页
2.1.1【案例分析】
2.1.2【设计理念】
2.1.3【操作步骤】
1．设置页面属性
2．输入空格和文字
2.1.4【相关工具】
1．输入文本
2．设置文本属性
3．输入连续的空格
4．设置是否显示不可见元素
5．设置页边距
6．设置网页的标题
7．设置网页的默认格式
2.1.5【实战演练】——有机果蔬网页
2.2机电设备网页
2.2.1【案例分析】
2.2.2【设计理念】
2.2.3【操作步骤】
1．添加字体
2．改变文字外观
2.2.4【相关工具】
1．改变文本的大小
2．改变文本的颜
3．改变文本的字体
4．改变文本的对齐方式
5．设置文本样式
6．设置段落格式
7．设置无序列表或编号列表
8．修改无序列表或编号列表
9．设置文本缩进格式
10．插入日期
11．插入特殊字符
12．插入换行符
2.2.5【实战演练】——电器城网页2.3摄影艺术网页
2.3.1【案例分析】
2.3.2【设计理念】
2.3.3【操作步骤】
2.3.4【相关工具】
1．水平线
2．显示和隐藏网格
3．标尺
2.3.5【实战演练】——休闲度假村网页2.4综合演练——国画展览馆网页
2.4.1【案例分析】
2.4.2【设计理念】
2.4.3【知识要点】
2.5综合演练——旅行购票网页
2.5.1【案例分析】
2.5.2【设计理念】
2.5.3【知识要点】
小结1.熟练掌握文本的使用方法和技巧。
2.了解并掌握项目符号和编辑列表的使用方法和技巧。
作业
2.4.1 【案例分析】
国画展览馆是专门收藏好的国画作品以及展览国画供人参观的场所，该网页主要通过网络介绍艺术馆的收藏并进行宣传。网页的设计要体现出国画的艺术品位，以及该艺术馆的特。
2.4.2 【设计理念】
在网页设计制作过程中，背景采用了国画图片作为装饰，使整个页面看起来典雅舒适。白的导航设计简洁雅观，更方便浏览者查阅。整体设计风格具有特，优雅并且时尚。
2.4.3 【知识要点】
使用“属性”面板，设置文字大小、颜及字体。
2.5.1 【案例分析】
Ravel 是一个综合性旅行服务平台，可以随时随地向用户提供集酒店预订、旅游度假及旅游资讯在内的全方位旅行服务。现为了更好的为用户提供服务，需要重新设计网站页面，要体现出平台的调性、功能以及特点。
2.5.2 【设计理念】
在网页设计制作过程中，使用浅调的底图作为背景，给消费者带来温馨、浪漫的感觉；画面整体彩搭配舒适亲切，文字与图片搭配相得益彰，导航条设计简洁并具有特，网页设计与宣传主题相呼应；画面清爽舒适，符合平台的风格特点。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。