网页设计教案1

网页设计 课程

教 案

课程编号：

总学时： 周学时： 适用年级专业（学科类）： 开课时间：

使用教材：《网页制作三合一实用教程》 授课教师姓名：

章节 第一章：DreamweaverMX：Dreamweaver准备知识；网站与首页设置 课时 3 教 学 目 的 使学生掌握网页制作的基础知识，理解HTML语言基础，掌握在DREAMWAVER软件出进行文字和页面编排的基础 网站首页的设置（实例讲解） 教学 重点 及 突出 方法 教学 难点 网站首页的编排（实例讲解） 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、Dreamweaver准备知识 1、操作环境介绍 2、网页名词释意 3、网页设计硬件需求 4、网页设计适用软件 二、网站与首页设置 1、剖析网站的发展过程 教 学 过 程 2、网站的存放位置 3、制作网站企划 4、设置网站 5、设置首页 6、上机练习 教 学 后 记 使学生掌握网页制作的基础知识，理解HTML语言基础，掌握在DREAMWAVER软件出进行文字和页面编排的基础。

章节 第二章：DreamweaverMX：置入文字与格式文字； 课时 3 教 学 目 的 使学生理解网页中导入图形和其他文件的方法，能够在网页中导入图形和其他文件。 1. 网页中图象的特点 教学 重点 2. 网页中图形命名的特点 及 3. 网页中导入图形和其他文件的方法 突出 方法 教学 难点 网页中导入图形和其他文件的方法（实例讲解） 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、置入文字与格式文字(掌握) 1、置入文字 2、文字的基本属性 3、使用水平分割线 4、html文字样式 5、css文字样式 6、上机练习 教 学 过 程 二、网页影像处理（理解） 1、网页影像基本知识 2、置入图像 3、设置网页底图 4、置入网页描图纸 5、置入交换式影像 6、置入导航条 7、上机练习 教 学 后 记 使学生理解网页中导入图形和其他文件的方法，能够在网页中导入图形和其他文件。

章节 第三章：网页影像处理； 课时 3 教 学 目 的 使学生理解网页排版的要求，能够进行网页内和网页间的超链接的设施。 网页超链接的设置，网页间相对绝对地址的设置 教学 重点 及 突出 方法 网页间相对与绝对地址的设置，实例讲解 教学 难点 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、网页排版技术 1、表格 2、配置式表格 3、Layer的应用 4、页宽（Frame）排版技术 5、上机练习 二、网页超链接 教 学 过 程 1、网页超链接 2、上机练习 教 学 后 记 使学生理解网页排版的要求，能够进行网页内和网页间的超链接的设施。

章节 第四张、DreamweaverMX：网页排版技术； 课时 3 教 学 目 的 使学生理解网页排版的要求，能够制作较为成熟的网页布局。 网页排版的的要点，整体网站的统一。 教学 重点 及 突出 方法 网页排版的的要点网页排版的的要点以实例讲解为主要教学 难点 方法。 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、网页排版技术 1、表格 2、配置式表格 3、Layer的应用 4、页宽（Frame）排版技术 5、网站风格统一 5、上机练习 教 学 过 程 教 学 后 记

章节 第五章、网页超链接 课时 3 教 学 目 的 使学生能够进行网页内和网页间的超链接的设施 网页超链接的设置，网页间相对绝对地址的设置、实例教学 重点 讲解 及 突出 方法 网页间相对绝对地址的设置，实例讲解 教学 难点 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 教 学 过 程 使学生能够进行网页内和网页间的超链接的设施。

章节 第六章：DreamweaverMX：表单；Asset、Library与Template 课时 3 教 学 目 的 使学生理解并掌握网页中的表单处理，了解ASSET LIBRARY和模板的使用 网页中的表单处理，实例讲解 教学 重点 及 突出 方法 教学 难点 网页中的表单处理，实例讲解 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、表单(掌握) 1、表单应用 2、上机练习 二、Asset、Library与Template（理解） 1、Asset控制面板 2、模板（Template）的应用 3、库（Library）的应用 教 学 过 程 4、上机练习 教 学 后 记

章节 第七章：网站制作 课时 3 教 学 目 的 使学生掌握一个完整网站的总体设计制作方法，能够独立的完成网站制作。 确定网站的主题与风格，收集制作网站所需的资料，建教学 重点 立主页与子页面的超连接，实例讲解。 及 突出 方法 建立主页与子页面的超连接，实例讲解。 教学 难点 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 1、 为创建站点收集资料 2、 指定本地站点和远程站点 3、 制作主页面 4、 鼠标经过导航栏的制作 5、 子页面的制作与超链接的设置 6、 在子页面中进行链接 7、 利用SITE窗发布WEB 教 学 过 程 教 学 后 记 通过实例制作一个完整网站让学生了解制作完整网站的过程，并在制作中逐渐完善制作，使学生具有独立制作网站的能力。

章节 第八章：Fireworks 4基础入门 ; 绘制网页基本元件、网页处理; 超链接、大图切割与转存的设置 课时 3 教 学 目 的 使学生掌握FIREWORKS基础知识，能够利用该软件进行网页基本元件的编辑，掌握FIREWORKS中的网页处理概念及在该软件中进行超链接设置的方法，了解自动化处理的方法 网页中基本元素编辑，软件中超链接处理的方法，实例教学 重点 讲解 及 突出 方法 教学 难点 网页中基本元素编辑，实例讲解 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、Fireworks 4基础入门 1 2 3 操作环境介绍 绘图工具与图像来源 图像优化处理 4 动画处理 5 6 7 自动化快速处理 Fireworks 4与HTML的兼容性 上机练习 二、绘制网页基本元件 教 学 过 程 1、绘图环境 2、建立基本绘图物件 3、定义网页物件颜色 4、编辑点阵式图像 5、编辑文字物件 6、编辑矢量物件 7、上机练习 三、 网页处理 1、网页特效工具 2、GIF动画制作 3、Fireworks 4特效与外挂程序Xtras 4、优化图像处理 5、上机练习 四、超链接、大图切割与转存的设置 1、网页中的超链接设置 2、图像切割处理 3、图像文件转存与设置 4、优化图像处理 5、上机练习 教 学 后 记 章节 第九章：Flash MX: Flash基础入门 课时 3 教 学 目 的 使学生掌握FLASH的基础知识，理解元件和时间轴的概念及帧的概念 理解元件和时间轴的概念及帧的概念，实例演示 教学 重点 及 突出 方法 教学 难点 解元件和时间轴的概念及帧的概念，实例演示 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 一、Flash基础入门 1、 Flash 的工作界面 2、 选项板 3、 上机练习 教 学 过 程 教 学 后 记

章节 第十章：Flash MX: 动画制作 课时 3 教 学 目 的 理解并掌握FLASH中基本动画的制作，掌握集中动画效果和基本ACTION的设定和制作 理解并掌握FLASH中基本动画的制作，掌握集中动画效教学 重点 果和基本ACTION的设定和制作（实例讲解） 及 突出 方法 理解并掌握FLASH中基本动画的制作，掌握集中动画效教学 难点 果和基本ACTION的设定和制作（实例讲解） 及 突破 方法 相关 内容 素材 多媒体计算机房，示例图片 教师授课思路、设问及讲解要点 二、动画制作 1、动画实例—跃动的色彩 2、动画实例—探照灯 3、动画实例—动态按钮 4、上机练习 教 学 过 程 教 学 后 记