网页设计与制作电子教案

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

2、合网络进行教 学。 、 教学资料及要求：课前要求学生先大致浏览本书内容， 对本书所要讲解的内容有个基本的了解。 教学内容 论问题： 1什么是网页？ 2、网页的基本组成部分是哪些？3网页有什么作用？第 网页制作基础 1.1 网页制作基础知识 1.1.1 网页简介 1.1.2 什么是 1.1.3 的组成结构 及语法 1.1.4 应用举例使用记事本编写网页 教学重点 教学难点 教学设计 1.2网页制作的常用软件 1.2.1 图形图像处理软件 1.2.2 动画制作软件 1.2.3 网页布局软件 1.2.4 软件配合及制作流程 1.2.5应用举例实战网页制作流程 1.3 第 1 页 共 5 页网页制作软

3、件的启动与退出 1.3.1 网页制作软件的启动 1.3.2 文件的打开 1.3.3 网页制作软件的退出 1.3.4 应用举例 启动并退出 Photoshop CS3 1.4 上机及项目实训 1.4.1 FlashCS3 的启动与退出 1.4.2制作“蓝莲花”网页1.5练习与提高本课小结 1、 解网页的组成。 、 掌握的组成结构及语法。 、 认识制作网页时常用到的一些软件 4 握网页的基本操作 ）文档结构由哪几部分组成？）制作网页时常用软件有哪些？ ）如何启动和退出 Dreamweaver CS3 ）如何打开 Flash 文件？ ）如何退出 Photoshop 思考题及作业电子教案课程： 第 D

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

5、房内进行上机讲解。 、 教学资料及要求：课第 2 页 共 5 页前要求学生预习本章内容。 教学内容 知识回顾：上一课时讲的 网页由哪几部分组成？ 讨论问题：1 的工作界面由哪几部分组成？ 、各部分的作用是什么？ 容： 1. 了解网页元素 Dreamweaver 工作界面 内网页文档的基本操作 4站点管理本课小结 、 了解Dreamweaver CS5 作界面的组成部分及各部分的作用。 、 掌 握网页文档的基本操作。 、 掌握页面属性的设置。 4、 对 Dreamweaver CS5 点的管理。 ）预览网页效果一般会注意哪 些方面？ ）如何创建和规划站点？ ）如何创建站点文件和文件夹？ ）设置页

6、面属性，一般包括那几个方面？ 重点 教学难点 学设计 思考题及作业电子教案教学课程： 第 创建网页基本对象课时内容 教学目标 创建网页基本对象 授课时间学时数 4 ? 掌握文本的插入以及调整 ? 学会图像的插入和编辑操作 ? 掌握创建超级链接 的方法 创建对象及超级链接的方法 编辑网页中创建的对象 、 教学思路：首先，让同学们先说说在 Word 中插入与编辑 对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方 法。最后学习在网页中创建超级链接的方法。 、教学方法：可 以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与 在网页中插入和编辑对象的方法基本相同的软件，进行比较讲 解，这样

7、既可以让同学们快速地掌握其操作方法，又可以巩固以第 3 页 共 5 页前的知识。 、教学手段：利用多媒体并结合书本上的内容进行 教学。 、教学资料及要求：课前要求学生了解在 Word 办公软件 中创建超级链接的方法。 教学内容 识回顾：上一课时讲的 Dreamweaver CS5 工作界面由哪几部分组成？ 讨论问题：、如 何在网页中插入对象？ 、插入这些对象有何作用？3怎样对插入的对象进行编辑？内容： 3.1 文本的操作 3.2插入和编辑图像 3.3 创建超级链接本课小结 、 掌握在网页中插入对象的方法。 、 掌握在网页中编辑对象的方法。 、 了解在网页中创建超级链接的方法。 ）如何在页面中插

8、入图 像？ ）如何在页面中创建一个锚记链接？ ）如何为自己的邮箱创建电子邮件链接？ 题及作业电子教案教学重点 教学难点 学设计 思考课程： 第 布局页面课时内容 教学目标 布局页面 课时间学时数 2 ? 掌握插入和编辑的表格方法 ? 认识布局视图模式 ? 掌握布局单元 格和布局表格的创建和编辑 ? 掌握框架的使用方法 创建以及编 辑表格和框架的方法 设置表格及框架的属性 、 教学思路：首 先，让同学们先说说对插入的表格可以进行哪些编辑操作。然后 进行系统地介绍在网页中插入表格和创建框架的方法。最后学习 对插入表格和创建的框架进行编辑操作。 、教学方法：讲课前 可以先讲一个与网页有关的小故事或做

9、一个小游戏，活跃下气第 4 页 共 5 页氛，带动同学们的积极性。 、教学手段：利用多媒体，对表格 和框架的编辑方法进行详细讲解。 、教学资料及要求：课前要 求学生了解布局页面常用到的对象有哪些。 教学内容 学重点 教学难点 教学设计 知识回顾：上一课时讲的在网页中插入对象 与编辑对象的方法？ 讨论问题：、为什么要使用表格和框架布 局页面呢？ 、这样做对网页的整体效果起什么作用？ 、又如何在网页中插入表格和创建对象？第 章 布局页面 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 设置框架集及框架