《网页设计》教学大纲.doc

网页设计教学大纲l 学 时：72（其中理论课18学时，实验课54学时）l 适用对象：计算机应用专业二年级学生l 先修课程：计算机应用基础(1)、计算机应用基础(2) l 推荐教材：田信宁，胡华，卿涛.Dreamweaver4.0/Flash5.0/Fireworks4.0网站开发三合一.北京:希望电子出版社，2001.7l 主要参考资料：1、陈芳林.Flash5.0高级教程.北京：电子工业出版社，2001.62、卢超、陈剑等.Fireworks4.0专业网页设计.北京：机械工业出版社，2001.8一、课程性质、目的课程性质：网页设计属于计算机应用专业基础课程。Macromedia软件公司在互联网应用软件出尽风头，无论是Fireworks、Dreamweaver 还是Flash，这些软件一经推出，立刻成为专业Web设计师的得力工具，在各种评奖中屡获殊荣，并被称为网页制作三剑客，它们是Macromedia公司针对网页设计推出的软件组合。网页设计具有较高的实践性，是高职高专计算机专业学生必修的一门专业基础课。设置目的：这三个软件各有所长，如Dreamweaver侧重于页面设计，Flash侧重于网页动画制作，而Fireworks侧重于网页图形处理。在制作网页时三者联合使用必能达到很好的效果。通过本课程的学习，掌握Web的基本概念，学会使用常用的网页制作工具，具备网页设计、制作及站点管理的基本知识和基本技能。二、教学内容第一章 网页设计与建站准备本章教学要求有关互联网网页的基本概念；创建网站的准备工作内容；掌握有关网页的基本概念和创建网站的必备工作；了解不同制作网页工具的特点。第一节 互联网应用基础第二节 WWW的由来与理解第三节 流行的网页制作技术第四节 常见的网页制作工具的比较第五节 创建站点的必备工作第二章 Flash基础本章教学要求熟悉Flash界面；使用工具栏、Timeline（时间轴）；如何定制面板；掌握Flash的工作环境，能制订出个性化的舞台；了解Flash的各种命令。第一节 FLASH的功能和应用第二节 基本概念第三节 FLASH文件的特点第四节 FLASH5.0的工作环境第三章 动画设计环境的建立本章教学要求创建电影的方法；熟悉设计舞台工作区的辅助功能；掌握创建电影的基本方法，能够应用辅助功能来满足用户的需求；了解基本绘图环境的设置。第一节 新建电影和调整舞台参数第二节 标尺、网格、辅助线第三节 基本绘图环境的设置第四章 创作舞台对象本章教学要求学习各种绘图工具，包括：直线和铅笔工具、钢笔工具、椭圆和矩形工具、笔刷工具、填充工具、图形编辑工具；如何改变已经绘制好的对象；在Flash中文本的应用；如何导入图像及图像的属性；熟练掌握Flash所提供的绘图工具，结合各种编辑对象的操作技巧，能设计并绘制出满足需要的对象掌握文本在Flash中的应用；了解如何导入图像第一节 使用绘图工具第二节 编辑对象、文本和图像第五章 创建传统动画本章教学要求各种有关设计动画的基本概念：层、帧、组件等；运动过渡动画（Motion tween）；变形过渡动画（Shape tween）；逐帧动画；制作按钮；掌握有关层和帧的各种基本概念和操作；理解各种组件的含义，分清图符和实例的区别；掌握制作简单按钮的基本流程；掌握过渡动画的应用（运动过渡和变形过渡的区别）；利用帧动画创建更为逼真的动画效果。第一节使用层第二节使用帧第三节创建图符与实例第四节创建运动过渡动画第五节创建变形过渡动画第六节创建帧动画第六章 创建交互性的电影本章教学要求使按钮与用户实现交互及常用按钮的交互动作语句；基本常用的关键帧的动作语句；为整个动画和只为按钮添加声音；理解动画“交互性”概念的含义；掌握基本的按钮和关键帧的交互动作语句，能控制整个电影的播放；了解如何在电影中使用声音。第一节 为按钮分配动作第二节 为关键帧分配动作第三节 常用的动作语句第四节 添加声音第七章发布和输出电影本章教学要求电影的性能优化；如何发布和导出设计好的电影；了解如何优化电影的性能，并且进行发布和导出。第一节 测试电影下载表现第二节 FLASH电影的发布和导出第八章认识Fireworks 4本章教学要求Fireworks的工作环境位图和矢量图的区别；创建矢量图的各种方法编辑位图图像的各种操作；掌握位图和矢量图模式的不同之处；掌握在位图和矢量图模式下的不同编辑操作。第一节 文档构成第二节 处理矢量模式与位图模式第三节 编辑矢量对象第四节 修饰位图图片第九章 文本处理本章教学要求学习使用各种效果；制作各种效果的文字；掌握效果面板的应用，能与文字结合起来制作各种不同效果文字；了解将文本转换为路径和图像的应用第一节 使用效果面板第二节 为文字添加填充和描边效果第三节 制作环绕文字第四节 快速制作特效文字第五节 将文本转换为路径和图像第十章 复杂效果的制作本章教学要求多个对象之间的基本操作；Fireworks 图层的概念；利用蒙板制作特殊效果；掌握蒙板功能，并制作各种复杂蒙板效果；了解Fireworks 的图像优化和导出功能。第一节 对象的基本操作第二节 图层的应用第三节 蒙版组第四节 图像的优化和导出第十一章 按钮的处理本章教学要求创建和编辑按钮；快速创建导航栏；掌握创建和编辑按钮的基本方法；利用批量制作按钮的方法，实现快速制作导航栏。第一节 静态按钮第二节 创建导航栏第十二章 WEB图片交互行为本章教学要求热点、切片和行为的基本概念；各种简单行为的应用；弹出菜单的制作；了解热点和切片二者概念之间的不同；掌握应用简单行为，制作交互效果，如弹出菜单的制作。第一节 热点和切片第二节 行为应用第十三章 熟悉DREAMWEAVER4的工作环境本章教学要求Dreamweaver的工作环境；有关HTML语言的基本知识；熟悉Dreamweaver的运行环境；掌握最基本的HTML语言知识点。第一节 DREAMWEAVER4的窗口结构第二节 HTML的相关知识第十四章 网站规划和本地站点的构建本章教学要求介绍站点的规划和管理；了解创建站点的工作流程；掌握创建和管理站点的技能。第一节 概述第二节 规划站点第三节 创建本地站点第四节 管理站点内容第十五章页面的布局本章教学要求应用表格和框架布局页面；层的基本概念和简单实用。掌握应用表格和框架合理布局页面；了解Dreamweaver层的特性。第一节 应用表格第二节 应用层第三节 应用框架第十六章DREAMWEAVER4网页设计基本技能本章教学要求格式化文本的基本操作；定义和管理样式及样式在文本上的应用；链接的基本概念；各种链接的应用：文档链接、锚链接、E-mail链接等；与Fireworks、Flash的结合。掌握最基本的页面格式化操作，了解CSS样式对页面文本格式化的功能和特点；掌握各种链接应用，能熟练应用到实际操作中；掌握Flash、Fireworks和Dreamweaver三者的结合方法。第一节 文本编辑第二节 应用HTML标记格式化文本第三节 应用项目列表第四节 HTML样式格式化文本第五节 CSS样式格式化文本第六节 链接的使用第七节 使用图像第八节 插入FLASH动画第十七章制作动态网页本章教学要求弹出消息窗口；在打开页面的同时打开另一个浏览器；显示和隐藏层；文本的简单运动。掌握上述各种行为操作，灵活运用到实际网页的制作中三、实践环节网页设计讲授学时为18，实验学时为54；侧重与实践环节，每一章应根据当时情况设计相应的实验，保证实验总数不低于50学时。序号相关理论内容实践内容实践方式学时基本教学要求1网页设计与建站准备网页设计与建站准备上机3网页设计与建站准备2Flash基础Flash基础上机3Flash基础3动画设计环境的建立动画设计环境的建立上机3动画设计环境的建立4创作舞台对象创作舞台对象上机3创作舞台对象5创建传统动画创建传统动画上机3创建传统动画6创建交互性的电影创建交互性的电影上机3创建交互性的电影7发布和输出电影发布和输出电影上机3发布和输出电影8认识FIREWORKS 4认识FIREWORKS 4上机3认识FIREWORKS 49文本处理文本处理上机3文本处理10复杂效果的制作复杂效果的制作上机3复杂效果的制作11按钮的处理按钮的处理上机3按钮的处理12WEB图片交互行为WEB图片交互行为上机3WEB图片交互行为13熟悉DREAMWEAVER4的工作环境熟悉DREAMWEAVER4的工作环境上机3熟悉DREAMWEAVER4的工作环境14网站规划和本地站点的构建网站规划和本地站点的构建上机3网站规划和本地站点的构建15页面的布局页面的布局上机3页面的布局16DREAMWEAVER4网页设计基本技能DREAMWEAVER4网页设计基本技能上机3DREAMWEAVER4网页设计基本技能17制作动态网页制作动态网页上机3制作动态网页18机动机动上机3机动四、学时分配本课程计划讲授学时：18学时，上机实验54学时内容学时讲授实验第一章 网页设计与建站准备1学时3学时第二章Flash基础1学时3学时第三章 动画设计环境的建立1学时3学时第四章 创作舞台对象1学时3学时第五章 创建传统动画1学时3学时第六章 创建交互性的电影1学时3学时第七章发布和输出电影1学时3学时第八章认识Fireworks 41学时3学时第九章文本处理1学时3学时第十