网页设计与制作 电子教案.docx

1、网页设计与制作 电子教案电子教案课程：第1章网页制作基础课时容网页制作基础授课时间学时数2教学目标 了解HTML的组成和语法 了解网页制作的常用软件 掌握网页制作软件的启动和退出方法教学重点网页制作的一些基本知识教学难点HTML的组成和语法教学设计1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。2、教学方法：先登录一些常用的，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周容。3、教学手段：利用多媒体并结合网络进行教

2、学。4、教学资料及要求：课前要求学生先大致浏览本书容，对本书所要讲解的容有个基本的了解。教学容讨论问题：1、什么是网页？ 2、网页的基本组成部分是哪些？ 3、网页有什么作用？第1章 网页制作基础#1.1 网页制作基础知识1.1.1 网页简介1.1.2 什么是HTML1.1.3 HTML的组成结构及语法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、3 网页制作软件的退出1.3.4 应用举例启动并退出Photoshop CS31.4 上机及项目实训1.4.1 Flash CS3的启动与退出1.4.2 制作“蓝莲花”网页1.5 练习与提高本课小结1、了解网页的组成。2、掌握HTML的组成结构及语法。3、认识制作网页时常用到的一些软件4、掌握网页的基本操作思考题及作业（1）HTML文档结构由哪几部分组成？（2）制作网页时常用软件有哪些？（3）如何启动和退出Dreamweaver CS3？（4）如何打开Flash文件？（5）如何退出Photoshop？电子教案课程：第2章 Dreamweaver CS5基本操作课时容Dreamweaver CS

4、5基本操作授课时间学时数2教学目标 认识Dreamweaver CS5的工作界面 掌握网页文档的基本操作方法 掌握页面属性的设置 掌握设置并管理站点的方法教学重点认识Dreamweaver CS5的工作界面教学难点设置页面属性和站点管理教学设计1、教学思路：首先，让同学们认识Dreamweaver CS5的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。2、教学方法：让同学们先回忆一下上节课所讲容，然后让同学们回答网页是由哪几部分组成的，了解同学们对上一章知识的掌握程度。3、教学手段：结合上章容在机房进行上机讲解。4、教学资料及要求：课前要

5、求学生预习本章容。教学容知识回顾：上一课时讲的网页由哪几部分组成？讨论问题：1、Dreamweaver CS5的工作界面由哪几部分组成？ 2、各部分的作用是什么？容：1. 了解网页元素2 Dreamweaver CS5工作界面3 网页文档的基本操作4 站点管理本课小结1、了解Dreamweaver CS5工作界面的组成部分及各部分的作用。2、掌握网页文档的基本操作。3、掌握页面属性的设置。4、对Dreamweaver CS5站点的管理。思考题及作业（1）预览网页效果一般会注意哪些方面？（2）如何创建和规划站点？（3）如何创建站点文件和文件夹？（4）设置页面属性，一般包括那几个方面？电子教案课程

6、：第3章 创建网页基本对象课时容创建网页基本对象授课时间学时数4教学目标 掌握文本的插入以及调整 学会图像的插入和编辑操作 掌握创建超级的方法教学重点创建对象及超级的方法教学难点编辑网页中创建的对象教学设计1、教学思路：首先，让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学习在网页中创建超级的方法。2、教学方法：可以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件，进行比较讲解，这样既可以让同学们快速地掌握其操作方法，又可以巩固以前的知识。3、教学手段：利用多媒体并结合书本上的容进

7、行教学。4、教学资料及要求：课前要求学生了解在Word办公软件中创建超级的方法。教学容知识回顾：上一课时讲的Dreamweaver CS5的工作界面由哪几部分组成？讨论问题：1、如何在网页中插入对象？ 2、插入这些对象有何作用？ 3、怎样对插入的对象进行编辑？容：3.1 文本的操作3.2 插入和编辑图像3.3 创建超级本课小结1、掌握在网页中插入对象的方法。2、掌握在网页中编辑对象的方法。3、了解在网页中创建超级的方法。思考题及作业（1）如何在页面中插入图像？（2）如何在页面中创建一个锚记？（3）如何为自己的创建电子？电子教案课程：第4章 布局页面课时容布局页面授课时间学时数2教学目标 掌握插

8、入和编辑的表格方法 认识布局视图模式 掌握布局单元格和布局表格的创建和编辑 掌握框架的使用方法教学重点创建以及编辑表格和框架的方法教学难点设置表格及框架的属性教学设计1、教学思路：首先，让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学习对插入表格和创建的框架进行编辑操作。2、教学方法：讲课前可以先讲一个与网页有关的小故事或做一个小游戏，活跃下气氛，带动同学们的积极性。3、教学手段：利用多媒体，对表格和框架的编辑方法进行详细讲解。4、教学资料及要求：课前要求学生了解布局页面常用到的对象有哪些。教学容知识回顾：上一课时讲的在网页中插入对象与

9、编辑对象的方法？讨论问题：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 制作后台管理页

10、面4.3.2 制作“探险游”网页4.4 练习与提高本课小结1、掌握布局页面的方法。3、掌握对创建的表格和框架进行属性设置。思考题及作业（1）如何创建表格和框架？（2）表格和框架在页面中有什么用？电子教案课程：第5章 使用AP Div和行为课时容使用AP Div和行为授课时间学时数3教学目标 掌握AP Div的创建和设置 掌握AP Div的操作 掌握行为的创建和设置 掌握置行为动作的应用教学重点创建和设置AP Div和行为的方法教学难点AP Div和行为的操作教学设计1、教学思路：首先，先讲一下AP Div的含义，让同学们对其现有一个基本的了解。然后进行系统地介绍AP Div的创建和设置以及基本

11、的操作方法。最后学习行为的基本操作方法。2、教学方法：先讲一下网页对一个的作用，尽量讲同学们感兴趣的方面。3、教学手段：由浅入深并结合多媒体进行教学。4、教学资料及要求：课前要求学生从网上多看一些网页，并进行简单的分析。教学容知识回顾：上一课时讲的如何编辑表格和框架？讨论问题：1、AP Div是什么？ 2、在网页中有什么用？ 3、又如何对其进行操作？第5章 使用AP Div和行为5.1 AP Div的创建和设置5.1.1 创建AP Div5.1.2 AP Div的“属性”面板5.1.3“AP元素”面板5.1.4 应用举例创建AP Div5.2 AP Div的基本操作5.2.1 选择AP Div

12、5.2.2 调整AP Div的大小5.2.3 移动AP Div5.2.4 对齐AP Div5.2.5 应用举例使用AP Div布局页面5.3 行为的基本操作5.3.1 认识行为和事件5.3.2“行为”面板5.3.3 置行为动作的应用5.3.4 应用举例设置状态栏文本5.4 上机及项目实训5.4.1 绘制AP Div5.4.2 制作图像跳转网页5.5 练习与提高本课小结1、掌握创建和设置AP Div和行为的方法。2、掌握AP Div和行为的使用方法。思考题及作业（1）在页面中如何创建多个嵌套AP Div？（2）如何在页面上设置行为动作？（3）如何绘制AP Div？（4）主要的行为动作有哪些？电子

13、教案课程：第6章 创建表单课时容创建表单授课时间学时数2教学目标 了解表单域和表单对象的概念 掌握表单对象的创建和属性设置教学重点认识表单教学难点创建表单对象教学设计1、教学思路：首先，先讲表单的概念和一些简单认识。然后进行系统地介绍表单对象的创建方法。最后学习制作简单的表单页面。2、教学方法：上课前可以先出一道与上章知识有关的思考题，题要比较灵活，这样可考验下同学们的思维能力。3、教学手段：利用多媒体并结合实例进行教学。4、教学资料及要求：课前要求学生复习上一章所讲过的知识。教学容知识回顾：上一课时讲的AP Div和行为的使用方法？讨论问题：1、为什么要创建表单？ 2、表单中又包含哪些对象？

14、第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样式的方法