网页制作三剑客.doc

网页制作课程教学大纲 第一部分 大纲说明 第二部分 教程总体设计方案 第三部分 教学内容和教学要求第一部分 大纲说明 一课程性质、目的与任务 随着计算机网络与通讯技术的发展， Internet 在人们的生活、学习和工作中的位置越来越重要，通过发布 Web 站点来开展各项政治与经济活动已成为当今时代的流行趋势。因此，掌握 Web 网页的制作和 Web 站点的管理等知识已经成为现代人必备的一种技能。 本课程的将 全面介绍网站建立与网页制作的有关知识以及 Macromedia 公司最新发布的网页制作顶级软件 Dreamweaver MX 2004 与 Fireworks MX 2004 的操作使用方法，目的是使学生全面掌握网站设计与建立的全过程以及 Web 页制作的常用技术和方法，使学生能够 开发与 制作出具有专业水准的网站，以适应现代网络社会对人才的需要。 二与相关课程的衔接 学习者已经学习并掌握微机基础知识包括 Windows的操作、网络的基本概念、Internet的使用。 三课程教学目标1.掌握网页图形图像处理方法。通过学习Fireworks的图形图像处理的基本操作，能够利用该软件进行网页图形图象制作、文字制作、图像编辑与处理、按钮、导航条、Gif动画等网页元素的制作。2掌握多媒体动画制作方法。使用Flash设计制作各种动画、在动画作品中加入图片、声音、视频等多种媒体、能够运用ActionScript实现动画控制和用户交互。3掌握网站建立与网页设计方法。使用网页设计常用软件Dreamweaver创建与设置网站、管理与维护网站、测试与发布网站的技术与方法。网页与网站的基本概念、网站策划与创建原则、网站的开发与发布工作流程、网页制作的各种方法和技巧，如文本处理、图象处理、超级链接、网页布局、CSS样式、层的应用、动态特效、多媒体网页制作、交互式网页制作等。在较短的时间内，通过学习网页制作网络教程，能够设计制作出布局美观、链接合理、包含文字、图形、图象、动画、声音、视频等多种媒体信息并具有交互功能的网页；能够建立、管理与发布小型网站；应用网站与网页技术传授知识、传播信息。四、教学方法与教学形式 为了提高教学效率与教学质量。本课程采用五项教学策略。1多媒体网页教案。本教程利用多媒体与网络技术制作网络教学课件，构筑计算机网络课程的现代化教学模式。网页制作是一门实践性很强的课程，为了说明网站建立与网页制作方法在实际中的应用，实时展示就显得非常重要，因此我们按照教师课堂面授教学的整个过程，将讲述性的知识、概念等制作成文字、图片、图象等形式的网页，供学习者阅读；将演示型的制作方法、操作步骤等以动画仿真形式进行展示，供学习者观看。目的是帮助学习者较快地理解和掌握课程的知识概念与操作方法，提高学习效率。 2任务驱动教学。网页制作课程是一门应用性学科， 而非理论性课程，要求学习者亲身操练，反复练习，在自己设计与完善网站的过程中，在制作各种类型的网页操作中切实掌握所学的内容。为此本教程根据各知识点的教学要求设计每章需要完成的目标任务，讲解之前，提供了范例预览、素材下载等功能，讲解之后提供实验样例及相关辅导，使学习者可以边学边练，切实掌握网页制作的技能。3. 知识自主建构。为了适应学生的学习需要，本教程制作了自学教案按照知识点循序渐进地学习；流程演示按照制作流程选择性地学习两条路径。学习者可根据自己的实际水平与学习习惯自主地获取课程知识。 本教程还根据课程的知识点制作了知识结构图与网页制作流程图，以方便学习者自主建构与掌握整个知识体系。4. 网络信息交互。为了解决学生在学习中可能遇到的各种问题，本网站制作了联机讨论论坛与教师在线答疑模块。学生与学生之间可以进行文字消息传送与联机讨论，老师与学生之间可以进行远程答疑与指导，帮助学习者解决学习过程中遇到的问题，以保证学习效果。5. 网站教学管理。在教学课程网站建立电子考勤、作业上传、成绩查询等功能，通过网站对课堂教学与作业实验等教学环节进行管理。第二部分 教程总体设计方案一、课时安排序号 教学内容 总学时 讲授 上机实验 Fireworks图像制作1图像制作基础、文档操作、绘制矢量图形4222图形编辑、文本制作4223位图制作、层和遮照4224按钮与切片制作4225动画制作、优化导出422 Flash 动画制作6Flash基础、 绘图工具的使用4227对象的编辑与变形、 4228时间轴、帧与层4229元件与实例、42210动画制作、84411时间轴特效、视频的嵌入与控制42212声音的导入与使用42213ActionScript编程基础与常用命令84414动画的发布与导出422 Dreamweaver 网页制作2网页制作基础与网站的创建 4223文本、图像与超链接 4224表格、布局视图、框架与层 8 4 4 5CSS 样式表、模板与库 8 4 4 6行为、多媒体网页制作、 扩展的使用 8 4 4 7综合网站实例与实际应用 8 4 4 合计 1085454二教材 1 本课程文字教材 Fireworks MX 2004 标准教程Flash MX 2004 标准教程Dreamweaver MX 2004 标准教程 2. 本课程多媒体教材 已发布于教师机服务器上的本课程教学网站。 3 本课程辅助教材 网页制作三剑客 Dreamweaver MX 2004、Fireworks MX 2004、Flash MX200教程及软件使用指南 自编学生上机实验辅助教材 三、教学环节 1 课堂讲授： 在多媒体电子教室授课，将教案及其它教学资源发布于教师机上，在讲授课程时用声音、文字、图形、图像等多媒体信息立体地表现课程知识，使学生更为顺利地理解掌握教学内容，提高教学效率。 2 上机实践 根据每次课程的知识点设计上机练习及作业样本，指导并监督学生通过上机制作、完成指定的网站或网页，从而培养学生的创造性与实际操作能力。 3 考核 采用平时考核与期末考核相结合方法。 平时考核：教师通过电子教室教师机对学生每次上机练习所制作的网站或网页进行访问，并评定作业成绩。平时作业成绩占总评成绩的40%。 期末考核：考核学生掌握网页制作的基础知识以及制作网站的实际操作能力。考核方法，采用在电子教室上机考试的方法。要求学生在指定时间内制作出包括课程主要知识点的综合性网站。期末考核成绩占总评成绩的60%。 第三部分 教学内容.网页图形图像制作教学内容：第1章Fireworks mx 2004基础Fireworks的主要功能与特点；处理网页图形图像的工作流程以及工作界面第2章 文档操作新建文档、打开文档、导入文档、保存文档、浏览文档、查看文档、导出文档第3章 绘制矢量图形绘制矢量路径、矢量图形、自动形状、应用填充、应用笔触第4章 图形编辑选择编辑对象、修改组合矢量图、变形对象、组织对象第5章 文本制作添加新字体、输入与编辑文本、对文字应用笔触,填充,效果和样式、制作文字路径第6章 位图制作选取与编辑像素区域、修饰位图、修正颜色和色调第7章层和遮照如何使用层来处理与组织图象；如何使用遮照创建部分被遮掩的图像效果第8章 按钮制作使用按钮编辑器制作按钮图片、在网页中使用按钮图片制作出具有交换图象功能的按钮。第9章 动画制作制作各种Gif动画方法：帧帧动画、轮转动画、运动类动画、使用“动画元件”渐变类动画、作遮照动画第10章 切片制作创建切片、修改切片以及如何将切片导出为网页。第11章 优化导出如何对图象进行优化、减少图象大小以及如何将优化的图象导出。.Flash动画制作教学内容：第1章 Flash基础Flash MX 2004 简介、Flash MX 2004工作界面、Flash动画制作一般过程第2章 绘图工具的使用 铅笔与直线工具、椭圆与矩形工具、多边形与星形工具、钢笔工具、笔刷工具、颜料桶工具、墨水瓶工具、吸管工具、文字工具、橡皮工具 第3章 对象的编辑与变形 对象的选取、对象的变形、对象的组合、对象的排列、形状修改 第4章 时间轴、帧与层 时间轴的概念、帧的基本操作、层的基本操作 、普通引导层、运动引导层、遮罩层 第5章 元件与实例 库面板的操作、创建图形元件、创建按钮元件、创建影片剪辑元件、实例的创建与修改、元件的编辑、导入外部资源 第6章 动画制作 逐帧动画的制作、绘图纸显示模式、补间形状动画的制作、动作补间动画的制作、使用路径控制渐变移动、遮罩动画的制作 第7章 时间轴特效 时间轴特效的制作步骤、时间轴特效的参数设置、时间轴特效的修改与删除 第8章 声音的导入与使用 声音的导入、为影片添加声音 、声音的效果设置和编辑、给按钮附加声音、声音的压缩与属性设置、使用行为控制声音、Flash MTV 的制作步骤 第9章 视频的嵌入与控制 Flash 视频使用概述、导入视频文件、在导入时对视频进行编辑与设置、使用行为控制视频播放 第10章 ActionScript 编程基础 动作面板的使用、 ActionScript 的编程要素、 ActionScript 的语法规则、 ActionScript 的应用 第11章 ActionScript 常用命令 停止与播放命令、跳转命令、加载与卸载影片命令、屏幕控制命令、建立 URL 地址链接、综合举例制作电子相册 第12章 动画的发布与导出 优化 Flash 影片、测试 Flash 动画、动画发布、导出 Flash . 网站建立与网页制作 第一章 网页制作基础 教学内容 第一节 网页制作基础 一网站与网页概述 二网站建立方式 三网站设计的一般原则与方法 第二节 Dreamweaver MX 2004基础 一Dreamweaver MX 2004 概述二 Dreamweaver MX 2004操作界面 教学要求 了解网站与网页的基本概念、网站建立方式与网站设计的一般原则与方法；了解网页设计常用工具的功能与用途；熟悉 Dreamweaver MX 2004的工作界面基本结构 第二章 网站的创建、管理与发布 教学内容 第一节 规划网站第二节 创建本地站点第三节 创建远程站点教学要求 掌握设计和定义网站的基本步骤以及使用Dreamwear MX 2004建立本地站点和远程站点的操作方法。第三章 网页文字制作教学内容 第一节 创建、保存与打开网页 第二节 输入文本第三节 格式化文本 第四节 设置项目列表 教学要求 掌握如何创建、保存与打开网页文件；如何在网页中输入文本；如何格式化文本以及对文本进行编辑排版的常用方法。 第四章 网页图像处理 教学内容 第一节 Web图像的基本格式第二节 插入图象 第三节 设置图象属性 第四节 创建鼠标经过图象 第五节 创建图像地图 教学要求 了解在网页中使用的图像格式；学习如何在网页中插入图像；掌握设置图像各种相关属性的方法以及对图像进行排版的方法；学习制作水平线、鼠标经过图像、网站像册、图像热区等图像特效。 第五章 超链接制作教学内容 第一节 超链接的组成第二节 制作超链接第三节 链接到文档内的指定位置(锚点)第四节 创建电子邮件链接 第五节 创建跳转菜单第六节 创建导航条第七节 管理站点内的超链接 教学要求 超链接的类型；相对路径与绝对路径的使用方法；超级链接各目标参数的用法；在网页中创建各种超链接如文本、图像，电子邮件、锚点、程序等的方法；导航条与跳转菜单的特点与用法；利用超链接组织网站结构的技巧以及如何管理站点的超链接。 第六章 表格制作教学内容 第一节 在网页中插入表格 第二节 选取表格元素第三节 修改表格第四节 嵌套表格第五节 设置表格属性第六节 设置列、行和单元格属性 教学要求 掌握如何创建表格；如何对表格的结构进行调整与修改；如何设置表格与单元格的属性；以及如何通过表格对网页中的各种元素进行页面布局。 第七章 使用布局视图设计网页 教学内容 第一节 标准模式与布局模式的切换第二节 绘制布局表格与布局单元格第三节 移动和调整布局表格与单元格第四节为布局单元格添加内容 教学要求 了解页面布局的基本概念、掌握创建布局单元格和表格的方法、掌握布局视图参数的设置方法、掌握使用布局视图设置网页结构方法。 第八章 使用框架设计网页 教学内容 第一节 创建框架网页 第二节 选取框架和框架集第三节 设置框架和框架集属性教学要求 掌握框架页的建立方法、设置框架属性的方法以及如何在制作网页中实际应用框架的技巧。 第九章 层的应用 教学内容 第一节 创建层和嵌套层 第二节 改变层顺序与可见性第三节 设置层属性第四节 用行为动作控制层教学要求 掌握如何创建普通层与嵌套层；如何设置层的排列顺序与可见性；如何设置层的属性；如何通过层对网页元素进行页面布局以及如何制作具有交互功能的层。第十章CSS样式第一节 设置页面属性第二节创建CSS样式 第三节应用CSS样式第四节附加与链接样式表第五节修改CSS样式与样式表 教学要求掌握如何设置页面属性；如何创建CSS样式；如何对网页元素应用CSS样式；如何修改CSS样式；如何将CSS样式表附加链接到网页中，以便直接应用已创建的CSS样式。 第十一章 模板和库 教学内容 第一节 创建模板 第二节 修改模板第三节 建立基于模板的网页第四节 创建库项目第五节在网页中插入库项目第六节修改库项目 教学要求 掌握如何创建模板、编辑模板以及如何应用模板快速建立风格相似的网页；掌握如何建立与编辑库项目以及在网页中应用库项目。 第十二章 多媒体制作 教学内容 第一节 创建Flash按钮第二节创建Flash文本第三节插入Flash影片 第四节 添加音频 第五节 嵌入视频教学要求 掌握创建Flash按钮；在网页中插入Flash影片；在网页中播放各种声音文件以及在网页中嵌入视频影片。 第十三章 使用行为教学内容 第一节 行为面板的使用与添加行为第二节 弹出消息第三节设置状态条文本第四节打开浏览器窗口第五节交换图象显示或隐藏图层 第六节拖动层 第七节层的显示与隐藏第八节 改变属性第九节检