1 / 27
文档名称:

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

格式:docx   大小:66KB   页数:27页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

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

上传人:cjl201801 2022/11/27 文件大小:66 KB

下载得到文件列表

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

相关文档

文档介绍

文档介绍:该【网页设计与制作电子教案 】是由【cjl201801】上传分享,文档一共【27】页,该文档可以免费在线阅读,需要了解更多关于【网页设计与制作电子教案 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。课程:第1章网页制作基础
课时内容
1网页制作基础 授课时间 学时数 2
教学目标
了解HTML的组成和语法
了解网页制作的常用软件
掌握网页制作软件的启动和退出方法
教学重点
网页制作的一些基本知识
教学难点
HTML的组成和语法
教学设计
1、教学思路:首先,让同学们说说他们对网页的一个认识。然后进行系统地介绍1网页是什么,由哪些部分组成,还有网页制作时所需掌握的一些基础知识和制作1网页时常用到的一些软件。最后学****1网页制作软件的启动和退出方法。
2、教学方法:先登录一些常用的网站,让同学们看一些1网页,然后让同学们说下他们度网页的认识,最后才开始讲解本周内容。
3、教学手段:利用多媒体并结合网络进行教学。
4、教学资料及要求:课前要求学生先大致浏览本书内容,对本书所要讲解的内容有个基本的了解。
教学内容
讨论问题:1、什么是网页?
2、网页的基本组成部分是哪些?
3、网页有什么作用?
第1章网页制作基础#
网页制作基础知识
网页简介
什么是HTML

应用举例——使用记事本编写网页
网页制作的常用软件
图形图像处理软件
动画制作软件
网页布局软件
.4 软件配合及制作流程
应用举例——实战网页制作流程
网页制作软件的启动与退出
网页制作软件的启动
2文件的打开
网页制作软件的退出
应用举例——启动并退出
PhotoshopCS3



制作“蓝莲花”网页

本课小结
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、各部分的作用是什么?
内容:
, 了解网页元素
.DreamWeaverCS5工作界面
. 网页文档的基本操作
4站点管理
本课小结
1、了解DreamweaverCS5工作界面的组成部分及各部分的作用。
2、掌握网页文档的基本操作。
3、掌握页面属性的设置。
4、对DreamweaverCS5站点的管理。
思考题及作业
(1)预览网页效果一般会注意哪些方面?
(2)如何创建和规划站点?
(3)如何创建站点文件和文件夹?
(4)设置页面属性,一般包括那几个方面?
课程:第3章创建网页基本对象
课时内容
创建网页基本对象
授课时间
学时数
4
教学目标
掌握文本的插入以及调整学会图像的插入和编辑操作
掌握创建超级链接的方法
教学重点
创建对象及超级链接的方法
教学难点
编辑网页中创建的对象
教学设计
1、教学思路:首先,让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学****在1网页中创建超级链接的方法。
2、教学方法:可以选择一种同学们熟悉的并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件,进行比较讲解,这样既可以让同学们快速地掌握其操作方法,又可以巩固以前的知识。
3、教学手段:利用多媒体并结合书本上的内容进行教学。
4、教学资料及要求:课前要求学生了解在Word办公软件中创建超级链接的方法。
教学内容
知识回顾:上一课时讲的DreamweaverCS5的工作界面由哪几部分组成?
讨论问题:1、如何在网页中插入对象?
2、插入这些对象有何作用?
3、怎样对插入的对象进行编辑?
内容:
文本的操作
插入和编辑图像
3创建超级链接
本课小结
1、掌握在网页中插入对象的方法。
2、掌握在网页中编辑对象的方法。
3、了解在网页中创建超级链接的方法。
思考题及作业
(1)如何在页面中插入图像?
(2)如何在页面中创建一个锚记链接?
(3)如何为自己的邮箱创建电子邮件链接?
课程:第4章布局页面
课时内容
布局页面 授课时间 学时数 2
教学目标
掌握插入和编辑的表格方法
认识布局视图模式
掌握布局单元格和布局表格的创建和编辑
掌握框架的使用方法
教学重点
创建以及编辑表格和框架的方法
教学难点
设置表格及框架的属性
教学设计
1、教学思路:首先,让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学****对插入表格和创建的框架进行编辑操作。
2、教学方法:讲课前可以先讲一个与网页有关的小故事或做一个小游戏,活跃下气氛,带动同学们的积极性。
3、教学手段:利用多媒体,对表格和框架的编辑方法进行详细讲解。
4、教学资料及要求:课前要求学生了解布局页面常用到的对象有哪些。
教学内容
知识回顾:上一课时讲的在网页中插入对象与编辑对象的方法?讨论问题:1、为什么要使用表格和框架布局页面呢?
2、这样做对网页的整体效果起什么作用?
3、又如何在网页中插入表格和创建对象?
第4章布局页面
使用表格布局页面
插入表格
2选择表格元素
3输入页面元素
设置表格属性
添加/删除行或列
单元格的合并及拆分
应用举例——创建细线表格
使用框架布局网页

2拆分框架
3 保存框架和框架集

.5 设置框架集及框架的属性
应用举例——制作网站后台框架页面
上机及项目实训

“探险游”网页

本课小结
1、掌握布局页面的方法。
3、掌握对创建的表格和框架进行属性设置。
思考题及作业
(1)如何创建表格和框架?
(2)表格和框架在页面中有什么用?
课程:第5章使用APDiv和行为
课时内容
使用APDiv和行为授课时间 学时数 3
教学目标
0掌握APDiv的创建和设置
0掌握APDiv的操作
0掌握行为的创建和设置
0掌握内置行为动作的应用
教学重点
创建和设置AP0衣和行为的方法
教学难点
AP口衣和行为的操作
教学设计
1、教学思路:首先,先讲一下APDiv的含义,让同学们对其现有一个基本的了解。然后进行系统地介绍APDiv的创建和设置以及基本的操作方法。最后学****行为的基本操作方法。
2、教学方法:先讲一下网页对一个网站的作用,尽量讲同学们感兴趣的方面。
3、教学手段:由浅入深并结合多媒体进行教学。
4、教学资料及要求:课前要求学生从网上多看一些网页,并进行简单的分析。
教学内容
知识回顾:上一课时讲的如何编辑表格和框架?
讨论问题:1、APDiv是什么?
2、在网页中有什么用?
3、又如何对其进行操作?
第5章使用APDiv和行为
APDiv的创建和设置
创建APDiv
“属性”面板
“AP元素”面板
4应用举例——创建APDiv
APDiv的基本操作
.
.
.
.


认识行为和事件
2“行为”面板

应用举例——设置状态栏文本

绘制APDiv
制作图像跳转网页

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


表单对象
快速选择表单域和表单对象


复选框
3单选按钮
列表和菜单
5跳转菜单
.
创建图像域
用举例——在添加表单对象的同时添加表单域

.1 制作注册表单页面
.2制作搜索表单

本课小结
1、掌握表单的概念。
2、掌握创建表单对象的方法。
思考题及作业
(1)在页面中插入文本域的方法是什么?
(2)如何创建单选按钮组?
(3)创建图像域有什么作用?
(4)如何让创建跳转菜单和滚动列表?
电子教案
课程:第7章CSS与多媒体的应用
课时内容
CSS与多媒体的应用
授课时间
学时数
3
教学目标
0掌握创建。55样式表的方法
0掌握应用CSS样式的方法
0了解多媒体和Flash文件类型
0掌握插入多媒体对象的方法
0掌握使用CSS样式和Flash制作网页的方法
教学重点
创建和应用CSS的方法以及多媒体的应用
教学难点
CSS属性的设置
教学设计
1、教学思路:首先,让同学说说对多媒体的理解。然后在详细地讲解CSS在网页中的应用。最后学****插入Flash动画和影片的方法。
2、教学方法:本章内容讲解完后,可让同学们根据自己下载的Flash动画和影片制作
一个网页。
3、教学手段:结合实例进行上机操作。
4、教学资料及要求:课前要求学生从网上下载一些Flash动画和简短的影片。
教学内容
知识回顾:上一课时讲的表单对象的创建?
讨论问题:1、广义的多媒体和侠义的多媒体分别指什么?
2、网页中应用多媒体有什么作用?
第7章 CSS与多媒体的应用
网页中CSS的应用
“CSS样式”面板
2新建CSS样式
CSS属性
应用自定义样式
链接到外部样式表
——新建CSS样式

多媒体的概念
2Flash文件类型

$hockwave影片
.5应用举例——在页面中插入Flash动画
上机及项目实训
1制作“娃娃网”周年网页
“SHOW广告动画”网页
练****与提高
本课小结
1、掌握新建CSS样式的方法。
2、掌握设置CSS属性的方法。
3、掌握多媒体在网页中的应用。
思考题及作业
(1)CSS的主要作用是什么?
⑵如何在页面中链接所创建的样式?
(3)新建CSS样式的方法有哪些?
(4)设置CSS样式的属性包括那几个方面?
电子教案
课程:第8章FlashCS3基石出