《边做边学Dreamweaver CS6网页设计案例教程第3版》课程教案.docx
- 文档编号:10803446
- 上传时间:2023-02-23
- 格式:DOCX
- 页数:41
- 大小:4.15MB
《边做边学Dreamweaver CS6网页设计案例教程第3版》课程教案.docx
《《边做边学Dreamweaver CS6网页设计案例教程第3版》课程教案.docx》由会员分享,可在线阅读,更多相关《《边做边学Dreamweaver CS6网页设计案例教程第3版》课程教案.docx(41页珍藏版)》请在冰豆网上搜索。
《边做边学DreamweaverCS6网页设计案例教程第3版》课程教案
《边做边学——DreamweaverCS6网页设计案例教程(第3版)》
教学教案
第1讲
课时内容
初识DreamweaverCS6
授课时间
课时
教学目标
掌握工作界面的操作。
掌握网站框架的创建。
掌握站点的管理。
掌握网页文件头的设置。
教学重点
熟练掌握DreamweaverCS6工作界面的基本操作。
熟练掌握DreamweaverCS6的站点。
教学难点
在DreamweaverCS6中站点的建立及编辑。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握界面操作和站点设置的方法;
(2)通过软件相关功能的解析学习DreamweaverCS6工作界面的基本操作和设置文件头的基本方法。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
3.教学资料及要求:
除了课堂实训案例中讲解的软件功能外,还可以根据相关的工具特点进行简单的练习和操作。
教学内容
讨论问题:
1、DreamweaverCS6中的网页分为哪几种网页?
2、在DreamweaverCS6中有哪几种方法可以创建站点?
同时本地站点与远程站点有什么区别?
内容大纲:
具体可结合本项目的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.3 管理站点
1.3.1 【操作目的】
1.3.2 【操作步骤】
1.3.3 【相关工具】
1.站点管理器
2.创建文件夹
3.定义新站点
1.4 网页文件头设置
1.4.1 【操作目的】
1.4.2 【操作步骤】
1.4.3 【相关工具】
1.插入搜索关键字
2.插入作者和版权信息
3.设置刷新时间
4.设置描述信息
5.设置页面中所有链接的基准链接
6.设置当前文件与其他文件的关联性
小结
1、熟练掌握DreamweaverCS6界面的操作方法和技巧。
2、熟练掌握在DreamweaverCS6中站点的创建、编辑、复制、删除和导出的方法,掌握新建、保存的技巧。
第2讲
课时内容
文本与文档
授课时间
课时
教学目标
了解文本与文档的创建方法和使用技巧。
掌握项目符号和编号列表使用方法和区别。
掌握水平线、网格与标尺的使用方法和技巧。
教学重点
熟练掌握文本的多种创建方法和编辑技巧。
熟练掌握项目符号、编号列表和水平线的使用方法。
教学难点
能够正确输入文本并编辑相关属性。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握轩宇门窗网页、休闲旅游网页和休闲度假网页的制作方法;
(2)再通过软件相关功能的解析学习输入文本和编辑文本相关属性,以及进行区分使用项目符号和编号列表方法和技巧;(3)再通过课堂实战演练巩固软件功能及网页制作技巧;(4)最后通过课后综合演练消化所学软件知识,提高制作网页的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些简单的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中可以有哪几种方法创建文本?
2、在DreamweaverCS6中如何输入多个连续空格?
3、在DreamweaverCS6中如何更改文字颜色、字号等设置?
内容大纲:
具体可结合本项目的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 【实战演练】——佳人SPA养生馆网页
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.了解并掌握项目符号和编辑列表的使用方法和技巧。
作业
第3讲
课时内容
图像和多媒体
授课时间
课时
教学目标
掌握插入图像的方法和技巧
掌握多媒体在网页中的应用。
教学重点
熟练掌握图像的格式与模式。
熟练掌握Flash文件的插入与设置。
教学难点
能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握咖啡馆网页、物流运输网页的制作方法;
(2)再通过软件相关功能的解析学习图像的插入与使用技巧,以及进行动画的使用;(3)再通过课堂实战演练巩固软件功能及网页制作技巧;(4)最后通过课后综合演练消化所学软件知识,提高图像与动画的使用能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些带有图像和动画的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中插入图像后在浏览器中不能正常显示图像,是哪几种原因造成?
如何解决?
2、在DreamweaverCS6中如何设置插入的Flash动画为透明背景?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
3.1 咖啡馆网页
3.1.1 【案例分析】
3.1.2 【设计理念】
3.1.3 【操作步骤】
3.1.4 【相关工具】
1.网页中的图像格式
2.插入图像
3.设置图像属性
4.插入图像占位符
5.跟踪图像
3.1.5 【实战演练】——宠物狗网店
3.2 物流运输网页
3.2.1 【案例分析】
3.2.2 【设计理念】
3.3.3 【操作步骤】
3.2.4 【相关工具】
1.插入Flash动画
2.插入FLV
3.插入Shockwave影片
4.影片插入Applet程序
5.插入ActiveX控件
3.2.5 【实战演练】——准妈妈课堂网页
3.3 综合演练——儿童零食网页
3.3.1 【案例分析】
3.3.2 【设计理念】
3.3.3 【知识要点】
3.4 综合演练——房源网页
3.4.1 【案例分析】
3.4.2 【设计理念】
3.4.3 【知识要点】
小结
1.熟练掌握图像的格式与插入方法和使用技巧。
2.掌握Flash动画的插入和属性的设置。
作业
第4讲
课时内容
超链接
授课时间
课时
教学目标
了解超链接的概念与路径知识
掌握文本超链接的创建方法和技巧。
掌握图像超链接的创建方法和技巧。
掌握命名锚记超链接的创建方法和技巧
掌握热区链接的创建方法和技巧
教学重点
简单了解超链接的概念与路径知识。
熟练掌握超链接的分类及每种类型的创建方法。
教学难点
能够正确给所需文本添加超链接,以及锚记超链接的使用方法和技巧。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握建筑模型网页、温泉度假网页的制作方法;
(2)再通过软件相关功能的解析学习超链接的种类,以及进行不同类型的超链接创建;(3)再通过课堂实战演练巩固软件功能及网页制作技巧;(4)最后通过课后综合演练消化所学软件知识,提高制作超链接的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些多级页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中超链接有哪几种类型?
分别是哪几种?
2、在DreamweaverCS6中使用哪种超链接可以跳至指定的位置?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
4.1 建筑模型网页
4.1.1 【案例分析】
4.1.2 【设计理念】
4.1.3 【操作步骤】
1.制作电子邮件超接
2.制作下载文件链接
4.1.4 【相关工具】
1.超链接的概念与路径知识
2.创建文本链接
3.文本链接的状态
4.下载文件链接
5.电子邮件链接
4.1.5 【实战演练】——冶金铸造网页
4.2 温泉度假网页
4.2.1 【案例分析】
4.2.2 【设计理念】
4.2.3 【操作步骤】
1.制作鼠标经过
2.创建热点链接
4.2.4 【相关工具】
1.图像超链接
2.鼠标经过图像链接
3.命名锚记链接
4.创建热区链接
4.2.5 【实战演练】——金融投资网页
4.3 综合演练——世界景观网页
4.3.1 【案例分析】
4.3.2 【设计理念】
4.3.3 【知识要点】
4.4 综合演练——世界旅游网页
4.4.1 【案例分析】
4.4.2 【设计理念】
4.4.3 【知识要点】
小结
1.熟练掌握超链接的概念与路径。
2.熟练掌握超链接的类型与创建方法的技巧。
作业
第5讲
课时内容
使用表格
授课时间
课时
教学目标
了解表格的简单操作
掌握网页中的数据表格。
掌握利用表格进行页面布局的方法和技巧。
教学重点
简单了解表格在制作网页中的作用。
熟练掌握表格的插入与属性的设置。
教学难点
能够正确使用表格的嵌套制作复杂的网页页面。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握营养美食网页、绿色粮仓网页的制作方法;
(2)再通过软件相关功能的解析学习表格的插入与属性的设置,以及进行表格数据的导入与导出;(3)再通过课堂实战演练巩固软件功能及表格的使用技巧;(4)最后通过课后综合演练消化所学软件知识,提高网页制作的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些简单的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中如何向表格一次添加多行或多列?
方法分别是?
2、在DreamweaverCS6中
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
5.1 营养美食网页
5.1.1 【案例分析】
5.1.2 【设计理念】
5.1.3 【操作步骤】
5.1.4 【相关工具】
1.表格的组成
2.插入表格
3.表格各元素的属性
4.在表格中插入内容
5.选择表格元素
6.复制、粘贴表格
7.缩放表格
8.删除表格和表格内容
9.合并和拆分单元格
10.增加和删除表格的行和列
5.1.5 【实战演练】——美丽人生网页
5.2 绿色粮仓网页
5.2.1 【案例分析】
5.2.2 【设计理念】
5.2.3 【操作步骤】
5.2.4 【相关工具】
1.导入和导出表格的数据
2.排序表格
3.复杂表格的排版
5.2.5 【实战演练】——OA办公系统网页
5.3 综合演练——茶文化网页
5.3.1 【案例分析】
5.3.2 【设计理念】
5.3.3 【知识要点】
5.4 综合演练——火锅餐厅网页
5.4.1 【案例分析】
5.4.2 【设计理念】
5.4.3 【知识要点】
小结
1.熟练掌握表格的插入及表格属性的设置方法和技巧。
2.熟练掌握表格嵌套布局。
作业
第6讲
课时内容
使用框架
授课时间
课时
教学目标
了解框架与框架集的作用。
掌握框架的属性设置方法和技巧。
教学重点
简单了解框架的作用。
熟练掌握框架布局的应用。
教学难点
能够正确使用框架布局制作部分跳转页面。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握牛奶饮料网页、建筑规划网页的制作方法;
(2)再通过软件相关功能的解析学习框架的创建方法和使用技巧,以及进行框架页之间的超链接;(3)再通过课堂实战演练巩固软件功能及框架使用技巧;(4)最后通过课后综合演练消化所学软件知识,提高网页制作的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些带有框架布局的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中框架分为哪几种类型?
每种类型用在哪些方面?
2、在DreamweaverCS6中修改其中一个框架页时其他框架页是否有影响?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
6.1 牛奶饮料网页
6.1.1 【案例分析】
6.1.2 【设计理念】
6.1.3 【操作步骤】
1.新建框架并编辑
2.插入图像
6.1.4 【相关工具】
1.建立框架集
2.为框架添加内容
3.保存框架
4.框架的选择
5.修改框架的大小
6.拆分框架
7.删除框架
6.1.5 【实战演练】——献爱心活动中心网页
6.2 建筑规划网页
6.2.1 【案例分析】
6.2.2 【设计理念】
6.2.3 【操作步骤】
1.设置保存文档
2.插入表格、图像和鼠标经过图像
3.修改页面属性并插入图像
4.创建图像超链接
6.2.4 【相关工具】
1.框架属性
2.框架集的属性
3.框架中的链接
6.2.5 【实战演练】——阳光外语小学网页
6.3 综合演练——健康定制网页
6.3.1 【案例分析】
6.3.2 【设计理念】
6.3.3 【知识要点】
6.4 综合演练——健康定制网页2
6.4.1 【案例分析】
6.4.2 【设计理念】
6.4.3 【知识要点】
小结
1.熟练掌握框架的插入方法和技巧。
2.熟练掌握框架页之间的超链接。
作业
第7讲
课时内容
使用层
授课时间
课时
教学目标
掌握层的基本操作方法和技巧。
掌握应用层设计表格的方法和技巧。
教学重点
掌握层的插入方法和应用技巧。
熟练层的属性设置。
教学难点
能够正确使用层命令来布局元素的位置。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握联创网络技术网页、信业融资网页的制作方法;
(2)再通过软件相关功能的解析学习层的使用方法和技巧,以及将层转换为表格的方法;(3)再通过课堂实战演练巩固软件功能及应用层技巧;(4)最后通过课后综合演练消化所学软件知识,提高层的应用能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上找一些网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中层的作用是?
2、在DreamweaverCS6中有哪几种方法调整层的顺序?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
7.1 联创网络技术网页
7.1.1 【案例分析】
7.1.2 【设计理念】
7.1.3 【操作步骤】
7.1.4 【相关工具】
1.创建层
2.选择层
3.设置层的默认属性
4.AP元素面板
5.更改层的堆叠顺序
6.更改层的可见性
7.调整层的大小
8.嵌套层
9.移动层
10.对齐层
11.层靠齐到网格
7.1.5 【实战演练】——鲜花速递网页
7.2 信业融资网页
7.2.1 【案例分析】
7.2.2 【设计理念】
7.2.3 【操作步骤】
7.2.4 【相关工具】
1.将APDiv转换为表格
2.将表格转换为APDiv
7.2.5 【实战演练】——精品家居网页
7.3 综合演练——充气浮床网页
7.3.1 【案例分析】
7.3.2 【设计理念】
7.3.3 【知识要点】
7.4 综合演练——美味小吃网页
7.4.1 【案例分析】
7.4.2 【设计理念】
7.4.3 【知识要点】
小结
1.熟练层的插入方法及属性设置。
2.熟练掌握层转为表格的方法和技巧。
作业
第8讲
课时内容
CSS样式
授课时间
课时
教学目标
了解CSS样式的概念。
了解CSS样式。
掌握样式的类型与创建方法。
掌握编辑样式的方法和技巧。
掌握CSS的属性。
掌握过滤器。
教学重点
掌握如何应用CSS样式控制标签。
熟练掌握CSS的属性设置。
教学难点
能够正确使用不同类型的样式控制标签。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握国画展览馆网页、打印机网页和爱晚工程网页的制作方法;
(2)再通过软件相关功能的解析学习CSS样式,以及CSS样式的属性及分类;(3)再通过课堂实战演练巩固软件功能及CSS样式的应用技巧;(4)最后通过课后综合演练消化所学软件知识,提高网页制作的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上中找一些多样式的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中CSS样式分为哪几种类型?
每种类型的具体作用?
2、在DreamweaverCS6中使用CSS样式定位时需注意什么事项?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
8.1 国画展览馆网页
8.1.1 【案例分析】
8.1.2 【设计理念】
8.1.3 【操作步骤】
8.1.4 【相关工具】
1.CSS样式的概念
2.“CSS样式”面板
3.CSS样式的类型
4.创建重定义HTML标签样式
5.创建CSS选择器
6.创建和应用自定义样式
7.创建和引用外部样式
8.编辑样式
8.1.5 【实战演练】——葡萄酒网页
8.2 打印机网页
8.2.1 【案例分析】
8.2.2 【设计理念】
8.2.3 【操作步骤】
1.插入表格并输入文字
2.设置CSS属性
8.2.4 【相关工具】
1.类型
2.背景
3.区块
4.方框
5.边框
6.列表
7.定位
8.扩展
9.过渡
8.2.5 【实战演练】——室内设计网页
8.3 爱晚工程网页
8.3.1 【案例分析】
8.3.2 【设计理念】
8.3.3 【操作步骤】
1.插入图片
8.3.4 【相关工具】
1.可应用过滤的HTML标签
2.CSS的静态过滤器
3.CSS的动态过滤器
8.3.5 【实战演练】——汽车配件网页
8.4 综合演练——GPS导航仪网页
8.4.1 【案例分析】
8.4.2 【设计理念】
8.4.3 【知识要点】
8.5 综合演练——抒情散文网页
8.5.1 【案例分析】
8.5.2 【设计理念】
8.5.3 【知识要点】
小结
1.熟练掌握CSS样式的概念。
2.熟练掌握CSS样式的分类及使用方法和技巧。
作业
第9讲
课时内容
模板和库
授课时间
课时
教学目标
了解“资源”面板。
掌握模板的创建方法和使用技巧。
掌握库的使用方法和技巧。
教学重点
掌握模板的使用方法。
熟练库面板的应用。
教学难点
能够正确应用模板的所有属性。
教学设计
1.教学思路:
(1)通过对课堂实训案例的讲解掌握电子吉他网页、建达康集团网页的制作方法;
(2)再通过软件相关功能的解析学习模板的创建、编辑和应用,以及库面板的使用;(3)再通过课堂实战演练巩固软件功能及模板的应用技巧;(4)最后通过课后综合演练消化所学软件知识,提高网页制作的能力。
2.教学手段:
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过软件功能解析深入学习软件功能和制作特点。
(3)通过课堂实战演练和课后综合演练提高学生的实际应用能力。
3.教学资料及要求:
在网上中找一些具有共同点的多级页面进行制作,来加深学员对知识点的理解和提高实际操作能力。
教学内容
讨论问题:
1、在DreamweaverCS6中有几种方法创建模板?
分别是?
2、在DreamweaverCS6中库面板的具体作用是?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
9.1 电子吉他网页
9.1.1 【案例分析】
9.1.2 【设计理念】
9.1.3 【操作步骤】
1.创建模板
2.创建可编辑区域
9.1.4 【相关工具】
1.“资源”面板
2.创建模板
3.定义和取消可编辑区域
4.创建基于模板的网页
5.管理模板
9.1.5 【实战演练】——水果慕斯网页
9.2 建达康集团网页
9.2.1 【案例分析】
9.2.2 【设计理念】
9.2.3 【操作步骤】
1.把经常用的图标注册到库中
2.利
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 边做边学Dreamweaver CS6网页设计案例教程第3版 边做边学Dreamweaver CS6网页设计案例教程第3版课程教案 边做边学 Dreamweaver CS6 网页 设计 案例 教程
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1