网页三剑客教学大纲.docx

1、网页三剑客教学大纲成都农业科技职业学院网页三剑客教学大纲（图形图像制作专业适用）成都农业科技职业学院电子信息系2008年1月一、 课程性质和任务该课程是我院图形图像制作专业重要的专业必修课程。学习本课程的目的是熟练应用 Dreamweaver，fireworks,flash等网页制作工具，掌握网页制作技能。本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用Dreamweaver等工具提供的强大的功能制作出精美的网站。二、课程教学目标【知识教育目标】1了解并掌

2、握网页制作相关概念。2了解并掌握网页设计制作的原则和步骤。【能力教育目标】1 熟练应用 Dreamweaver，firworks,flash，掌握网页制作技能。2 熟练使用Dreamweaver操作环境，掌握HTML的语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站。【思想教育目标】1 坚持理论与艺术实践相结合，做到深入浅出，通俗易懂、生动活泼。2 把握设计教学的特点，坚持以设计带动软件的学习，努力消除教学中的僵化思想。3加强对学生审美能力的培养，使得艺术与技术并重。三、教学内容和要求第一章 网页制作基础知识和DREAMWEAVER软件基础【教学要

3、求】理解网页制作基础知识和Dreamweaver 软件基础知识；掌握Dreamweaver的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法。【教学内容】知识部分1网页浏览基本原理2网页制作的工具和发展3 HTML 基础知识4 Dreamweaver 基础操作技能部分建立和编辑站点第二章 建立和管理站点【教学要求】 掌握站点的建立和管理；了解建立站点的必要性，掌握如何规划站点；掌握创建Web站点的基本方法与步骤，并能够管理站点。【教学内容】知识部分1准备建站素材2规划站点结构3 建立站点4 管理站点技能部分站点结构实例剖析第三章 设置网页布局和处理表格【教学要求】掌握网页布局和处

4、理表格的设置。掌握表格的创建、结构调整与美化方法；熟悉表格与单元格的主要属性及其设置方法；掌握通过表格来进行网页页面的布局方法。【教学内容】知识部分1绘制网页布局2使用辅助设计手段3调整布局表格和布局单元格4新建表格5操作表格和单元格6设置表格和单元格的属性技能部分建立表格并设计其属性第四章 添加图像【教学要求】掌握图像的添加。要求熟练掌握在网页中插入、调整图像的方法；掌握利用图像映射;在一幅图像中创建多个热点，从而实现多个超级链接。【教学内容】知识部分1了解图像分类及其特点2在网页中添加图像3设置图像属性4创建图像的变换效果5 编辑图像技能部分添加、编辑图象第五章 创建超级链接【教学要求】理

5、解站点和链接的概念； 熟练掌握制作超级链接、E-mail链接、书签等形式的超级链接。【教学内容】知识部分1 给文本和图像添加超级链接2 添加邮件链接3 制作书签链接4 使用无址链接和脚本链接5 管理站点链接资源技能部分在文档中建立超链接第六章 使用文本样式设计【教学要求】能使用文本样式进行设计；了解CSS 样式定义；了解CSS 样式定义的选项。学会使用CSS样式和HTML样式控制文本块或段落的外观。【教学内容】知识部分1重定义HTML 标签2修改组合样式3导出样式表文件4链接外部样式表文件6 解决样式冲突技能部分创建和应用自定义CSS 样式第七章 建立框架页【教学要求】能够建立框架网页；理解框

6、架网页的基本原理。了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。【教学内容】知识部分1新建框架网页2增加、调整和删除框架3保存框架和框架集中的文件4使用框架面板5修改框架属性6设置框架组的属性7通过超级链接控制框架显示的内容8创建无框架内容技能部分通过框架技术建立网页。第八章 添加表单元素【教学要求】掌握Dreamweaver中表单的建立与提交，能区分表单域和文本域【教学内容】知识部分1表单组成元素2.表单的建立3.表单的提交第九章 插入多媒体元素【教学要求】掌握在页面中插入多媒体元素的方法。【教学内容】知识部分1在网

7、页中添加Flash 元素2应用 ActiveX 控件3应用 Plug in 插件4使用 Java Applet5在网页中添加视频6给网页添加音效技能部分在页面中添加学过的多媒体控件。第十章 添加层【教学要求】理解DHTML 和层对象的概念；掌握在页面中对层的操作方法及其属性的设置。掌握在网页中创建、修改层和嵌套层的方法；掌握层的属性和编辑层属性的方法以及如何移动、删除层。【教学内容】知识部分1在网页中添加层2操纵层3调整层的大小和位置4改变层的叠放顺序5改变层的可见性6防止层重叠7表格和层的相互转换技能部分在网页中应用层，制作拼图游戏。第十一章 应用行为创建网页的动态效果【教学要求】理解行为的

8、概念；掌握时间线的创建与调整方法，学会通过如何为时间线增加行为等方式来控制时间线的播放效果；掌握利用附加行为制作交互性动态网页的方法。【教学内容】知识部分1给对象附加行为2修改行为的触发事件3使用Dreamweaver 自带行为创建特殊网页效果4Dreamweaver 内置动作解释技能部分在网页中，为对象附加行为，并修改其触发事件。第十二章 使用模板和库项目【教学要求】掌握Dreamweaver中模板与库元素、布局表格与布局单元格的概念与作用；了解模板的固定区域与可编辑区域的区别和用途；了解更改模板或库元素对使用选定的模板或包含选定库元素的网页的影响；学会利用布局表格和布局单元格设计网页的整体

9、布局，学会通过模板和库元素创建网页的方法。【教学内容】知识部分1创建站点网页模板2使用资源面板管理模板3基于模板生成新网页4编辑被应用模板的网页5将文档从模板中分离出来6使用库项目技能部分在网页中应用库与模板第十三章 网页图形图像基础知识和Fireworks8软件基础【教学要求】1、网页图形图像格式和应用；2、掌握Fireworks8软件的操作基础。【教学内容】知识部分1、矢量图形和位图图像的概念和区别； 2、常用图像格式及其特点；3、网页中图形图像的应用；4、Fireworks8软件基础；5、简单的网页图像处理流程。技能部分1、了解Fireworks8的工作环境；2、学会在Fireworks

10、8文档创建中使用标尺、网格和辅助线等布局工具；3、了解矢量图形和位图图像在Fireworks 8文档中的使用技巧；4、了解元件的概念，知道使用元件；5、了解网页中图形图像的具体应用。第十四章 位图图像编辑【教学要求】1、 掌握Fireworks 8中修饰位图图像；2、 选取图像区域、使用Fireworks8内置的图像修饰工具【教学内容】知识部分1、编辑模式概述；2、选取图像区域的方法；3、修饰位图的各种工具；4、复合对象的设置。技能部分1、学会在Fireworks8中处理位图，掌握Fireworks 8的位图处理工具的使用；2、利用Fireworks 8的位图处理工具创建位图的方法。3、 “修

11、改”菜单的使用方法；4、通过创建复制对象对象产生阴影效果的方法和技巧。第十五章 网页布局绘图【教学要求】 掌握在Fireworks 8中绘制网页布局的要点和技巧【教学内容】知识部分1、网页布局的主要原则；2、使用Fireworks 8绘制网页布局技能部分1、规划网页元素的方法；2、按钮的创建方法以及利用按钮布局站点导航；3、利用Fireworks 8的各种工具和特效绘制网页布局。第十六章 网络动画基础与Flash软件基础【教学要求】1. 了解Flash动画的原理、特点和应用2. 了解Flash8创作的一般流程3. 了解Flash 8开发环境【教学内容】知识部分1 网络动画的分类和特点2 创建F

12、lash动画的基本流程3 Flash软件基础技能部分熟悉Flash界面第十七章 FLASH动画制作【教学要求】1 了解Flash动画的原理、特点和应用2 了解Flash动画几种基本类型3 了解补间动画，引导动画，遮罩动画的原理及制作方法4 掌握FLASH动画在网页中的运用【教学内容】知识部分1 形状渐变动画的变化特征2 添加帧和关键帧3 制作形状渐变动画4 运动渐变动画的变化特征5 创建运动渐变动画6 通过时间轴特效快速创建动画7 关于对象的转换操作8 创建遮罩动画技能部分1 掌握形状渐变动画的控制方法 2 掌握运动渐变动画的控制方法3 掌握遮罩动画的控制方法第十八章 测试和发布站点【教学要求

13、】 掌握对浏览器的兼容性测试；学会发布做好的站点并定期对其进行维护和更新。【教学内容】知识部分1预览页面效果2浏览器兼容性测试3使用Dreamweaver 发布站点4维护和更新站点技能部分对做好网站进行浏览器兼容性测试，并发布之。四、基本技能训练、实验与教学实习基本技能训练项目序号项目名称学时1建立本地站点22新建HTML页，并设置网页属性23绘制网页布局24添加和编辑图像25给文本和图像添加超链接26在网页中添加样式27在网页中添加Flash元素28创建和编辑框架页29创建和编辑表单210创建和编辑模板211添加和操纵层212用firerowks进行WEB广告设计213切片和热区214补间动

14、画的制作215遮罩动画的制作216制作FALSH按钮2实验项目 序号项目名称学时1行为的应用22个人网站的制作4五、学时分配表教学内容学时分配教学实习（周）机动总学时讲授讨论与练习基本技能训练与实验网页制作基础知识和DREAMWEAVER软件基础422建立和管理站点422设置网页布局和处理表格422添加图像422创建超级链接422使用文本样式设计422建立框架页422添加表单元素422插入多媒体元素422添加层422应用行为创建网页的动态效果422使用模板和库项目22网页图形图像基础知识和Fireworks软件基础22位图图像编辑422网页布局绘图422网络动画基础与Flash软件基础22FL

15、ASH动画制作624测试和发布站点826总计723636六、说明【大纲依据】本大纲依据教育部关于加强高职高专教育人才培养工作的意见精神和成都农业科技职业学院计算机应用专业教学计划的要求制定。【大纲适用范围】本大纲适用于图形图像制作专业三年制高职，两年制高职和初中五年制高职可参照实行。【大纲使用建议】1、本课程共72学时，其中讲授36时，基本技能实验和实验36学时。可根据教学的需要和实际情况进行适当的调整。2、本课程介绍了网页制作的基本概念和术语，以及设计和编写网页的基本知识。3、学习Dreamweaver课程需要将理论和实践结合起来，通过课堂学习了解理论知识，通过实验课程巩固和实践理论知识。4、考核评价：本课程是图形图像制作专业考试课，学生成绩由考勤，平时作业，半期考试，实践教学，期末考试等部分构成。