双击自动滚屏/单击停止
《网页设计与制作》课程教学大纲
——高职计算机应用专业
字号：[大 [大 中 小]
第一部分 大纲说明 第二部分 教程总体设计方案 第三部分 教学内容和教学要求
Ⅰ. 网页图形图像制作——Fireworks
Ⅱ. 动画制作——Flash
Ⅲ. 网站建立与网页制作——Dreamweaver
第一部分 大纲说明
顶部
《网页设计与制作》课程是高职计算机专业的必修专业课程。本课程主要的任务是讲授网页设计与制作的基本知识、网页制作工具的使用方法、网页设计技术的综合应用以及网站建立与管理等的实用技术。
教学目标：
1.掌握图形图像设计与制作方法。使用Fireworks进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。
2．掌握多媒体动画制作方法。使用 Flash 绘制矢量图与位图、对图形图像进行编辑处理、制作各种动画、声音的导入与设置、视频的嵌入与控制、使用动作脚本建立交互式动画、电影的优化与发布。
3 掌握网站建立与网页设计与制作方法。使用Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站；掌握网页制作的各种方法和技巧:如文本处理、图象处理、超链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
本课程的教学目的是使学习者全面掌握网站建立、管理与发布的全过程以及网页设计与制作的常用技术和方法。能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页；能够建立、管理与发布网站。应用网站与网页技术传授知识、传播信息。以适应现代社会对网络技术人才的需要。
第二部分《网页设计与制作》课程总体设计方案
顶部
一．教材
《网页设计与制作教程》(新世纪高职高专实用规划教材)，傅连仲 杨小劲 张明学 主编 清华大学出版社，2006 第1版
多媒体网络教学课件：《网页设计与制作— Dreamweaver、 Fireworks、 Flash教程网站》
包括两个教学网站：
『课堂教学网站』
『网络自学网站』
（已发布于教师机服务器上）
二．教学环节
1．课堂讲授：
在多媒体电子教室授课，将教案及其它教学资源发布于教师机上，在讲授课程时用声音、文字、图形、图像等多媒体信息立体地表现课程知识，便于学生更为顺利地理解掌握教学内容，提高教学效率。
2. 网络自学
由于课时有限，教学资源有限，所以仅靠课堂教学远远不够。为此我们建立了自学网站，要求学生课后通过上网访问自学网站，通过浏览阅读网页、观看演示动画、自主操作练习等环节实现课堂面授的教学功能，拓宽课程教学的时间与空间，建立起通过网络自学辅学计算机课程的教学途径。
３.上机实践
根据每次课程的知识点设计上机练习及作业样本，指导并监督学生通过上机制作、完成指定的网站或网页，从而培养学生的创造性与实际操作能力。
４.单元自测：
要求学生在完成每个单元的学习后，通过访问课程网站进行在线测试，测试系统进行自动评判并给出答案或试题分析。通过测试使学生复习并掌握各个单元的知识点。
５．考核
采用平时考核与期末考核相结合方法。
·平时考核：教师通过电子教室教师机对学生每次上机练习所制作的网站或网页进行访问，并评定作业成绩。
·期末考核：考核学生掌握网页制作的基础知识以及制作网站的实际操作能力。考核方法，采用在电子教室上机考试的方法。要求学生在指定时间内制作出包括课程主要知识点的综合性网站。
总评成绩计算比例：期末考核成绩 60% ，平时作业考核成绩 40% 。
第三部分 教学内容与课时分配
顶部
Ⅰ. 网页图形图像制作——Fireworks 教程 （共20学时）
顶部
第一章 Fireworks 基础 （1学时）
教学内容
第一节 Fireworks 主要功能与工作流程
第二节 Fireworks 中文版的安装与启动
第三节 Fireworks 中文版工作界面
教学要求：
学习与掌握Fireworks 中文版的主要功能与特点；使用Firewoks处理网页图形图像的工作流程以及Fireworks 的工作界面。
第二章 Fireworks 文档操作（1学时）
教学内容
第一节 创建新文档
第二节 打开与导入文档
第三节 查看与浏览文档
第四节 修改画布
第五节 导出文档
第六节 保存文档
教学要求：
学习与掌握Fireworks 中的各种文档操作方法。内容包括：新建文档、打开文档；在文档中导入图片；调整图象的显示比例或使用标尺、引导线和网格等辅助工具查看文档；对画布进行各种修改；对制作完成的图象进行格式等设置并导出为网页图象；保存文档。
第三章 绘制矢量图形（2学时）
教学内容
第一节 矢量图与位图
第二节 绘制矢量路径
第三节 绘制矢量形状
第四节 绘制自动形状
第五节 应用笔触
第六节 应用填充
教学要求：
学习和掌握使用Fireworks提供的工具制作各种矢量图形。包括绘制直线、曲线、自由路径等各种矢量路径；绘制矩形、椭圆、多边形、星形以及其它特定的几何形状、智能形状；学习如何为矢量图形选择与设置各种笔触与填充。
第四章 图像编辑（2学时）
教学内容
第一节 选择对象
第二节 修改矢量路径
第三节 组合矢量路径
第四节 移动、复制与删除对象
第五节 变形对象
第六节 组织对象
教学要求：
学习与掌握：选择对象方法；调整、修改矢量路径方法；组合多个矢量图形以创建新的矢量图形方法；移动、复制与删除图形图像方法； 对图形进行缩放、倾斜、扭曲、旋转等变形处理方法以及使用组合、排列、对齐等方法来组织对象的方法。
第五章 文字制作（2学时）
教学内容
第一节 添加新字体
第二节 输入与编辑文本
第三节 对文字应用笔触,填充,效果和样式
第四节 文字路径
教学要求：
学习Fireworks的文字编辑与文本制作方法。内容包括：创建文字、设置字体和字号,字距,行距,色彩,基线等文字属性；对文字使用笔触,填充；对文字应用各种效果与样式；将文字附加在路径上。
第六章 位图制作（2学时）
教学内容
第一节 选取像素区域
第二节 剪切图像
第三节 修饰位图
第四节 修正颜色和色调
教学要求：
学习掌握Fireworks的图像编辑与处理功能：内容包括： 选取与编辑像素区域 ；使用各种工具对位图进行修饰；使用滤镜对颜色和色调进行调整，改善和强化图象中的颜色，调整图象的对比度和亮度、色调范围、色相饱和度等
第七章 层和遮罩（2学时）
教学内容
第一节 层的使用
第二节 图形遮罩
第三节 文字遮罩
教学要求：
学习掌握Fireworks的图像编辑中常用的一些技巧：内容包括：使用层来处理与组织图象； 使用遮罩创建部分被遮掩的图像效果.
第八章 按钮制作（2学时）
教学内容
第一节 创建按钮
第二节 将按钮插入到文档中
第三节 编辑按钮
第四节 导出按钮
教学要求：
学习掌握如何使用 Fireworks的按钮编辑器制作各种形式的按钮图片以及如何在网页中使用按钮图片制作出具有交换图象功能的按钮。
第九章 动画制作（4学时）
教学内容
第一节 创建帧—帧动画
第二节 制作轮转动画
第三节 利用“图形元件”制造运动类动画
第四节 利用“动画元件”制造渐变类动画
第五节 制作遮照动画
教学要求：
学习掌握如何使用Fireworks 制作gif动画。主要内容包括创建帧—帧动画、制作轮转动画、使用“图形元件”制造运动类动画、使用“动画元件”制造渐变类动画以及制作 文字或图形遮照动画。
第十章 切片制作（2学时）
教学内容
第一节 创建切片
第二节 修改切片
第三节 导出切片
第四节 利用“动画元件”制造渐变类动画
教学要求：
学习掌握如何创建切片、修改切片以及如何将切片导出为网页。
第十一章 优化导出（2学时）
教学内容
第一节 优化
第二节 导出
第三节 导出切片
教学要求：
学习如何对图象进行优化以及如何将优化的图象导出。掌握使用Fireworks的优化功能在保持图象品质的同时，最大限度地压缩图象。
Ⅱ. 动画制作——Flash 教程（共40学时）
顶部
第一章 Flash 动画制作基础 （1学时）
教学内容
第一节 Flash 简介
第二节 Flash 基本术语
第三节 Flash 工作界面
第四节 Flash动画制作一般过程
第五节 变形对象
第六节 组织对象
教学要求：
了解Flash的主要功能与特点； 了解Flash动画制作的基本概念与常用术语； 熟悉 Flash 的工作界面。
第二章 绘图工具的使用 （3学时）
教学内容
第一节 铅笔与直线工具
第二节 椭圆与矩形工具
第三节 多边形与星形工具
第四节 钢笔工具
第五节 笔刷工具
第六节 颜料桶工具
第七节 墨水瓶工具
第八节 吸管工具
第九节 文字工具
第十节 橡皮工具
教学要求：
学习与掌握Flash 中绘图工具的功能、使用方法以及如何利用这些工具进行基本图形的绘制。
第三章 对象的编辑与变形 （2学时）
教学内容
第一节 对象的选取
第二节 对象的变形
第三节 对象的组合
第四节 对象的排列
第五节 形状修改
教学要求：
学习如何对矢量图形、位图、文字等进行修改与变形等操作。掌握选择对象、变形对象、对对象进行分割或打孔、对图形进行平滑和直化、缩放、旋转或倾斜；对对象进行组合与分离、对齐对象、修改对象形状等方法。
第四章 时间轴、帧与层 （4学时）
教学内容
第一节 时间轴的概念
第二节 帧的基本操作
第三节 层的基本操作
第四节 普通引导层
第五节 运动引导层
第六节 遮罩层
教学要求：
学习时间轴的使用方法、学习帧的插入、选择、移动、复制、 修改、删除等的操作方法；学习层的各种操作、掌握基本层、引导层与遮罩层的用途以及制作动画的方法。
第五章 元件与实例（4学时）
教学内容
第一节 库面板的操作
第二节 创建图形元件
第三节 创建按钮元件
第四节 实例的创建与修改
第五节 元件的编辑
第六节 导入外部资源
教学要求：
学习与掌握库的操作方法；学习图形元件、按钮元件、影片剪辑元件的用途以及创建、修改与使用方法；学习与掌握如何导入与使用外部资源或其它Flash文档的库资源。
第六章 动画制作 （4学时）
教学内容
第一节 逐帧动画的制作
第二节 绘图纸显示模式
第三节 补间形状动画的制作
第四节 动作补间动画的制作
第五节 使用路径控制渐变移动
第六节 遮罩动画的制作
教学要求：
学习与掌握Flash的三种基本动画：逐帧动画、形状渐变动画与动作补间动画的工作原理、应用范围与制作步骤；掌握绘图纸显示模式的使用方法；学习如何使用运动引导层控制渐变动画的移动路径以及如何制作遮罩动画。
第七章 时间轴特效（2学时）
教学内容
第一节 时间轴特效的制作步骤
第二节 时间轴特效的参数设置
第三节 时间轴特效的修改与删除
教学要求：
学习与掌握Flash 的内置时间轴特效：变形、转换、分布式复制、复制到网络、分离、展开、阴影、模糊的动画特效的制作与修改方法。
第八章 声音的导入与使用 （4学时）
教学内容
第一节 声音的导入
第二节 为影片添加声音
第三节 声音的效果设置和编辑
第四节 给按钮附加声音
第五节 声音的压缩与属性设置
第六节 Flash MTV 的制作步骤
教学要求：
掌握如何将声音文件导入到Flash中、如何在动画中加入音乐等背景声音、如何为按钮添加音效、如何对声音进行编辑与压缩以及如何对声音的播放进行选择与控制。
第九章 视频的嵌入与控制（4学时）
教学内容
第一节 Flash视频使用概述
第二节 导入视频文件
第三节 在导入时对视频进行编辑与设置
第四节 使用行为控制视频播放
教学要求：
学习与掌握如何将视频文件导入到Flash文档中；如何在导入过程中对视频文件进行修剪、创建剪辑、改变剪辑排列顺序、调整视频的颜色品质，视频的缩放比例，裁切视频，选择导入视频的对象类型、设置视频的压缩方式等；学习如何使用行为控制视频的播放与停止等。
第十章 ActionScript编程基础 （4学时）
教学内容
第一节 动作面板的使用
第二节 ActionScript的编程要素
第三节 ActionScript的语法规则
第四节 ActionScript 的应用
教学要求：
学习Flash内置的脚本编写语言ActionScript的编程基础知识。掌握程序编辑环境——动作面板的使用方法；能够通过动作面板开发与编辑ActiongScript脚本程序。了解ActionScript编程要素与ActiongScript程序的语法规则；掌握如何在Flash中为时间轴中的关键帧、按钮元件实例和影片剪辑实例等对象添加脚本指定动作。
第十一章 ActionScript常用命令（4学时）
教学内容
第一节 停止与播放命令
第二节 跳转命令
第三节 加载与卸载影片命令
第四节 屏幕控制命令
第五节 建立URL地址链接
第六节 综合举例－制作电子相册
教学要求：
学习Flash内置的脚本编写语言ActionScript 2.0中的一些常用命令；通过对ActionScript 命令的学习，掌握ActionScript命令的程序结构与编程方法，学会编制Flash程序脚本，通过程序实现交互动画。
第十二章 动画的发布与导出（4学时）
教学内容
第一节 优化Flash影片
第二节 测试Flash动画
第三节 动画发布
第四节 导出Flash
教学要求：
学习与掌握如何采取各种优化措施减少Flash动画的大小，以缩短下载Flash 影片的时间；在动画发布之前如何预览动画、测试影片在不同带宽下的下载状态；如何对Flash影片的发布文件格式、版本、影片压缩格式等进行设置；如何将Flash文件导出为所需的动画文件格式或静止图像格式。
Ⅲ. 网站建立与网页制作——Dreamweaver 教程 （共40学时）
顶部
第一章 网页制作基础（1学时）
教学内容
第一节 网页制作基本概念
第二节 网站建立与网页发布流程
第三节 Dreamweaver 操作界面
教学要求
了解网站与网页的基本概念、网站建立方式与网站设计的一般原则与方法；了解网页设计常用工具的功能与用途；熟悉 Dreamweaver 的工作界面
第二章 网站的创建、管理与发布 （2学时）
教学内容
第一节 规划网站
第二节 创建本地站点
第三节 创建远程站点
第四节 设置本地计算机为可访问服务器
教学要求
学习设计、创建网站的基本步骤；掌握使用Dreamwear 建立本地站点与远程站点的操作方法。
第三章 网页文字制作 （2学时）
教学内容
第一节 创建、保存与打开网页
第二节 输入文本
第三节 格式化文本
第四节 设置项目列表
教学要求
掌握如何创建、保存与打开网页文件；如何在网页中输入文本；如何格式化文本以及对文本进行编辑排版的常用方法。
第四章 网页图像处理 （3学时）
教学内容
第一节 Web图像的基本格式
第二节 插入图象
第三节 设置图象属性
第四节 创建鼠标经过图象
第五节 创建图像地图
教学要求
了解在网页中使用的图像格式；学习如何在网页中插入图像；掌握设置图像各种相关属性的方法以及对图像进行排版的方法；学习制作水平线、鼠标经过图像、网站像册、图像热区等图像特效。
第五章 超链接制作 （2学时）
教学内容
第一节 超链接的组成
第二节 制作超链接
第三节 链接到文档内的指定位置(锚点)
第四节 创建电子邮件链接
第五节 创建跳转菜单
第六节 创建导航条
第七节 管理站点内的超链接
教学要求
学习与掌握超链接的类型；相对路径与绝对路径的使用方法；超级链接各目标参数的用法；在网页中创建各种超链接如文本、图像，电子邮件、锚点、程序等的方法；导航条与跳转菜单的特点与用法；利用超链接组织网站结构的技巧以及如何管理站点的超链接。
第六章 表格制作 （2学时）
教学内容
第一节 在网页中插入表格
第二节 选取表格元素
第三节 修改表格
第四节 嵌套表格
第五节 设置表格属性
第六节 设置列、行和单元格属性
教学要求
掌握如何创建表格；如何对表格的结构进行调整与修改；如何设置表格与单元格的属性；以及如何通过表格对网页中的各种元素进行页面布局。
第七章 使用布局视图设计网页 （2学时）
教学内容
第一节 标准模式与布局模式的切换
第二节 绘制布局表格与布局单元格
第三节 移动和调整布局表格与单元格
第四节 为布局单元格添加内容
教学要求
了解页面布局的基本概念、掌握创建布局单元格和表格的方法、掌握布局视图参数的设置方法、掌握使用布局视图设置网页结构方法。
第八章 使用框架设计网页 （2学时）
教学内容
第一节 创建框架网页
第二节 选取框架和框架集
第三节 设置框架和框架集属性
教学要求
掌握框架页的建立方法、设置框架属性的方法以及如何在制作网页中实际应用框架的技巧。
第九章 层的应用 （4学时）
教学内容
第一节 创建层和嵌套层
第二节 改变层顺序与可见性
第三节 设置层属性
第四节 用行为动作控制层
教学要求
掌握如何创建普通层与嵌套层；如何设置层的排列顺序与可见性；如何设置层的属性；如何通过层对网页元素进行页面布局以及如何制作具有交互功能的层。
第十章 CSS样式 （4学时）
教学内容
第一节 设置页面属性
第二节 创建CSS样式
第三节 应用CSS样式
第四节 附加与链接样式表
第五节 修改CSS样式与样式表
教学要求
掌握如何设置页面属性；如何创建CSS样式；如何对网页元素应用CSS样式；如何修改CSS样式；如何将CSS样式表附加链接到网页中，以便直接应用已创建的CSS样式。
第十一章 模板和库 （2学时）
教学内容
第一节 创建模板
第二节 修改模板
第三节 建立基于模板的网页
第四节 创建库项目
第五节 在网页中插入库项目
第六节 修改库项目
教学要求
掌握如何创建模板、编辑模板以及如何应用模板快速建立风格相似的网页；掌握如何建立与编辑库项目以及在网页中应用库项目。
第十二章 多媒体制作 （3学时）
教学内容
第一节 创建Flash按钮
第二节 创建Flash文本
第三节 插入Flash影片
第四节 添加音频
第五节 嵌入视频
教学要求
掌握创建Flash按钮；在网页中插入Flash影片；在网页中播放各种声音文件以及在网页中嵌入视频影片。
第十三章 使用行为 （3学时）
教学内容
第一节 行为面板的使用与添加行为
第二节 弹出消息
第三节 设置状态条文本
第四节 打开浏览器窗口
第五节 交换图象显示或隐藏图层
第六节 拖动层
第七节 层的显示与隐藏
第八节 改变属性
第九节 检查插件
第十节 控制Shockwave或Flash
第十一节 播放声音
第十二节 弹出式菜单
教学要求
认识行为动作和事件的基本功能与应用方法；掌握使用行为面板设置与使用Dreamweaver的各种内置行为的方法；能够制作弹出消息、设置状态条文本、打开浏览器窗口、交换图象、拖动层、显示与隐藏层、检查插件、播放声音、制作弹出式菜单等各种网页特效
第十四章 使用扩展 （2学时）
教学内容
第一节 扩展管理器的使用
第二节 扩展插件滚动字Marquee
第三节 扩展插件横幅广告创建器Banner_Image_Builer
第四节 扩展插件顽固的层Nirvana Floating Layer
教学要求
了解 Dreamweaver 扩展的功能与用途；掌握扩展管理器的使用方法；掌握如何下载、安装与使用Dreamweaver 的扩展功能。
第十五章 网站发布 （2学时）
教学内容
第一节 测试与整理站点
第二节 建立本地网络远端站点
第三节 建立FTP远端站点
第四节 上传网站
教学目标
掌握上传站点的知识：包括如何测试与整理站点；当开发用机器与 Web 服务器位于同一个局域网中如何发布网站；如果远端站点位于一个 FTP 服务器上如何发布网站；能够使用Dreamweaver 上传网站文件。
总复习 综合网站实例与实际应用 （4学时）
教学内容
通过一个建立一个完整的网站实例，指导学生进行网站的策划、网站的构建、网页图形图像设计与制作、Flash动画设计与制作、网页的布局设计与制作、网站的调试、整理与上传，独立完成一个完整网站的全部网页。
教学目标
要求学生通过独立创建一个完整的网站，对本教程所学的全部知识进行总结与复习。使学生能够全面掌握网站设计与建立以及网页制作的各种技术和方法，开发与创作出具有专业水准的网站。
