网页设计与制作教案
子
电电子教案
课程： 第1章 网页制作基础
课时内容 网页制作基础 授课时间 学时数 2 教学目标 ? 了解HTML的组成和语法 ? 了解网页制作的常用软件 ? 掌握网页制作软件的启动和退出方法 教学重点 网页制作的一些基本知识 教学难点 HTML的组成和语法 教学设计 1、教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。 2、教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。 3、教学手段：利用多媒体并结合网络进行教学。 4、教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。 教学内容 讨论问题：1、什么是网页？ 2、网页的基本组成部分是哪些？ 3、网页有什么作用？ 第1章 网页制作基础# 1.1 网页制作基础知识 1.1.1 网页简介 1.1.2 什么是HTML 1.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 网页制作软件的退出 1.3.4 应用举例——启动并退出 Photoshop CS3 1.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 CS5基本操授课时间 学时数 2 作 教学目标 ? 认识Dreamweaver CS5的工作界面 ? 掌握网页文档的基本操作方法 ? 掌握页面属性的设置 ? 掌握设置并管理站点的方法 教学重点 认识Dreamweaver CS5的工作界面 教学难点 设置页面属性和站点管理 教学设计 1、教学思路：首先，让同学们认识Dreamweaver CS5的工作界面。然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。最后学习对站点的管理以及设置方法。 2、教学方法：让同学们先回忆一下上节课所讲内容，然后让同学们回答网页是由哪几部分组成的，了解同学们对上一章知识的掌握程度。 3、教学手段：结合上章内容在机房内进行上机讲解。 4、教学资料及要求：课前要求学生预习本章内容。 教学内容 知识回顾：上一课时讲的网页由哪几部分组成？ 讨论问题：1、Dreamweaver CS5的工作界面由哪几部分组成？ 2、各部分的作用是什么？ 内容： 1. 了解网页元素 2． Dreamweaver CS5工作界面 3． 网页文档的基本操作 4 站点管理 本课小结 1、了解Dreamweaver CS5工作界面的组成部分及各部分的作用。 2、掌握网页文档的基本操作。 3、掌握页面属性的设置。 4、对Dreamweaver CS5站点的管理。 思考题及（1）预览网页效果一般会注意哪些方面？ 作业 （2）如何创建和规划站点？ （3）如何创建站点文件和文件夹？ （4）设置页面属性，一般包括那几个方面？
电子教案
课程： 第3章 创建网页基本对象
课时内容 创建网页基本对授课时间 学时数 4 象 教学目标 ? 掌握文本的插入以及调整 ? 学会图像的插入和编辑操作 ? 掌握创建超级链接的方法 教学重点 创建对象及超级链接的方法 教学难点 编辑网页中创建的对象 教学设计 1、教学思路：首先，让同学们先说说在Word、Excel中插入与编辑对象的方法。然后进行系统地介绍在网页中创建和编辑对象的方法。最后学习在网页中创建超级链接的方法。 2、教学方法：可以选择一种同学们熟悉的，并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件，进行比较讲解，这样既可以让同学们快速地掌握其操作方法，又可以巩固以前的知识。 3、教学手段：利用多媒体并结合书本上的内容进行教学。 4、教学资料及要求：课前要求学生了解在Word办公软件中创建超级链接的方法。 教学内容 知识回顾：上一课时讲的Dreamweaver CS5的工作界面由哪几部分组成？ 讨论问题：1、如何在网页中插入对象？ 2、插入这些对象有何作用？ 3、怎样对插入的对象进行编辑？ 内容： 3.1 文本的操作 3.2 插入和编辑图像 3.3 创建超级链接 本课小结 1、掌握在网页中插入对象的方法。 2、掌握在网页中编辑对象的方法。 3、了解在网页中创建超级链接的方法。 思考题及（1）如何在页面中插入图像？ 作业 （2）如何在页面中创建一个锚记链接？ （3）如何为自己的邮箱创建电子邮件链接？
网页设计与制作电子教案上课讲义
