《网页设计与制作》课程是高职计算机专业的必修专业课程。本课程主要的任务是讲授网页设计与制作的基本知识、网页制作工具的使用方法、网页设计技术的综合应用以及网站建立与管理等的实用技术。
教学目标：
1.掌握图形图像设计与制作方法。使用Fireworks进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。
2．掌握多媒体动画制作方法。使用Flash绘制矢量图与位图、对图形图像进行编辑处理、制作各种动画、声音的导入与设置、视频的嵌入与控制、使用动作脚本建立交互式动画、电影的优化与发布。
3掌握网站建立与网页设计与制作方法。使用Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站；掌握网页制作的各种方法和技巧:如文本处理、图象处理、超链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。
本课程的教学目的是使学习者全面掌握网站建立、管理与发布的全过程以及网页设计与制作的常用技术和方法。能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页；能够建立、管理与发布网站。应用网站与网页技术传授知识、传播信息。以适应现代社会对网络技术人才的需要。
一．教材
《网页设计与制作教程》(新世纪高职高专实用规划教材)，傅连仲杨小劲张明学主编清华大学出版社，2006第1版
多媒体网络教学课件：《网页设计与制作—Dreamweaver、Fireworks、Flash教程网站》
包括两个教学网站：
（已发布于教师机服务器上）
二．教学环节
1．课堂讲授：
在多媒体电子教室授课，将教案及其它教学资源发布于教师机上，在讲授课程时用声音、文字、图形、图像等多媒体信息立体地表现课程知识，便于学生更为顺利地理解掌握教学内容，提高教学效率。
2.网络自学
３.上机实践
根据每次课程的知识点设计上机练习及作业样本，指导并监督学生通过上机制作、完成指定的网站或网页，从而培养学生的创造性与实际操作能力。
４.单元自测：
要求学生在完成每个单元的学习后，通过访问课程网站进行在线测试，测试系统进行自动评判并给出答案或试题分析。通过测试使学生复习并掌握各个单元的知识点。
５．考核
采用平时考核与期末考核相结合方法。
·平时考核：教师通过电子教室教师机对学生每次上机练习所制作的网站或网页进行访问，并评定作业成绩。
总评成绩计算比例：期末考核成绩60%，平时作业考核成绩40%。
第一章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动画制作基础（1学时）
教学内容第一节Flash简介第二节Flash基本术语第三节Flash工作界面第四节Flash动画制作一般过程第五节变形对象第六节组织对象
教学要求：了解Flash的主要功能与特点；了解Flash动画制作的基本概念与常用术语；熟悉Flash的工作界面。
第二章绘图工具的使用（3学时）
教学内容第一节铅笔与直线工具第二节椭圆与矩形工具第三节多边形与星形工具第四节钢笔工具第五节笔刷工具第六节颜料桶工具第七节墨水瓶工具第八节吸管工具第九节文字工具第十节橡皮工具
教学要求：学习与掌握Flash中绘图工具的功能、使用方法以及如何利用这些工具进行基本图形的绘制。
第三章对象的编辑与变形（2学时）
教学内容第一节对象的选取第二节对象的变形第三节对象的组合第四节对象的排列第五节形状修改
教学要求：学习如何对矢量图形、位图、文字等进行修改与变形等操作。掌握选择对象、变形对象、对对象进行分割或打孔、对图形进行平滑和直化、缩放、旋转或倾斜；对对象进行组合与分离、对齐对象、修改对象形状等方法。
第五章元件与实例（4学时）
教学内容第一节库面板的操作第二节创建图形元件第三节创建按钮元件第四节实例的创建与修改第五节元件的编辑第六节导入外部资源
教学要求：学习与掌握库的操作方法；学习图形元件、按钮元件、影片剪辑元件的用途以及创建、修改与使用方法；学习与掌握如何导入与使用外部资源或其它Flash文档的库资源。
第六章动画制作（4学时）
教学内容第一节逐帧动画的制作第二节绘图纸显示模式第三节补间形状动画的制作第四节动作补间动画的制作第五节使用路径控制渐变移动第六节遮罩动画的制作
教学要求：学习与掌握Flash的三种基本动画：逐帧动画、形状渐变动画与动作补间动画的工作原理、应用范围与制作步骤；掌握绘图纸显示模式的使用方法；学习如何使用运动引导层控制渐变动画的移动路径以及如何制作遮罩动画。
第八章声音的导入与使用（4学时）
教学内容第一节声音的导入第二节为影片添加声音第三节声音的效果设置和编辑第四节给按钮附加声音第五节声音的压缩与属性设置第六节FlashMTV的制作步骤
教学要求：掌握如何将声音文件导入到Flash中、如何在动画中加入音乐等背景声音、如何为按钮添加音效、如何对声音进行编辑与压缩以及如何对声音的播放进行选择与控制。
第九章视频的嵌入与控制（4学时）
教学内容第一节Flash视频使用概述第二节导入视频文件第三节在导入时对视频进行编辑与设置第四节使用行为控制视频播放
教学要求：学习与掌握如何将视频文件导入到Flash文档中；如何在导入过程中对视频文件进行修剪、创建剪辑、改变剪辑排列顺序、调整视频的颜色品质，视频的缩放比例，裁切视频，选择导入视频的对象类型、设置视频的压缩方式等；学习如何使用行为控制视频的播放与停止等。
第十章ActionScript编程基础（4学时）
教学内容第一节动作面板的使用第二节ActionScript的编程要素第三节ActionScript的语法规则第四节ActionScript的应用
第十一章ActionScript常用命令（4学时）
教学内容第一节停止与播放命令第二节跳转命令第三节加载与卸载影片命令第四节屏幕控制命令第五节建立URL地址链接第六节综合举例－制作电子相册
教学要求：学习Flash内置的脚本编写语言ActionScript2.0中的一些常用命令；通过对ActionScript命令的学习，掌握ActionScript命令的程序结构与编程方法，学会编制Flash程序脚本，通过程序实现交互动画。
第十二章动画的发布与导出（4学时）
教学内容第一节优化Flash影片第二节测试Flash动画第三节动画发布第四节导出Flash
第一章网页制作基础（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学时）
了解Dreamweaver扩展的功能与用途；掌握扩展管理器的使用方法；掌握如何下载、安装与使用Dreamweaver的扩展功能。
第十五章网站发布（2学时）
第一节测试与整理站点第二节建立本地网络远端站点第三节建立FTP远端站点第四节上传网站
教学目标
掌握上传站点的知识：包括如何测试与整理站点；当开发用机器与Web服务器位于同一个局域网中如何发布网站；如果远端站点位于一个FTP服务器上如何发布网站；能够使用Dreamweaver上传网站文件。
总复习综合网站实例与实际应用（4学时）
通过一个建立一个完整的网站实例，指导学生进行网站的策划、网站的构建、网页图形图像设计与制作、Flash动画设计与制作、网页的布局设计与制作、网站的调试、整理与上传，独立完成一个完整网站的全部网页。
要求学生通过独立创建一个完整的网站，对本教程所学的全部知识进行总结与复习。使学生能够全面掌握网站设计与建立以及网页制作的各种技术和方法，开发与创作出具有专业水准的网站。