《网页设计与制作Dreamweaver-CS6》电子教案

《网页设计与制作DrramweaverCS6电子教案》1/16XXX中等职业学校教案适用年级：XXX课程名称：网页设计与制作DreamweaverCS6任课教师：XXXXXXX学校计算机专业组制《网页设计与制作DrramweaverCS6电子教案》2/16第1-4课时讲授2学时实践2学时章节项目一认识Dreamweavercs6讲授主要内容1.Dreamweavercs6的功能和作用2.Dreamweavercs6的工作界面3.Dreamweavercs6常用工具栏的使用方法4.Dreamweavercs6常用面板的使用方法重点难点Dreamweavercs6的工作界面Dreamweavercs6常用工具栏和面板的使用方法要求掌握的知识点Dreamweavercs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、Dreamweavercs6窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局教学过程1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面，介绍Dreamweavercs6的功能和作用。2、简介Dreamweavercs6的安装、删除方法；3、学生亲自安装Dreamweavercs6软件。4、让学生自己动手制作教学案例，来进一步巩固Dreamweavercs6的使用。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》3/16第5-10课时讲授2学时实践4学时章节项目二创建和管理站点讲授主要内容1.设置首选参数的方法2.创建站点的基本方法3.管理站点的基本方法4.创建文件夹和文件的基本方法重点难点设置首选参数的方法；创建和管理站点的基本方法；要求掌握的知识点设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件教学过程1、教师讲解站点的含义；2、演示创建一个站点的基础操作步骤；2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》4/16第11-16课时讲授2学时实践4学时章节项目三文本──编排奥斯卡网页讲授主要内容1.设置页面属性的方法2.设置文本字体、大小和颜色的方法3.设置段落、换行和列表的方法4.设置文本样式和对齐方式的方法5.设置文本缩进和凸出的方法6.插入水平线和日期的方法重点难点设置文本字体、大小和颜色的方法设置段落、换行和列表的方法要求掌握的知识点创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》5/16第16-21课时讲授2学时实践4学时章节项目四图像和媒体——编排新闻网页讲授主要内容1.网页中常用图像的基本格式2.设置网页背景图像的方法3.在网页中插入图像占位符的方法4.在网页中插入图像和设置图像属性的方法5.在网页中插入Flash动画的方法6.在网页中插入图像查看器的方法7.在网页中插入ActiveX视频的方法重点难点在网页中插入图像和设置图像属性的方法在网页中插入Flash动画的方法在网页中插入ActiveX视频的方法要求掌握的知识点网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV视频文件、在网页中播放RM视频文件教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》6/16第22--27课时讲授2学时实践4学时章节项目五超级链接──设置188导航网页讲授主要内容8.超级链接的种类1.设置文本和图像超级链接的方法2.设置图像热点超级链接的方法3.设置电子邮件超级链接的方法4.设置锚记超级链接和空链接的方法5.设置鼠标经过图像和导航条的方法重点难点设置文本和图像超级链接的方法设置图像热点超级链接的方法设置电子邮件超级链接的方法设置锚记超级链接和空链接的方法要求掌握的知识点设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》7/16第28-37课时讲授4学时实践6学时章节项目六表格──布局网上花店主页讲授主要内容1.表格的组成和作用2.创建和编辑表格的方法3.设置表格和单元格属性的方法4.使用表格布局网页的方法重点难点创建和编辑表格的方法设置表格和单元格属性的方法使用表格布局网页的方法要求掌握的知识点表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》8/16第38--41课时讲授2学时实践2学时章节项目七框架──布局都市社区网页讲授主要内容1.框架和框架集的概念2.创建框架和框架集的方法3.编辑框架和框架集的方法4.设置框架和框架集属性的方法5.设置框架中链接目标窗口的方法重点难点创建框架和框架集的方法编辑框架和框架集的方法设置框架和框架集属性的方法要求掌握的知识点框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》9/16第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、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》10/16第51--56课时讲授2学时实践4学时章节项目九Div──布局搜索屋网页讲授主要内容1.层和Div标签的异同2.插入层和Div标签的方法3.使用层面板和设置层属性的方法4.使用层和Div标签布局网页的方法重点难点插入层和Div标签的方法使用层面板和设置层属性的方法使用层和Div标签布局网页的方法要求掌握的知识点创建层的方法、【层】面板、选定层、层【属性】面板、移动层、调整层的大小、层的对齐操作、插入Div标签的方法、层与Div标签的转换、Div标签居中显示的方法、改变层的z轴顺序、层的重叠和嵌套、层与表格的转换教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》11/16第57--60课时讲授2学时实践2学时章节项目十时间轴──制作空中飞行网页讲授主要内容1.时间轴面板的组成及其作用2.在时间轴中编辑关键帧的方法3.手动创建时间轴动画的基本方法4.通过录制层路径创建时间轴动画的方法重点难点手动创建时间轴动画的基本方法通过录制层路径创建时间轴动画的方法要求掌握的知识点【时间轴】面板、增加对象到时间轴、控制动画播放、添加或删除帧、录制层路径、用时间轴改变图像与层的属性教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》12/16第61--68课时讲授4学时实践4学时章节项目十一库和模板──制作馨华学校主页讲授主要内容1.库和模板的概念2.【资源】面板的使用3.创建和应用库的方法4.创建和应用模板的方法5.在模板中插入模板对象的方法重点难点创建和应用库的方法创建和应用模板的方法在模板中插入模板对象的方法要求掌握的知识点库的概念、【资源】面板、创建库项目、删除库项目、模板的概念、创建模板文件、删除模板文件、插入库项目、修改库项目、分离库项目、可编辑区域、重复表格、重复区域、从模板新建网页、在已存在页面应用模板、分离模板教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一～四主要参考资料《网页设计与制作——Dreamweavercs6》，王君学、田明编著，人民邮电出版社备注《网页设计与制作DrramweaverCS6电子教案》13/16第69--74课时讲授2学时实践4学时章节项目十二行为──完善个人网页功能讲授主要内容1.行为和事件的基本含义2.常用行为和事件及其功能3.添加、修改和删除行为的方法4.在网页制作中应用行为的基本方法重点难点添加、修改和删除行为的方法在网页制作中应用行为的基本方法要求掌握的知识点行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口