网页三剑客教学大纲.docx
《网页三剑客教学大纲.docx》由会员分享，可在线阅读，更多相关《网页三剑客教学大纲.docx（14页珍藏版）》请在冰豆网上搜索。
网页三剑客教学大纲
成都农业科技职业学院
网页三剑客教学大纲
（图形图像制作专业适用）
成都农业科技职业学院电子信息系
2008年1月
一、课程性质和任务
该课程是我院图形图像制作专业重要的专业必修课程。
学习本课程的目的是熟练应用Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。
本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。
通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。
二、课程教学目标
【知识教育目标】
1．了解并掌握网页制作相关概念。
2．了解并掌握网页设计制作的原则和步骤。
【能力教育目标】
1．熟练应用Dreamweaver，firworks,flash，掌握网页制作技能。
2．熟练使用Dreamweaver操作环境，掌握HTML的语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站。
【思想教育目标】
1．坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。
2．把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。
3．加强对学生审美能力的培养，使得艺术与技术并重。
三、教学内容和要求
第一章网页制作基础知识和DREAMWEAVER软件基础
【教学要求】
理解网页制作基础知识和Dreamweaver软件基础知识；掌握Dreamweaver的使用界面
中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法。
【教学内容】
●知识部分●
1．网页浏览基本原理
2．网页制作的工具和发展
3．HTML基础知识
4．Dreamweaver基础操作
●技能部分●
建立和编辑站点
第二章建立和管理站点
【教学要求】
掌握站点的建立和管理；了解建立站点的必要性，掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点。
【教学内容】
●知识部分●
1．准备建站素材
2．规划站点结构
3．建立站点
4．管理站点
●技能部分●
站点结构实例剖析
第三章设置网页布局和处理表格
【教学要求】
掌握网页布局和处理表格的设置。
掌握表格的创建、结构调整与美化方法；熟悉表格与
单元格的主要属性及其设置方法；掌握通过表格来进行网页页面的布局方法。
【教学内容】
●知识部分●
1．绘制网页布局
2．使用辅助设计手段
3．调整布局表格和布局单元格
4．新建表格
5．操作表格和单元格
6．设置表格和单元格的属性
●技能部分●
建立表格并设计其属性
第四章添加图像
【教学要求】
掌握图像的添加。
要求熟练掌握在网页中插入、调整图像的方法； 掌握利用图像映射;
在一幅图像中创建多个热点，从而实现多个超级链接。
【教学内容】
●知识部分●
1．了解图像分类及其特点
2．在网页中添加图像
3．设置图像属性
4．创建图像的变换效果
5．编辑图像
●技能部分●
添加、编辑图象
第五章创建超级链接
【教学要求】
理解站点和链接的概念； 熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接。
【教学内容】
●知识部分●
1．给文本和图像添加超级链接
2．添加邮件链接
3．制作书签链接
4．使用无址链接和脚本链接
5．管理站点链接资源
●技能部分●
在文档中建立超链接
第六章使用文本样式设计
【教学要求】
能使用文本样式进行设计；了解CSS样式定义；了解CSS样式定义的选项。
学会使用CSS样式和HTML样式控制文本块或段落的外观。
【教学内容】
●知识部分●
1．重定义HTML标签
2．修改组合样式
3．导出样式表文件
4．链接外部样式表文件
6．解决样式冲突
●技能部分●
创建和应用自定义CSS样式
第七章建立框架页
【教学要求】
能够建立框架网页；理解框架网页的基本原理。
了解框架网页与普通网页之间的区别与
联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。
【教学内容】
●知识部分●
1．新建框架网页
2．增加、调整和删除框架
3．保存框架和框架集中的文件
4．使用框架面板
5．修改框架属性
6．设置框架组的属性
7．通过超级链接控制框架显示的内容
8．创建无框架内容
●技能部分●
通过框架技术建立网页。
第八章添加表单元素
【教学要求】
掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域
【教学内容】
●知识部分●
1．表单组成元素
2.表单的建立
3.表单的提交
第九章插入多媒体元素
【教学要求】
掌握在页面中插入多媒体元素的方法。
【教学内容】
●知识部分●
1．在网页中添加Flash元素
2．应用ActiveX控件
3．应用Plugin插件
4．使用JavaApplet
5．在网页中添加视频
6．给网页添加音效
●技能部分●
在页面中添加学过的多媒体控件。
第十章添加层
【教学要求】
理解DHTML和层对象的概念；掌握在页面中对层的操作方法及其属性的设置。
掌握在网页中创建、修改层和嵌套层的方法；掌握层的属性和编辑层属性的方法以及如何移动、删除层。
【教学内容】
●知识部分●
1．在网页中添加层
2．操纵层
3．调整层的大小和位置
4．改变层的叠放顺序
5．改变层的可见性
6．防止层重叠
7．表格和层的相互转换
●技能部分●
在网页中应用层，制作拼图游戏。
第十一章应用行为创建网页的动态效果
【教学要求】
理解行为的概念；掌握时间线的创建与调整方法，学会通过如何为时间线增加行为等方式来控制时间线的播放效果；掌握利用附加行为制作交互性动态网页的方法。
【教学内容】
●知识部分●
1．给对象附加行为
2．修改行为的触发事件
3．使用Dreamweaver自带行为创建特殊网页效果
4．Dreamweaver内置动作解释
●技能部分●
在网页中，为对象附加行为，并修改其触发事件。
第十二章使用模板和库项目
【教学要求】
掌握Dreamweaver中模板与库元素、布局表格与布局单元格的概念与作用；了解模板
的固定区域与可编辑区域的区别和用途；了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；学会利用布局表格和布局单元格设计网页的整体布局，学会通过模板和库元素创建网页的方法。
【教学内容】
●知识部分●
1．创建站点网页模板
2．使用资源面板管理模板
3．基于模板生成新网页
4．编辑被应用模板的网页
5．将文档从模板中分离出来
6．使用库项目
●技能部分●
在网页中应用库与模板
第十三章网页图形图像基础知识和Fireworks8软件基础
【教学要求】
1、网页图形图像格式和应用；
2、掌握Fireworks8软件的操作基础。
【教学内容】
●知识部分●
1、矢量图形和位图图像的概念和区别；
2、常用图像格式及其特点；
3、网页中图形图像的应用；
4、Fireworks8软件基础；
5、简单的网页图像处理流程。
●技能部分●
1、了解Fireworks8的工作环境；
2、学会在Fireworks8文档创建中使用标尺、网格和辅助线等布局工具；
3、了解矢量图形和位图图像在Fireworks8文档中的使用技巧；
4、了解元件的概念，知道使用元件；
5、了解网页中图形图像的具体应用。
第十四章位图图像编辑
【教学要求】
1、掌握Fireworks8中修饰位图图像；
2、选取图像区域、使用Fireworks8内置的图像修饰工具
【教学内容】
●知识部分●
1、编辑模式概述；
2、选取图像区域的方法；
3、修饰位图的各种工具；
4、复合对象的设置。
●技能部分●
1、学会在Fireworks8中处理位图，掌握Fireworks8的位图处理工具的使用；
2、利用Fireworks8的位图处理工具创建位图的方法。
3、“修改”菜单的使用方法；
4、通过创建复制对象对象产生阴影效果的方法和技巧。
第十五章网页布局绘图
【教学要求】
掌握在Fireworks8中绘制网页布局的要点和技巧
【教学内容】
●知识部分●
1、网页布局的主要原则；
2、使用Fireworks8绘制网页布局
●技能部分●
1、规划网页元素的方法；
2、按钮的创建方法以及利用按钮布局站点导航；
3、利用Fireworks8的各种工具和特效绘制网页布局。
第十六章网络动画基础与Flash软件基础
【教学要求】
1.了解Flash动画的原理、特点和应用
2.了解Flash8创作的一般流程
3.了解Flash8开发环境
【教学内容】
●知识部分●
1．网络动画的分类和特点
2．创建Flash动画的基本流程
3．Flash软件基础
●技能部分●
熟悉Flash界面
第十七章FLASH动画制作
【教学要求】
1．了解Flash动画的原理、特点和应用
2．了解Flash动画几种基本类型
3．了解补间动画，引导动画，遮罩动画的原理及制作方法
4．掌握FLASH动画在网页中的运用
【教学内容】
●知识部分●
1．形状渐变动画的变化特征
2．添加帧和关键帧
3．制作形状渐变动画
4．运动渐变动画的变化特征
5．创建运动渐变动画
6．通过时间轴特效快速创建动画
7．关于对象的转换操作
8．创建遮罩动画
●技能部分●
1．掌握形状渐变动画的控制方法
2．掌握运动渐变动画的控制方法
3．掌握遮罩动画的控制方法
第十八章测试和发布站点
【教学要求】
掌握对浏览器的兼容性测试；学会发布做好的站点并定期对其进行维护和更新。
【教学内容】
●知识部分●
1．预览页面效果
2．浏览器兼容性测试
3．使用Dreamweaver发布站点
4．维护和更新站点
●技能部分●
对做好网站进行浏览器兼容性测试，并发布之。
四、基本技能训练、实验与教学实习
基本技能训练项目
序号
项目名称
学时
1
建立本地站点
2
2
新建HTML页，并设置网页属性
2
3
绘制网页布局
2
4
添加和编辑图像
2
5
给文本和图像添加超链接
2
6
在网页中添加样式
2
7
在网页中添加Flash元素
2
8
创建和编辑框架页
2
9
创建和编辑表单
2
10
创建和编辑模板
2
11
添加和操纵层
2
12
用firerowks进行WEB广告设计
2
13
切片和热区
2
14
补间动画的制作
2
15
遮罩动画的制作
2
16
制作FALSH按钮
2
实验项目
序号
项目名称
学时
1
行为的应用
2
2
个人网站的制作
4
五、学时分配表
教学内容
学时分配
教学实习（周）
机动
总学时
讲授
讨论与练习
基本技能训练与实验
网页制作基础知识和DREAMWEAVER软件基础
4
2
2
建立和管理站点
4
2
2
设置网页布局和处理表格
4
2
2
添加图像
4
2
2
创建超级链接
4
2
2
使用文本样式设计
4
2
2
建立框架页
4
2
2
添加表单元素
4
2
2
插入多媒体元素
4
2
2
添加层
4
2
2
应用行为创建网页的动态效果
4
2
2
使用模板和库项目
2
2
网页图形图像基础知识和Fireworks软件基础
2
2
位图图像编辑
4
2
2
网页布局绘图
4
2
2
网络动画基础与Flash软件基础
2
2
FLASH动画制作
6
2
4
测试和发布站点
8
2
6
总计
72
36
36
六、说明
【大纲依据】
本大纲依据教育部《关于加强高职高专教育人才培养工作的意见》精神和《成都农业科技职业学院计算机应用专业教学计划》的要求制定。
【大纲适用范围】
本大纲适用于图形图像制作专业三年制高职，两年制高职和初中五年制高职可参照实行。
【大纲使用建议】
1、本课程共72学时，其中讲授36时，基本技能实验和实验36学时。
可根据教学的需要和实际情况进行适当的调整。
2、本课程介绍了网页制作的基本概念和术语，以及设计和编写网页的基本知识。
3、学习Dreamweaver课程需要将理论和实践结合起来，通过课堂学习了解理论知识，通过实验课程巩固和实践理论知识。
4、考核评价：
本课程是图形图像制作专业考试课，学生成绩由考勤，平时作业，半期考试，实践教学，期末考试等部分构成。
升级会员 