DreamweaverCC实例教程教学教案18.docx
- 文档编号:10228874
- 上传时间:2023-02-09
- 格式:DOCX
- 页数:35
- 大小:4.25MB
DreamweaverCC实例教程教学教案18.docx
《DreamweaverCC实例教程教学教案18.docx》由会员分享,可在线阅读,更多相关《DreamweaverCC实例教程教学教案18.docx(35页珍藏版)》请在冰豆网上搜索。
DreamweaverCC实例教程教学教案18
《DreamweaverCC实例教程》
配套教学教案
第1讲
课时内容
初识DreamweaverCC2019
授课时间
45分钟
课时
2
教学目标
þ掌握DreamweaverCC2019的工作界面
þ掌握使用站点管理器、创建文件夹、定义新站点、创建和保存网页
þ掌握重命名、移动、删除文件和文件夹
þ掌握站点的打开、编辑、复制、删除、导出和导入
þ掌握关键字、作者、版权信息、刷新时间、说明信息等文件头的设置
教学重点
þ熟练掌握DreamweaverCC2019工作界面的基本操作。
þ熟练掌握重命名、移动、删除文件和文件夹。
教学难点
þ掌握站点的打开、编辑、复制、删除、导出和导入。
教学设计
1、教学思路:
(1)通过对软件相关功能讲解掌握界面操作和站点设置的方法;
(2)通过软件相关功能的解析学习DreamweaverCC2019工作界面的基本操作和设置文件头的基本方法。
2、教学手段:
(1)通过书籍了解软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
3、教学资料及要求:
除了课堂讲解的软件功能外,还可以根据相关的工具特点进行简单的练习和操作。
教学内容
讨论问题:
1、DreamweaverCC2019中的网页分为哪几种网页?
2、在DreamweaverCC2019中有哪几种方法可以创建站点?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
1.1DreamweaverCC2019的工作界面
1.1.1友善的开始页面
1.1.2不同风格的界面
1.1.3伸缩自如的功能面板
1.1.4多文档的编辑界面
1.1.5新颖的“插入”面板
1.1.6更完整的CSS功能
1.2创建站点
1.2.1站点管理器
1.2.2创建文件夹
1.2.3定义新站点
1.2.4创建和保存网页
1.3管理站点文件和文件夹
1.3.1重命名文件和文件夹
1.3.2移动文件和文件夹
1.3.3删除文件或文件夹
1.4管理站点
1.4.1打开站点
1.4.2编辑站点
1.4.3复制站点
1.4.4删除站点
1.4.5导出和导入站点
1.5网页文件头设置
1.5.1插入搜索关键字
1.5.2插入作者和版权信息
1.5.3设置刷新时间
1.5.4设置说明信息
小结
1、熟练掌握DreamweaverCC2019界面的操作方法和技巧。
2、熟练掌握在DreamweaverCC2019中站点的创建、编辑、复制、删除和导出的方法,掌握新建、保存的技巧。
第2讲
课时内容
文本
授课时间
90分钟
课时
2
教学目标
þ掌握文字的输入、连续空格的输入
þ掌握页边距、网页的标题、网页的默认格式的设置
þ掌握文字的大小、颜色、字体、对齐方式和段落格式的设置
þ掌握项目符号、编号列表、文本缩进、日期、特殊字符和换行符的设置
þ掌握水平线、网格和标尺的应用
教学重点
þ熟练页边距、网页的标题、网页的默认格式的设置。
þ熟练掌握文字的大小、颜色、字体、对齐方式和段落格式的设置。
教学难点
þ掌握文字的输入、连续空格的输入。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握青山别墅网页、机电设备网页、电器城网页和艺术摄影网页的制作方法;
(2)再通过软件相关功能的解析学习输入文本和编辑文本相关属性,以及进行区分使用无序列表和编号列表方法和技巧;(3)再通过课堂练习巩固软件功能及网页制作技巧;(4)最后通过课后习题消化所学软件知识,提高制作网页的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些简单的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中如何设置文本属性?
2、在DreamweaverCC2019中如何输入多个连续空格?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
2.1输入文本并编辑
2.1.1课堂案例——青山别墅网页
2.1.2输入文本
2.1.3设置文本属性
2.1.4输入连续的空格
2.1.5设置是否显示不可见元素
2.1.6设置页边距
2.1.7设置网页的标题
2.1.8设置网页的默认格式
2.1.9课堂案例——机电设备网页
2.1.10改变文本的大小
2.1.11改变文本的颜色
2.1.12改变文本的字体
2.1.13改变文本的对齐方式
2.1.14设置文本样式
2.1.15设置段落格式
2.2无序列表和编号列表
2.2.1课堂案例——电器城网页
2.2.2设置无序列表或编号列表
2.2.3修改无序列表或编号列表
2.2.4设置文本缩进格式
2.2.5插入日期
2.2.6插入特殊字符
2.2.7插入换行符
2.3水平线、网格与标尺
2.3.1课堂案例——艺术摄影网页
2.3.2水平线
2.3.3网格
2.3.4标尺
课堂练习——有机果蔬网页
课后习题——旅行购票网页
小结
1、熟练掌握文本的使用方法和技巧。
2、了解并掌握无序列表和编号列表的使用方法和技巧。
3、掌握水平线、网格和标尺的应用。
作业
课堂练习——有机果蔬网页
使用“页面属性”命令,设置页面外观、网页标题效果;使用“首选项”命令,设置允许多个连续空格;使用“CSS设计器”面板,设置文字的字体、大小和行距。
课后习题——旅行购票网页
使用“页面属性”命令,设置页面边距和标题;使用“CSS样式”命令,改变文本的颜色及行距的显示。
第3讲
课时内容
图像和多媒体
授课时间
90分钟
课时
2
教学目标
þ掌握图像的格式
þ掌握插入图像,图像的属性、图像替换文字、跟踪图像的应用
þ掌握插入Flash动画、FLV、Animate作品、HTML5Video、音频和插件的方法
教学重点
þ熟练掌握图像的格式。
þ熟练掌握Flash动画的插入与设置。
教学难点
þ掌握插入图像,图像的属性、图像替换文字、跟踪图像的应用。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握环球旅游网页和绿色农场网页的制作方法;
(2)再通过软件相关功能的解析学习图像的插入与使用技巧,以及进行动画的使用;(3)再通过课堂练习固软件功能及网页制作技巧;(4)最后通过课后习题消化所学软件知识,提高图像与动画的使用能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习练和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些带有图像和动画的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中插入图像后在浏览器中不能正常显示图像,是哪几种原因造成?
如何解决?
2、在DreamweaverCC2019中如何设置插入的Flash动画为透明背景?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
3.1图像
3.1.1课堂案例——环球旅游网页
3.1.2网页中的图像格式
3.1.3插入图像
3.1.4设置图像属性
3.1.5给图片添加文字说明
3.1.6跟踪图像
3.2多媒体
3.2.1课堂案例——绿色农场网页
3.2.2插入Flash动画
3.2.3插入FLV
3.2.4插入Animate作品
3.2.5插入HTML5Video
3.2.6插入音频
3.2.7插入插件
课堂练习——时尚先生网页
课后习题——五谷杂粮网页
小结
1、熟练掌握图像的格式与插入方法和使用技巧。
2、掌握插入Flash动画、FLV、Animate作品、HTML5Video、音频和插件的方法和使用技巧。
作业
课堂练习——时尚先生网页
使用“Image”按钮插入图像,美化页面。
课后习题——五谷杂粮网页
使用“SWF”按钮,为网页文档插入Flash动画效果;使用“播放”按钮,在文档窗口中预览效果。
第4讲
课时内容
超链接
授课时间
135分钟
课时
3
教学目标
þ掌握超链接的概念
þ掌握文本超链接、电子邮件链接、下载文件链接的创建方法
þ掌握图像超链接、鼠标指针经过图像链接的创建方法
þ掌握ID超链接、热点超链接的创建方法
教学重点
þ了解超链接的概念。
þ熟练掌握超链接的分类及每种类型的创建方法。
教学难点
þ能够正确给所需文本添加超链接,以及锚记超链接的使用方法和技巧。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握建筑模型网页、温泉度假网页、影相天地网页和建筑规划网页的制作方法;
(2)再通过软件相关功能的解析学习超链接的种类,以及进行不同类型的超链接创建;(3)再通过课堂练习巩固软件功能及网页制作技巧;(4)最后通过课后习题消化所学软件知识,提高制作超链接的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些多级页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、超链接的概念是什么?
2、在DreamweaverCC2019中如何创建图像超链接?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
4.1超链接的概念
4.2文本超链接
4.2.1课堂案例——建筑模型网页
4.2.2创建文本超链接
4.2.3设置文本超链接的状态
4.2.4创建下载文件链接
4.2.5创建电子邮件链接
4.3图像超链接
4.3.1课堂案例——温泉度假网页
4.3.2创建图像超链接
4.3.3创建鼠标指针经过图像超链接
4.4ID超链接
4.4.1课堂案例——影相天地网页
4.4.2创建ID超链接
4.5热点超链接
4.5.1课堂案例——建筑规划网页
4.5.2创建热点超链接
课堂练习——创意设计网页
课后习题——建筑设计网页
小结
1、熟练掌握超链接的概念。
2、熟练掌握超链接的类型与创建方法的技巧。
作业
课堂练习——创意设计网页
使用“电子邮件链接”按钮,制作电子邮件链接效果;使用“属性”面板,为文字制作下载文件链接效果;使用“页面属性”命令,改变超链接的显示效果。
课后习题——建筑设计网页
使用“鼠标经过图像”按钮,制作鼠标指针经过图像的图像变换效果。
第5讲
课时内容
表格
授课时间
135分钟
课时
3
教学目标
þ掌握表格的组成和插入方法
þ掌握表格、单元格、行和列的属性设置
þ掌握在表格中输入文字、插入其他网页元素
þ掌握复制、粘贴表格
þ掌握删除、缩放表格
þ掌握单元格的合并和拆分
þ掌握表格数据的导入、导出
þ掌握表格数据排序和嵌套
教学重点
þ了解表格在制作网页中的作用。
þ熟练掌握表格的插入与属性的设置。
教学难点
þ能够正确使用表格的嵌套制作复杂的网页页面。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握布艺沙发网页和典藏博物馆网页的制作方法;
(2)再通过软件相关功能的解析学习表格的组成、插入与属性的设置,以及进行表格数据的导入与导出;(3)再通过课堂练习固软件功能及表格的使用技巧;(4)最后通过课后习题消化所学软件知识,提高网页制作的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些简单的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中如何合并和拆分单元格?
2、在DreamweaverCC2019中如何导入和导出表格的数据?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
5.1表格的简单操作
5.1.1课堂案例——布艺沙发网页
5.1.2表格的组成
5.1.3插入表格
5.1.4表格各元素的属性
5.1.5在表格中插入内容
5.1.6选择表格元素
5.1.7复制、剪切、粘贴表格
5.1.8清除内容和删除行或列
5.1.9缩放表格
5.1.10合并和拆分单元格
5.1.11增加表格的行和列
5.2表格的复杂操作
5.2.1课堂案例——典藏博物馆网页
5.2.2导入和导出表格的数据
5.2.3表格数据排序
5.3表格的嵌套
课堂练习——租车网页
课后习题——绿色粮仓网页
小结
1、熟练掌握表格的插入及表格属性的设置方法和技巧。
2、熟练掌握表格嵌套布局。
作业
课堂练习——租车网页
使用“Table”按钮,插入表格进行布局;使用“Image”按钮,插入图像;使用“CSS设计器”面板,为单元格添加背景图像并控制文字大小、颜色。
课后习题——绿色粮仓网页
使用“表格式数据”命令,导入外部表格数据;使用“排序表格”命令,将表格的数据排序。
第6讲
课时内容
ASP
授课时间
90分钟
课时
2
教学目标
掌握ASP服务器的运行环境、安装IIS的方法
掌握ASP语法基础、数组的创建与应用
掌握VBScript选择和循环语句的使用
掌握Request请求对象和Response响应对象的使用
掌握Server服务对象的使用
教学重点
了解ASP服务器的运行环境。
熟练掌握VBScript选择和循环语句的使用。
教学难点
掌握使用Request请求对象和Response响应对象的使用。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握节能环保网页和网球俱乐部网页的制作方法;
(2)再通过软件相关功能的解析学习ASP服务器的安装和使用技巧,以及ASP内置对象的使用;(3)再通过课堂练习巩固软件功能;(4)最后通过课后习题消化所学软件知识,提高网页制作的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些带有框架布局的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、如何安装ASP服务器?
2、常见的内置对象包括哪几种?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
6.1ASP动态网页基础
6.1.1课堂案例——节能环保网页
6.1.2ASP服务器的安装
6.1.3ASP语法基础
6.1.4数组的创建与应用
6.1.5流程控制语句
6.2ASP内置对象
6.2.1课堂案例——网球俱乐部网页
6.2.2Request请求对象
6.2.3Response对象
6.2.4Session会话对象
6.2.5Application应用程序对象
6.2.6Server服务对象
6.2.7ObjectContext事务处理对象
课堂练习——挖掘机网页
课后习题——建筑信息咨询网页
小结
1、熟练掌握ASP服务器的运行环境、安装IIS的方法。
2、熟练掌握ASP语法基础、数组的创建与应用。
3、掌握VBScript选择和循环语句的使用。
4、掌握Request请求对象和Response响应对象的使用。
5、掌握Server服务对象的使用。
作业
课堂练习——挖掘机网页
使用“Form集合”命令,获取表单数据。
课后习题——建筑信息咨询网页
使用Response对象的Write方法,向浏览器端输出标签,显示日期。
第7讲
课时内容
CSS
授课时间
180分钟
课时
4
教学目标
掌握CSS的概念
掌握CSS设计器面板和样式类型
掌握CSS样式的创建及应用
掌握编辑样式的方法
掌握CSS样式的属性和过渡效果的应用
教学重点
掌握CSS样式的创建及应用。
熟练掌握编辑样式的方法。
教学难点
掌握CSS样式的属性和过渡效果的应用。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握山地车网页和足球运动网页的制作方法;
(2)再通过软件相关功能的解析学习CSS样式,以及CSS样式的属性及分类;(3)再通过课堂练习巩固软件功能及CSS样式的应用技巧;(4)最后通过课后习题消化所学软件知识,提高网页制作的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上中找一些多样式的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中CSS样式分为哪几种类型?
2、在DreamweaverCC2019中如何创建CSS过渡效果?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
7.1CSS的概念
7.2CSS样式
7.2.1“CSS设计器”面板
7.2.2CSS样式的类型
7.3样式的创建与应用
7.3.1创建CSS样式
7.3.2应用CSS样式
7.3.3创建和附加外部样式
7.4编辑样式
7.5CSS的属性
7.5.1课堂案例——山地车网页
7.5.2布局属性
7.5.3文本属性
7.5.4边框属性
7.5.5背景属性
7.6过渡效果
7.6.1课堂案例——足球运动网页
7.6.2“CSS过渡效果”面板
7.6.3创建CSS过渡效果
课堂练习——电商网页
课后习题——鲜花速递网页
小结
1、熟练掌握CSS的概念。
2、熟练掌握CSS样式的分类及使用方法和技巧。
作业
课堂练习——电商网页
使用“CSS设计器”面板,设置文字的大小、颜色及行距的显示效果。
课后习题——鲜花速递网页
使用“CSS过渡效果”面板,为文字添加阴影效果。
第8讲
课时内容
模板和库
授课时间
90分钟
课时
2
教学目标
掌握“资源”面板的使用
掌握模板、可编辑区域、重复区域、重复表格的创建方法
掌握重命名、修改、删除模板文件,用模板更新的方法
掌握如何创建库文件
掌握重命名、删除、修改库项目,用库项目更新的方法
教学重点
掌握模板的使用方法。
熟练库面板的应用。
教学难点
能够正确应用模板的所有属性。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握水果慕斯网页和律师事务所网页的制作方法;
(2)再通过软件相关功能的解析学习模板的创建、编辑和应用,以及库面板的使用;(3)再通过课堂实战演练巩固软件功能及模板的应用技巧;(4)最后通过课后习题消化所学软件知识,提高网页制作的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上中找一些具有共同点的多级页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中如何创建模板?
2、在DreamweaverCC2019中如何创建库文件?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
8.1“资源”面板
8.2模板
8.2.1课堂案例——水果慕斯网页
8.2.2创建模板
8.2.3定义和取消可编辑区域
8.2.4创建基于模板的网页
8.2.5管理模板
8.3库
8.3.1课堂案例——律师事务所网页
8.3.2创建库文件
8.3.3向页面添加库项目
8.3.4管理库文件
课堂练习——游天下网页
课后习题——婚礼策划网页
小结
1、熟练掌握模板的创建、编辑和应用。
2、熟练掌握库面板的应用。
作业
课堂练习——游天下网页
使用“创建模板”按钮,创建模板;使用“可编辑区域”按钮和“重复区域”按钮,制作可编辑区域和重复可编辑区域。
课后习题——婚礼策划网页
使用“库”面板添加库项目;使用库中注册的项目制作网页文档。
第9讲
课时内容
表单
授课时间
270分钟
课时
6
教学目标
掌握表单的使用方法
掌握单行文本域、多行文本域和密码文本域的创建方法
掌握单选按钮、单选按钮组复选框和复选框组的创建方法
掌握下拉菜单、滚动列表的创建方法
掌握文件域、图像按钮和按钮的创建方法
掌握电子邮件、URL、Tel、搜索、数字、范围文本域和颜色的插入方法
掌握日期、时间类表单的插入方法
教学重点
掌握如何创建表单。
熟练掌握表单的应用。
教学难点
能够正确使用不同类型的表单制作网页。
教学设计
1、教学思路:
(1)通过对课堂案例的讲解掌握健康测试网页、网上营业厅网页、动物乐园网页和鑫飞越航空网页的制作方法;
(2)再通过软件相关功能的解析学习表单的应用,以及表单属性的设置;(3)再通过课堂练习巩固软件功能及表单的应用技巧;(4)最后通过课后习题消化所学软件知识,提高网页制作的能力。
2、教学手段:
(1)通过课堂案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上中找一些会员注册的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCC2019中表单如何创建表单?
2、在DreamweaverCC2019中表单如何插入按钮?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
9.1表单
9.1.1课堂案例——用户登录界面
9.1.2创建表单
9.1.3表单的属性
9.1.4文本域
9.2单选按钮和复选框
9.2.1课堂案例——高尔夫俱乐部网页
9.2.2单选按钮
9.2.3单选按钮组
9.2.4复选框
9.3下拉菜单、滚动列表、文件域和按钮
9.3.1课堂案例——健康测试网页
9.3.2创建下拉菜单和滚动列表
9.3.3课堂案例——网上营业厅网页
9.3.4创建文件域
9.3.5插入图像按钮(创建图像域)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DreamweaverCC 实例教程 教学 教案 18