2022年《网页设计与制作DreamweaverCS》电子教案 .pdf

《2022年《网页设计与制作DreamweaverCS》电子教案 .pdf》由会员分享，可在线阅读，更多相关《2022年《网页设计与制作DreamweaverCS》电子教案 .pdf（16页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、网页设计与制作Drramweaver CS6 电子教案1 / 16XXX 中等职业学校教案适用年级： XXX 课程名称：网页设计与制作 Dreamweaver CS6 任课教师： XXX XXXX 学校计算机专业组制名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案2 / 16第 1-4 课时讲授 2 学时实践 2 学时章节项目一认识 Dreamweaver cs6 讲授主要

2、内容1.Dreamweaver cs6 的功能和作用2.Dreamweaver cs6 的工作界面3.Dreamweaver cs6 常用工具栏的使用方法4.Dreamweaver cs6 常用面板的使用方法重点难点Dreamweaver cs6 的工作界面Dreamweaver cs6 常用工具栏和面板的使用方法要求掌握的知识点Dreamweaver cs6 的功能和作用、 定义站点的基本过程、创建文件和保存文件的方法、Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、 【文件】面板、 【文档】工具栏、【属性】面板、 【插入】面板、工作区布局教学过程1、从百度、京东、天猫

3、等贴近学生生活实际的网页入手简介页面，介绍Dreamweaver cs6 的功能和作用。2、简介 Dreamweaver cs6 的安装、删除方法；3、学生亲自安装Dreamweaver cs6 软件。4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver cs6 的使用。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 16 页 - - - - -

4、 - - - - 网页设计与制作Drramweaver CS6 电子教案3 / 16第 5-10 课时讲授 2 学时实践 4 学时章节项目二创建和管理站点讲授主要内容1.设置首选参数的方法2.创建站点的基本方法3.管理站点的基本方法4.创建文件夹和文件的基本方法重点难点设置首选参数的方法；创建和管理站点的基本方法；要求掌握的知识点设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件教学过程1、 教师讲解站点的含义；2、 演示创建一个站点的基础操作步骤；2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一

5、步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案4 / 16第 11-16 课时讲授 2 学时实践 4 学时章节项目三文本编排奥斯卡网页讲授主要内容1.设置页面属性的方法2.设置文本字体、大小和颜色的方法3.设置段落、换行和列表的方法4.设置文本

6、样式和对齐方式的方法5.设置文本缩进和凸出的方法6.插入水平线和日期的方法重点难点设置文本字体、大小和颜色的方法设置段落、换行和列表的方法要求掌握的知识点创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Drea

7、mweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案5 / 16第 16-21 课时讲授 2 学时实践 4 学时章节项目四图像和媒体编排新闻网页讲授主要内容1.网页中常用图像的基本格式2.设置网页背景图像的方法3.在网页中插入图像占位符的方法4.在网页中插入图像和设置图像属性的方法5.在网页中插入Flash 动画的方

8、法6.在网页中插入图像查看器的方法7.在网页中插入ActiveX视频的方法重点难点在网页中插入图像和设置图像属性的方法在网页中插入Flash 动画的方法在网页中插入ActiveX视频的方法要求掌握的知识点网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash 动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV 视频文件、在网页中播放RM 视频文件教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dr

9、eamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案6 / 16第 22-27课时讲授 2 学时实践 4 学时章节项目五超级链接设置188 导航网页讲授主要内容8.超级链接的种类1.设置文本和图像超级链接的方法2.设置图像热点超级链接的方法3.设置电子邮件超级链接的方法4.设置锚记超级链接和空链接的方法5.设置鼠

10、标经过图像和导航条的方法重点难点设置文本和图像超级链接的方法设置图像热点超级链接的方法设置电子邮件超级链接的方法设置锚记超级链接和空链接的方法要求掌握的知识点设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash 文本、插入Flash 按钮教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王

11、君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案7 / 16第 28-37 课时讲授 4 学时实践 6 学时章节项目六表格布局网上花店主页讲授主要内容1.表格的组成和作用2.创建和编辑表格的方法3.设置表格和单元格属性的方法4.使用表格布局网页的方法重点难点创建和编辑表格的方法设置表格和单元格属性的方法使用表格布局网页的方法要求掌握的知识点

12、表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - -

13、 - - - - 第 7 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案8 / 16第 38-41课时讲授 2 学时实践 2 学时章节项目七框架布局都市社区网页讲授主要内容1.框架和框架集的概念2.创建框架和框架集的方法3.编辑框架和框架集的方法4.设置框架和框架集属性的方法5.设置框架中链接目标窗口的方法重点难点创建框架和框架集的方法编辑框架和框架集的方法设置框架和框架集属性的方法要求掌握的知识点框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设

14、置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案9 / 1

15、6第 41-50课时讲授 4 学时实践 6 学时章节项目八 CSS 设置环境保护网页讲授主要内容1.CSS样式的作用2.创建和设置CSS样式的方法3.附加样式表的方法重点难点创建和设置CSS样式的方法附加样式表的方法要求掌握的知识点【CSS样式】面板、 CSS样式的类别、定义CSS样式的方法、 CSS的【类型】等属性对话框、 3 种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID 名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进

16、一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案10 / 16第 51-56课时讲授 2 学时实践 4 学时章节项目九 Div 布局搜索屋网页讲授主要内容1.层和 Div 标签的异同2.插入层和 Div 标签的方法3.使用层面板和设置层属性的方

17、法4.使用层和 Div 标签布局网页的方法重点难点插入层和Div 标签的方法使用层面板和设置层属性的方法使用层和 Div 标签布局网页的方法要求掌握的知识点创建层的方法、 【层】面板、选定层、层【属性】面板、移动层、调整层的大小、层的对齐操作、 插入 Div 标签的方法、 层与 Div 标签的转换、 Div 标签居中显示的方法、改变层的 z 轴顺序、层的重叠和嵌套、层与表格的转换教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王

18、君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案11 / 16第 57-60课时讲授 2 学时实践 2 学时章节项目十时间轴制作空中飞行网页讲授主要内容1.时间轴面板的组成及其作用2.在时间轴中编辑关键帧的方法3.手动创建时间轴动画的基本方法4.通过录制层路径创建时间轴动画的方法重点难点手动创建时间轴动画的基本方法通过录制层路径创建时间轴

19、动画的方法要求掌握的知识点【时间轴】面板、增加对象到时间轴、控制动画播放、添加或删除帧、录制层路径、用时间轴改变图像与层的属性教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 16 页 - - - - - - - - - 网

20、页设计与制作Drramweaver CS6 电子教案12 / 16第 61-68课时讲授 4 学时实践 4 学时章节项目十一库和模板制作馨华学校主页讲授主要内容1.库和模板的概念2.【资源】面板的使用3.创建和应用库的方法4.创建和应用模板的方法5.在模板中插入模板对象的方法重点难点创建和应用库的方法创建和应用模板的方法在模板中插入模板对象的方法要求掌握的知识点库的概念、【资源】面板、创建库项目、删除库项目、模板的概念、创建模板文件、删除模板文件、插入库项目、修改库项目、分离库项目、可编辑区域、重复表格、重复区域、从模板新建网页、在已存在页面应用模板、分离模板教学过程1、教师演示教学案例。2、

21、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案13 / 16第 69-74课时讲授 2 学时实践 4 学时章节项目十二行为完善个人网页功能讲授主要内容1.

22、行为和事件的基本含义2.常用行为和事件及其功能3.添加、修改和删除行为的方法4.在网页制作中应用行为的基本方法重点难点添加、修改和删除行为的方法在网页制作中应用行为的基本方法要求掌握的知识点行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave 或 Flash 、弹出信息、播放声音、调用JavaScript、拖动层教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编

23、著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案14 / 16第 75-80课时讲授 2 学时实践 4 学时章节项目十三表单制作用户注册网页讲授主要内容1.了解表单的概念及其作用2.掌握制作表单网页的基本方法3.掌握使用行为验证表单的基本方法重点难点插入表单对象的基本方法设置表单及表单对象属性的方法要求掌握的知识点表单、文本域、单选按钮、列表菜单、复

24、选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver C

25、S6 电子教案15 / 16第 81-90课时讲授 4 学时实践 6 学时章节项目十四 ASP- 制作制作在线咨询系统讲授主要内容1.创建数据库连接的基本方法2.制作数据列表及分页的基本方法3.插入、更新和删除数据库记录的基本方法4.设置网页参数传递的基本方法5.限制用户对页的访问的基本方法6.用户登录和注销的基本方法重点难点制作数据列表及分页的基本方法插入、更新和删除数据库记录的基本方法设置网页参数传递的基本方法要求掌握的知识点定义站点、创建记录集、插入动态文本、插入记录记数、记录集分页、添加重复区域、设置传递参数、插入动态文本字段、更新记录、删除记录、限制对页的访问、用户登录、用户注销、检

26、查新用户名教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 16 页 - - - - - - - - - 网页设计与制作Drramweaver CS6 电子教案16 / 16第 91-94课时讲授 2 学时实践 2 学时章节

27、项目十五测试和发布网站讲授主要内容1.通过 Dreamweaver 测试网站的方法2.在 IIS中配置 web服务器的方法3.在 IIS中配置 FTP服务器的方法4.通过 Dreamweaver 发布网页的方法重点难点在 IIS 中配置 web服务器的方法在 IIS 中配置 FTP服务器的方法通过 Dreamweaver 发布网页的方法要求掌握的知识点检查链接、改变链接、查找和替换、清理文档、安装IIS 服务器、配置Web服务器、配置 FTP服务器、发布网页、保持同步教学过程1、教师演示教学案例。2、通过 PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一二主要参考资料网页设计与制作Dreamweaver cs6 ，王君学、田明编著，人民邮电出版社备注名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 16 页 - - - - - - - - -