网页设计与制作教案VIP

安徽科技学院教案课程名称：网页制作授课方式：教学做一体化（18）授课学时：18学时授课教师：学院：信息与网络工程学院系部：计算机公共教学部安徽科技学院教务处

第一部分网页制作基础课程：第2章DreamweaverCS6基本操作课时内容DreamweaverCS6基本操作授课时间学时数2教学目标认识DreamweaverCS6的工作界面掌握网页文档的基本操作方法掌握页面属性的设置掌握设置并管理站点的方法和WEB服务器配置教学重点认识DreamweaverCS6的工作界面教学难点设置页面属性和站点管理教学设计教学思路：首先，让同学们认识DreamweaverCS6的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。教学方法：让同学们先回忆一下上节课所讲内容，然后让同学们回答网页是由哪几部分组成的，了解同学们对上一章知识的掌握程度。教学手段：结合上章内容在机房内进行上机讲解。教学资料及要求：课前要求学生预习本章内容。教学内容导入：什么是网页，由哪几部分组成？讨论问题：1、DreamweaverCS6的工作界面由哪几部分组成？2、各部分的作用是什么？第2章DreamweaverCS6基本操作2.1了解网页元素2.2DreamweaverCS6工作界面2.2.1标题栏2.2.2菜单栏2.2.3插入面板2.2.4文档工具栏2.2.5文档窗口2.2.6状态栏2.2.7属性面板2.2.8面板组2.3网页文档的基本操作2.3.1创建网页文档2.3.2打开网页文档2.3.3预览网页2.3.4保存网页文档2.3.5设置页面属性2.3.6应用举例——打开、保存和设置网页文件2.4站点管理2.4.1建立本地站点2.4.2在站点中添加新文件和文件夹2.4.3站点的编辑2.4.4站点测试与发布2.4.5应用举例——创建“mysite”本地站点2.5上机及项目实训2.5.1创建并规划个人网站2.5.2配置“Internet信息服务”搭建站点测试环境2.6练习与提高本课小结了解DreamweaverCS6工作界面的组成部分及各部分的作用。掌握网页文档的基本操作。掌握页面属性的设置。对DreamweaverCS6站点的管理。思考题及作业（1）预览网页效果一般会注意哪些方面？（2）如何创建和规划站点？（3）如何创建站点文件和文件夹？（4）设置页面属性，一般包括那几个方面？

课程：第3章课时内容创建网页基本对象授课时间学时数2教学目标掌握文本的插入以及调整学会图像的插入和编辑操作掌握创建超级链接的方法教学重点创建对象及超级链接的方法教学难点编辑网页中创建的对象教学设计教学思路：首先，让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学习在网页中创建超级链接的方法。2、教学方法：可以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件，进行比较讲解，这样既可以让同学们快速地掌握其操作方法，又可以巩固以前的知识。3、教学手段：利用多媒体并结合书本上的内容进行教学。4、教学资料及要求：课前要求学生了解在Word办公软件中创建超级链接的方法。教学内容知识回顾：上一课时讲的DreamweaverCS6的工作界面由哪几部分组成？讨论问题：1、如何在网页中插入对象？2、插入这些对象有何作用？3、怎样对插入的对象进行编辑？第3章创建网页基本对象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编辑图像3.2.3鼠标经过图像3.2.4应用举例——在网页中插入图像3.3创建超级链接3.3.1超级链接的概念3.3.2超级链接的创建3.3.3应用举例——创建文本、图像和电子邮件链接3.4上机及项目实训3.4.1制作“星牌服饰”网站3.4.2制作鼠标经过图像3.5练习与提高本课小结掌握在网页中插入对象的方法。掌握在网页中编辑对象的方法。了解在网页中创建超级链接的方法。思考题及作业（1）如何在页面中插入图像？（2）如何在页面中创建一个锚记链接？（3）如何为自己的邮箱创建电子邮件链接？

课程：第4章课时内容布局页面授课时间学时数2教学目标掌握插入和编辑的表格方法认识布局视图模式掌握布局单元格和布局表格的创建和编辑掌握框架的使用方法教学重点创建以及编辑表格和框架的方法教学难点设置表格及框架的属性教学设计教学思路：首先，让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学习对插入表格和创建的框架进行编辑操作。2、教学方法：讲课前可以先讲一个与网页有关的小故事或做一个小游戏，活跃下气氛，带动同学们的积极性。3、教学手段：利用多媒体，对表格和框架的编辑方法进行详细讲解。4、教学资料及要求：课前要求学生了解布局页面常用到的对象有哪些。教学内容知识回顾：上一课时讲的在网页中插入对象与编辑对象的方法？讨论问题：1、为什么要使用表格和框架布局页面呢？2、这样做对网页的整体效果起什么作用？3、又如何在网页中插入表格和创建对象？第4章布局页面4.1使用表格布局页面4.1.1插入表格4.1.2选择表格元素4.1.3输入页面元素4.1.4设置表格属性4.1.5添加/删除行或列4.1.6单元格的合并及拆分4.1.7应用举例——创建细线表格4.2使用框架布局网页4.2.1创建框架网页4.2.2拆分框架4.2.3保存框架和框架集4.2.4删除框架4.2.5设置框架集及框架的属性4.2.6应用举例——制作网站后台框架页面4.3上机及项目实训4.3.1制作网站后台管理页面4.3.2制作“探险游”网页4.4练习与提高本课小结1、掌握布局页面的方法。2、掌握对创建的表格和框架进行属性设置。思考题及作业（1）如何创建表格和框架？（2）表格和框架在页面中有什么用？

第二部分Flash动画制作基础课程：第8章课时内容FlashCS6基础授课时间学时数2教学目标认识Flash动画了解FlashCS6的工作界面掌握Flash文档的创建和保存教学重点Flash动画的应用和其文档的基本操作教学难点认识FlashCS6的工作界面教学设计1、教学思路：首先，先讲Flash动画在网页中起什么作用，能使网页达到一个什么效果。然后进行系统地介绍Flash动画的应用和认识FlashCS6工作界面。最后学习Flash文档的基本操作方法。2、教学方法：让同学们以小组的形式进行讨论Flash动画的应用领域。3、教学手段：利用多媒体并结合网页中插入的Flash动画进行讲解。4、教学资料及要求：课前要求学生预习本章内容。教学内容讨论问题：1、Flash动画具体是指什么？2、在网页中起什么作用？第8章FlashCS6基础8.1认识Flash动画8.1.1Flash动画的原理及应用领域8.1.2Flash动画在网页方面的应用8.1.3认识FlashCS6工作界面8.1.4应用举例——设置文档属性8.2Flash文档的基本操作8.2.1Flash文档的创建8.2.2Flash文档的保存8.2.3Flash文档的打开8.2.4应用举例——新建Flash广告动画8.3上机及项目实训8.3.1制作“公司印章”Flash文档8.3.2制作“个人名片”Flash文档8.3.3制作“个人印章”Flash文档8.4练习与提高本课小结1、了解Flash的应用领域。2、认识FlashCS6的工作界面。3、掌握Flash文档的基本操作。思考题及作业（1）Flash主要应用于哪些方面？（2）FlashCS6的工作界面由哪几部分组成？（3）如何新建一个Flash动画？（4）打开和关闭FlashCS6的方法分别有哪些？（5）如何预览动画效果？

电子教案课程：第10章课时内容元件和“库”面板授课时间学时数1教学目标掌握元件的创建方式认识“库”面板“库”面板的使用与管理教学重点元件的创建方式和“库”面板的使用教学难点元件的创建与使用教学设计1、教学思路：首先，让同学们认识元件，然后在系统地进行介绍元件的创建、使用以及认识“库“面板，最后学习哭的管理和使用。2、教学方法：可以通过实例对不同的元件进行操作使用。3、教学手段：结合实例进行上机操作。4、教学资料及要求：课前要求学生预习下章内容。教学内容讨论问题：1、元件的含义是什么？2、如何进行库的管理？第10章元件和“库”面板10.1元件的创建10.1.1元件的概念10.1.2图形元件10.1.3按钮元件10.1.4影片剪辑元件10.1.5应用举例——制作“短靴”动画10.2“库”面板10.2.1认识“库”面板10.2.2库的管理和使用10.2.3应用举例——清理未用项目10.3上机及项目实训10.3.1绘制毛笔10.3.2文字分离本课小结1、掌握元件的概念及创建元件2、了解“库”面板的使用及管理思考题及作业（1）？（2）通过什么方式可以将图形转换为图形元件？（3）如何将“库”面板中的图形文件拖到编辑区域中？课程：第11章课时内容用时间轴创建动画授课时间学时数5教学目标了解时间轴的组成帧和关键帧的创建及属性设置方法了解创建动画的类型和方法使用引导层和遮罩层创建动画教学重点时间轴与关键帧教学难点通过时间轴创建动画教学设计1、教学思路：首先，让同学们先了解时间轴的组成部分。然后在系统地介绍在时间轴中插入帧和创建动画的方法。最后学习特殊图层的应用。2、教学方法：可先上同学们看一些通过时间轴创建的动画效果。3、教学手段：可采用比较典型的例子进行上机操作讲解。4、教学资料及要求：课前要求学生们对前面讲过的知识动手进行操作。教学内容知识回顾：上一课时讲的元件和“库“面板的使用？讨论问题：1、为什么本章的重点是时间轴的使用呢？2、为什么要用时间轴创建动画？第11章用时间轴创建动画11.1时间轴与关键帧11.1.1时间轴的组成11.1.2时间轴中的图层11.1.3插入帧11.1.4应用举例——插入帧11.2创建动画11.2.1逐帧动画：人名书写11.2.2传统运动动画：小球直线运动11.3特殊图层的应用11.3.1引导层：小球曲线运动11.3.2遮罩层：MTV字母遮罩层动画制作。本课小结1、掌握插入帧的方法。2、掌握创建逐帧动画的方法。3、了解特殊图层的应用思考题及作业（1）时间轴由哪几部分组成？（2）根据动画样式的不同，补间动画可以分为哪两种类型？（3）创建动画补间可以通过哪几种方式？（4）建引导层的方法有哪几种？课程：第12章课时内容导入声音和视频授课时间学时数4教学目标了解声音的类型和可以导入的视频格式掌握声音和视频的导入方法了解声音和音效的设置方法教学重点导入声音和视频教学难点处理声音教学设计1、教学思路：首先，让同学们说说导入声音和视频的方法。然后进行系统地介绍对导入的声音进行处理的方法。最后学习导入视频。2、教学方法：可以先放一些声音或简短的视频，这样同学们可以很轻松的融入学习中。3、教学手段：利用多媒体并结合相关实例进行教学。4、教学资料及要求：课前要求学生从网上下载不同格式的声音和视频。教学内容知识回顾：上一课时讲的使用时间轴创建动画？讨论问题：1、常见的声音和视频格式有哪些？2、Flash支持的声音和视频格式有哪些？