网页设计与制作-电子教案

电子教案课程：第1章网页制作基础课时内容网页制作基础授课时间学时数2教学目标了解HTML的组成和语法了解网页制作的常用软件掌握网页制作软件的启动和退出方法教学重点网页制作的一些基本知识教学难点HTML的组成和语法教学设计1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。2、教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。3、教学手段：利用多媒体并结合网络进行教学。4、教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。教学内容讨论问题：1、什么是网页？2、网页的基本组成部分是哪些？3、网页有什么作用？第1章网页制作基础#1.1网页制作基础知识1.1.1网页简介1.1.2什么是HTML1.1.3HTML的组成结构及语法1.1.4应用举例——使用记事本编写网页1.2网页制作的常用软件1.2.1图形图像处理软件1.2.2动画制作软件1.2.3网页布局软件1.2.4软件配合及制作流程1.2.5应用举例——实战网页制作流程1.3网页制作软件的启动与退出1.3.1网页制作软件的启动1.3.2文件的打开1.3.3网页制作软件的退出1.3.4应用举例——启动并退出PhotoshopCS31.4上机及项目实训1.4.1FlashCS3的启动与退出1.4.2制作“蓝莲花”网页1.5练习与提高本课小结1、了解网页的组成。2、掌握HTML的组成结构及语法。3、认识制作网页时常用到的一些软件4、掌握网页的基本操作思考题及作业（1）HTML文档结构由哪几部分组成？（2）制作网页时常用软件有哪些？（3）如何启动和退出DreamweaverCS3？（4）如何打开Flash文件？（5）如何退出Photoshop？电子教案课程：第2章DreamweaverCS5基本操作课时内容DreamweaverCS5基本操作授课时间学时数2教学目标认识DreamweaverCS5的工作界面掌握网页文档的基本操作方法掌握页面属性的设置掌握设置并管理站点的方法教学重点认识DreamweaverCS5的工作界面教学难点设置页面属性和站点管理教学设计1、教学思路：首先，让同学们认识DreamweaverCS5的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。2、教学方法：让同学们先回忆一下上节课所讲内容，然后让同学们回答网页是由哪几部分组成的，了解同学们对上一章知识的掌握程度。3、教学手段：结合上章内容在机房内进行上机讲解。4、教学资料及要求：课前要求学生预习本章内容。教学内容知识回顾：上一课时讲的网页由哪几部分组成？讨论问题：1、DreamweaverCS5的工作界面由哪几部分组成？2、各部分的作用是什么？内容：1.了解网页元素2．DreamweaverCS5工作界面3．网页文档的基本操作4站点管理本课小结1、了解DreamweaverCS5工作界面的组成部分及各部分的作用。2、掌握网页文档的基本操作。3、掌握页面属性的设置。4、对DreamweaverCS5站点的管理。思考题及作业（1）预览网页效果一般会注意哪些方面？（2）如何创建和规划站点？（3）如何创建站点文件和文件夹？（4）设置页面属性，一般包括那几个方面？电子教案课程：第3章创建网页基本对象课时内容创建网页基本对象授课时间学时数4教学目标掌握文本的插入以及调整学会图像的插入和编辑操作掌握创建超级链接的方法教学重点创建对象及超级链接的方法教学难点编辑网页中创建的对象教学设计1、教学思路：首先，让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学习在网页中创建超级链接的方法。2、教学方法：可以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件，进行比较讲解，这样既可以让同学们快速地掌握其操作方法，又可以巩固以前的知识。3、教学手段：利用多媒体并结合书本上的内容进行教学。4、教学资料及要求：课前要求学生了解在Word办公软件中创建超级链接的方法。教学内容知识回顾：上一课时讲的DreamweaverCS5的工作界面由哪几部分组成？讨论问题：1、如何在网页中插入对象？2、插入这些对象有何作用？3、怎样对插入的对象进行编辑？内容：3.1文本的操作3.2插入和编辑图像3.3创建超级链接本课小结1、掌握在网页中插入对象的方法。2、掌握在网页中编辑对象的方法。3、了解在网页中创建超级链接的方法。思考题及作业（1）如何在页面中插入图像？（2）如何在页面中创建一个锚记链接？（3）如何为自己的邮箱创建电子邮件链接？电子教案课程：第4章布局页面课时内容布局页面授课时间学时数2教学目标掌握插入和编辑的表格方法认识布局视图模式掌握布局单元格和布局表格的创建和编辑掌握框架的使用方法教学重点创建以及编辑表格和框架的方法教学难点设置表格及框架的属性教学设计1、教学思路：首先，让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学习对插入表格和创建的框架进行编辑操作。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、掌握布局页面的方法。3、掌握对创建的表格和框架进行属性设置。思考题及（1）如何创建表格和框架？作业（2）表格和框架在页面中有什么用？电子教案课程：第5章使用APDiv和行为课时内容使用APDiv和行为授课时间学时数3教学目标掌握APDiv的创建和设置掌握APDiv的操作掌握行为的创建和设置掌握内置行为动作的应用教学重点创建和设置APDiv和行为的方法教学难点APDiv和行为的操作教学设计1、教学思路：首先，先讲一下APDiv的含义，让同学们对其现有一个基本的了解。然后进行系统地介绍APDiv的创建和设置以及基本的操作方法。最后学习行为的基本操作方法。2、教学方法：先讲一下网页对一个网站的作用，尽量讲同学们感兴趣的方面。3、教学手段：由浅入深并结合多媒体进行教学。4、教学资料及要求：课前要求学生从网上多看一些网页，并进行简单的分析。教学内容知识回顾：上一课时讲的如何编辑表格和框架？讨论问题：1、APDiv是什么？2、在网页中有什么用？3、又如何对其进行操作？第5章使用APDiv和行为5.1APDiv的创建和设置5.1.1创建APDiv5.1.2APDiv的“属性”面板5.1.3“AP元素”面板5.1.4应用举例——创建APDiv5.2APDiv的基本操作5.2.1选择APDiv5.2.2调整APDiv的大小5.2.3移动APDiv5.2.4对齐APDiv5.2.5应用举例——使用APDiv布局页面5.3行为的基本操作5.3.1认识行为和事件5.3.2“行为”面板5.3.3内置行为动作的应用5.3.4应用举例——设置状态栏文本5.4上机及项目实训5.4.1绘制APDiv5.4.2制作图像跳转网页5.5练习与提高本课小结1、掌握创建和设置APDiv和行为的方法。2、掌握APDiv和行为的使用方法。思考题及作业（1）在页面中如何创建多个嵌套APDiv？（2）如何在页面上设置行为动作？（3）如何绘制APDiv？（4）主要的行为动作有哪些？电子教案课程：第6章创建表单课时内容创建表单授课时间学时数2教学目标了解表单域和表单对象的概念掌握表单对象的创建和属性设置教学重点认识表单教学难点创建表单对象教学设计1、教学思路：首先，先讲表单的概念和一些简单认识。然后进行系统地介绍表单对象的创建方法。最后学习制作简单的表单页面。2、教学方法：上课前可以先出一道与上章知识有关的思考题，题要比较灵活，这样可考验下同学们的思维能力。3、教学手段：利用多媒体并结合实例进行教学。4、教学资料及要求：课前要求学生复习上一章所讲过的知识。教学内容知识回顾：上一课时讲的APDiv和行为的使用方法？讨论问题：1、为什么要创建表单？2、表单中又包含哪些对象？第6章创建表单6.1表单的概念6.1.1表单域6.1.2表单对象6.1.3应用举例——快速选择表单域和表单对象6.2创建表单对象6.2.1文本域6.2.2复选框6.2.3单选按钮6.2.4列表和菜单6.2.5跳转菜单6.2.6表单按钮6.2.7创建图像域6.2.8用举例——在添加表单对象的同时添加表单域6.3上机及项目实训6.3.1制作注册表单页面6.3.2制作搜索表单6.4练习与提高本课小结1、掌握表单的概念。2、掌握创建表单对象的方法。思考题及（1）在页面中插入文本域的方法是什么？作业（2）如何创建单选按钮组？（3）创建图像域有什么作用？（4）如何让创建跳转菜单和滚动列表？电子教案课程：第7章CSS与多媒体的应用课时内容CSS与多媒体的应用授课时间学时数3教学目标掌握创建CSS样式表的方法掌握应用CSS样式的方法了解多媒体和Flash文件类型掌握插入多媒体对象的方法掌握使用CSS样式和Flash制作网页的方法教学重点创建和应用CSS的方法以及多媒体的应用教学难点CSS属性的设置教学设计1、教学思路：首先，让同学说说对多媒体的理解。然后在详细地讲解CSS在网页中的应用。最后学习插入Flash动画和影片的方法。2、教学方法：本章内容讲解完后，可让同学们根据自己下载的Flash动画和影片制作一个网页。3、教学手段：结合实例进行上机操作。4、教学资料及要求：课前要求学生从网上下载一些Flash动画和简短的影片。教学内容知识回顾：上一课时讲的表单对象的创建？讨论问题：1、广义的多媒体和侠义的多媒体分别指什么？2、网页中应用多媒体有什么作用？第7章CSS与多媒体的应用7.1网页中CSS的应用7.1.1认识“CSS样式”面板7.1.2新建CSS样式7.1.3CSS属性7.1.4应用自定义样式7.1.5链接到外部样式表7.1.6应用举例——新建CSS样式7.2网页中多媒体的应用7.2.1多媒体的概念7.2.2Flash文件类型7.2.3插入Flash动画7.2.4插入Shockwave影片7.2.5应用举例——在页面中插入Flash动画7.3上机及项目实训7.3.1制作“娃娃网”周年网页7.3.2制作“SHOW广告动画”网页7.4练习与提高本课小结1、掌握新建CSS样式的方法。2、掌握设置CSS属性的方法。3、掌握多媒体在网页中的应用。思考题及作业（1）CSS的主要作用是什么？（2）如何在页面中链接所创建的样式？（3）新建CSS样式的方法有哪些？（4）设置CSS样式的属性包括那几个方面？电子教案课程：第8章FlashCS3基础课时内容FlashCS3基础授课时间学时数1教学目标认识Flash动画了解FlashCS3的工作界面掌握Flash文档的创建和保存教学重点Flash动画的应用