Dreamweaver网页设计与制作教案
《Dreamweaver网页设计与制作》教案
第1讲
课时内容
发现网页中的美——网页设计基础
授课时间
180分钟
课时
4
教学目标
了解网页设计的相关应用。
明确网页设计的工作流程。
教学重点
掌握网页设计作品图片的收集。
掌握网页设计设计素材的收集。
教学难点
培养对网页设计的基本兴趣。
教学设计
1.教学思路：通过讲解网页设计的相关应用以及工作流程，使学生对网页设计有一个全面的认识，有助于高效地进行后续的网页设计工作。
2.教学手段：（1）通过任务知识的讲解掌握网页设计的相关应用和工作流程；（2）通过任务的引入和实施操作掌握网页作品图片和设计素材的收集方法。
教学内容
讨论问题：1、收集网站设计作品还有哪些方法？
          2、网页设计的基本流程指什么？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
任务1.1  了解网页设计的相关应用
1.1.1    任务引入
1.1.2    任务知识：网页设计的相关应用
1.门户网站
2.专业网站
3.电商网站
4.企业网站
5.应用网站
1.1.3    任务实施：收集电商网站的作品图片
任务1.2  明确网页设计的工作流程
1.2.1 任务引入
1.2.2 任务知识：网页设计的工作流程
1.2.3 任务实施：收集家居网页的设计素材
小结
1.掌握网页设计的相关应用及工作流程。
2.掌握网页设计作品和素材的收集方法。
第2讲
课时内容
熟悉设计工具——初识Dreamweaver CC 2019
授课时间
180分钟
课时
4
教学目标
了解软件的操作界面。
了解站点的创建。
教学重点
掌握站点的创建及编辑。
掌握网站框架的使用方法及技巧。
教学难点
培养对网页设计工具的了解。
教学设计
1.教学思路：（1）通过任务引入引导学生进入任务学习的内容；（2）通过任务知识的解析使学生能够深入学习软件功能；（3）通过任务实施操作可以快速熟悉网页设计思路；
2.教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。
3.教学资料及要求：除了课堂实训案例中讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。
教学内容
讨论问题：1、Dreamweaver CC 2019中的网页分为哪几种网页？
          2、在Dreamweaver CC 2019中有哪几种方法可以创建站点？同时本地站点与远程站点有什么区别？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
任务2.1  操作界面
2.1.1　任务引入
2.1.2　任务知识：Dreamweaver界面及基础操作
1．友善的开始页面
2．不同风格的界面
3．伸缩自如的功能面板
4．多文档的编辑界面
5．新颖的“插入”面板
6．更完整的CSS功能
2.1.3　任务实施：操作界面
任务2.2  管理站点
2.2.1　任务引入
2.2.2　任务知识：站点管理器、定义新站点
1．站点管理器
2．创建文件夹
3．定义新站点
2.2.3　任务实施：管理站点
任务2.3  创建网站框架
2.3.1　任务引入
2.3.2　任务知识：创建和保存网页
1．创建和保存网页
2．管理站点文件和文件夹
2.3.3　任务实施：创建网站框架
小结
1、熟练掌握Dreamweaver CC 2019界面的操作方法和技巧。
2、熟练掌握在Dreamweaver CC 2019中站点的创建、编辑、复制、删除和导出的方法，掌握新建、保存的技巧。
第3讲
课时内容
熟悉文本编辑——文本
授课时间
270分钟
课时
网站设计是什么专业
6
教学目标
掌握文本的输入及导入方法。
了解水平线、网格与标尺的插入方法。
教学重点
熟练掌握文本的输入方法。
掌握文本的属性设置方法。
教学难点
培养对网页文字的应用。
教学设计
1.教学思路：（1）通过任务引入引导学生进入任务学习的内容；（2）通过设计理念确认设计的构思过程和主导思想；（3）通过任务知识的解析使学生能够深入学习软件功能；（4）通过任务实施操作可以快速熟悉网页设计思路；（5）通过扩展案例和项目演练可以拓展学生的实际应用能力，增强学生的软件使用技巧。
2.教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过课堂扩展实践和课后项目演练提高学生的实际应用能力。
3.教学资料及要求：在网上一些简单的网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题：1、在Dreamweaver CC 2019中可以有哪几种方法创建文本？
          2、在Dreamweaver CC 2019中如何输入多个连续空格？
内容大纲：具体可结合本项目的PPT课件进行配合讲解。
任务3.1  制作青山别墅网页
3.1.1　任务引入
3.1.2　设计理念
3.1.3　任务知识：输入文本、设置页边距
1．输入文本
2．设置文本属性
3．输入连续的空格
4．设置是否显示不可见元素
5．设置页边距
6．设置网页的标题
7．设置网页的默认格式
3.1.4　任务实施
1．设置页面属性
2．输入空格和文字
3.1.5　扩展实践：制作有机果蔬网页
任务3.2  制作机电设备网页
3.2.1　任务引入
3.2.2　设计理念
3.2.3　任务知识：改变文字大小、颜、字体
1．改变文本的大小
2．改变文本的颜
3．改变文本的字体
4．改变文本的对齐方式
5．设置文本样式
6．设置段落格式
7．设置无序列表或编号列表
8．修改无序列表或编号列表
9．设置文本缩进格式
10．插入日期
11．插入特殊字符
12．插入换行符
3.2.4　任务实施
1．添加字体
2．改变文字外观
3.2.5　扩展实践：制作电器城网页
任务3.3  制作摄影艺术网页
3.3.1　任务引入
3.3.2　设计理念
3.3.3　任务知识：水平线、标尺
1．水平线
2．标尺
3.3.4　任务实施
3.3.5　扩展实践：制作休闲度假村网页
任务3.4  项目演练：制作国画展览馆网页
3.4.1　任务引入
3.4.2　设计理念
小结
1.熟练掌握文本的使用方法和技巧。
2.了解并掌握项目符号和编辑列表的使用方法和技巧。
作业
任务3.4  项目演练：制作国画展览馆网页
3.4.1　任务引入
国画展览馆是专门收藏好的国画作品以及展览国画供人参观的场所，该网页主要通过网络介绍艺术馆的收藏并进行宣传。网页的设计要体现出国画的艺术品位，以及该艺术馆的特。
3.4.2　设计理念
在网页设计制作过程中，背景采用了国画图片作为装饰，使整个页面看起来典雅舒适。白的导航设计简洁雅观，更方便浏览者查阅。整体设计风格具有特，优雅并且时尚。

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