网页设计教案1.docx
《网页设计教案1.docx》由会员分享，可在线阅读，更多相关《网页设计教案1.docx（15页珍藏版）》请在冰豆网上搜索。
网页设计教案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
教
学
目
的
使学生理解并掌握网页中的表单处理，了解ASSETLIBRARY和模板的使用
教学
重点
及
突出
方法
网页中的表单处理，实例讲解
教学
难点
及
突破
方法
网页中的表单处理，实例讲解
相关
内容
素材
多媒体计算机房，示例图片
教
学
过
程
教师授课思路、设问及讲解要点
一、表单（掌握）
1、表单应用
2、上机练习
二、Asset、Library与Template（理解）
1、Asset控制面板
2、模板（Template）的应用
3、库（Library）的应用
4、上机练习
教
学
后
记
章节
第七章：
网站制作
课时
3
教
学
目
的
使学生掌握一个完整网站的总体设计制作方法，能够独立的完成网站制作。
教学
重点
及
突出
方法
确定网站的主题与风格，收集制作网站所需的资料，建立主页与子页面的超连接，实例讲解。
教学
难点
及
突破
方法
建立主页与子页面的超连接，实例讲解。
相关
内容
素材
多媒体计算机房，示例图片
教
学
过
程
教师授课思路、设问及讲解要点
1、为创建站点收集资料
2、指定本地站点和远程站点
3、制作主页面
4、鼠标经过导航栏的制作
5、子页面的制作与超链接的设置
6、在子页面中进行链接
7、利用SITE窗发布WEB
教
学
后
记
通过实例制作一个完整网站让学生了解制作完整网站的过程，并在制作中逐渐完善制作，使学生具有独立制作网站的能力。
章节
第八章：
Fireworks4基础入门;绘制网页基本元件、网页处理;超链接、大图切割与转存的设置
课时
3
教
学
目
的
使学生掌握FIREWORKS基础知识，能够利用该软件进行网页基本元件的编辑，掌握FIREWORKS中的网页处理概念及在该软件中进行超链接设置的方法，了解自动化处理的方法
教学
重点
及
突出
方法
网页中基本元素编辑，软件中超链接处理的方法，实例讲解
教学
难点
及
突破
方法
网页中基本元素编辑，实例讲解
相关
内容
素材
多媒体计算机房，示例图片
教
学
过
程
教师授课思路、设问及讲解要点
一、Fireworks4基础入门
1 操作环境介绍
2 绘图工具与图像来源
3 图像优化处理
4动画处理
5 自动化快速处理
6 Fireworks4与HTML的兼容性
7 上机练习
二、绘制网页基本元件
1、绘图环境
2、建立基本绘图物件
3、定义网页物件颜色
4、编辑点阵式图像
5、编辑文字物件
6、编辑矢量物件
7、上机练习
三、网页处理
1、网页特效工具
2、GIF动画制作
3、Fireworks4特效与外挂程序Xtras
4、优化图像处理
5、上机练习
四、超链接、大图切割与转存的设置
1、网页中的超链接设置
2、图像切割处理
3、图像文件转存与设置
4、优化图像处理
5、上机练习
教
学
后
记
章节
第九章：
FlashMX:
Flash基础入门
课时
3
教
学
目
的
使学生掌握FLASH的基础知识，理解元件和时间轴的概念及帧的概念
教学
重点
及
突出
方法
理解元件和时间轴的概念及帧的概念，实例演示
教学
难点
及
突破
方法
解元件和时间轴的概念及帧的概念，实例演示
相关
内容
素材
多媒体计算机房，示例图片
教
学
过
程
教师授课思路、设问及讲解要点
一、Flash基础入门
1、 Flash的工作界面
2、 选项板
3、 上机练习
教
学
后
记
章节
第十章：
FlashMX:
动画制作
课时
3
教
学
目
的
理解并掌握FLASH中基本动画的制作，掌握集中动画效果和基本ACTION的设定和制作
教学
重点
及
突出
方法
理解并掌握FLASH中基本动画的制作，掌握集中动画效果和基本ACTION的设定和制作（实例讲解）
教学
难点
及
突破
方法
理解并掌握FLASH中基本动画的制作，掌握集中动画效果和基本ACTION的设定和制作（实例讲解）
相关
内容
素材
多媒体计算机房，示例图片
教
学
过
程
教师授课思路、设问及讲解要点
二、动画制作
1、动画实例—跃动的色彩
2、动画实例—探照灯
3、动画实例—动态按钮
4、上机练习
教
学
后
记
升级会员 