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

《网页设计》教学大纲

一． 课程的性质与任务
网页设计课程是高职高专教育计算机专业的一门专业课，其理论性较弱，实践性较强。通过这门课程度学习能够使学生对网页设计有一个较全面，系统的了解，培养学生的审美情趣，提高网页设计水平和实际操作能力。

二． 课程的目的和要求
使学生在学习本课程后，能对网页设计有一个较全面的和系统上的了解，掌握网页设计的基本原则和基本要求，在此基础上学会能熟练运用当前最流行的网页设计“三剑客”Dreamweaver、Fireworks、Flash等开发软件，设计出具有专业水准的网页。,

三． 课程的教学进度和安排
本课程总学时72学时，教学时数38学时，实验34学时，4学分，具体安排如下：
章节
主题
教学
实验
第一章
网站设计基础
4学时

第二章
Dreamweaver MX入门
2学时
2学时
第三章
在网页中创建表单和样式
2学时
2学时
第四章
Dreamweaver MX动态网页设计
2学时
2学时
第五章
用Dreamweaver MX 管理网站
2学时
2学时
第六章
Fireworks MX 入门
2学时
2学时
第七章
绘制和编辑矢量图
2学时
2学时
第八章
编辑和处理位图
2学时
2学时
第九章
创建和编辑文本
2学时
2学时
第十章
Fireworks MX 综合应用
4学时
2学时
第十一章
Flash MX动画制作基础
4学时
4学时
第十二章
制作精彩Flash动画
2学时
2学时
第十三章
Flash MX动画的交互功能
2学时
2学时
第十四章
Flash MX动画制作综合实例
4学时
4学时

总计
38学时
34学时

大 纲 内 容

一、 网站设计基础
<一>目的和要求
1、 了解如何定位网站的主题和名称,确立网站的IC形象
2、 了解如何构建网站的目录结构和链接结构
3、 了解如何确立网站的整体风格
4、 了解网页设计的各种软件和工具的特点
5、 理解网页设计的各个要素
<二>主要内容
1、 定位网站主题，合理选题，精选网站名称
2、 确立网站的CI形象，设计网站LOGO，设计网站的布局和标准色
3、 规划网站的目录结构和链接结构
4、 确立网站的风格，创意过程的实现
5、 网页设计“三剑客”的简介，各软件的功能特点和相互间配合使用关系
6、 结合FrontPage和PhotoShop进行网页设计
7、 首页的设计要求，版面的布局，网页色彩的搭配，网页字体的设置
8、 定义本地站点，编辑网页，发布网页

二、 Dreamweaver MX入门
<一>目的和要求
1、 了解Dreamweaver MX的工作界面
2、 掌握简单的页面操作
3、 掌握网页元素的运用
4、 掌握网页链接的制作，理解相对路径和绝对路径的概念
5、 掌握运用表格排版布局
<二>主要内容
1、 Dreamweaver MX的工作界面
2、 管理页面，操作HTML源代码，导入WORD文档
3、 插入文本，插入水平线，特殊字符和时间
4、 插入图象
5、 相对路径和绝对路径，制作链接，预览链接效果
6、 创建新表格，修饰表格，嵌套表格

三、 在网页中创建表单和样式
<一>目的和要求
1、 掌握使用表单制作动态网页提交页面
2、 掌握使用CSS样式制作动态网页
3、 了解各表单域的属性
4、 理解CSS样式表的作用
<二>主要内容
1、 创建表单域
2、 文本域，文本区域，列表，菜单，单选按钮，复选框，按钮，隐藏区域，文件域，跳转菜单
3、 表单属性
4、 CSS基础，链接文字技术，3D文字，CSS滤镜

四 、Dreamweaver MX动态网页设计
<一>目的和要求
1、 了解动态图层的概念
2、 掌握时间轴的使用

<二>主要内容
1、 图层，动态图层，可弹出的隐藏层，鼠标事件的图层显示
2、 时间轴的使用
3、 时间轴使用实例
4、 弹出菜单

五、用Dreamweaver MX 管理网站
<一> 目的和要求
1、 掌握如何使用Dreamweaver MX新建站点。
2、 掌握如何在Dreamweaver MX中管理站点。
3、 了解在Dreamweaver MX中测试站点。
<二> 主要内容
1、 新建站点，设置本地信息，设置远程服务器信息。
2、 调出并查看网站文件目录，增添文件夹，上传和下载文件
3、 检测站点兼容性，检查存在的链接错误，修改链接错误

六、Fireworks MX 入门
<一> 目的和要求
1、 了解Fireworks MX 工作界面
2、 掌握Fireworks MX 工具的应用
3、 熟悉Fireworks MX 面板及其管理
4、 掌握如何创建文件，导入导出文件
<二> 主要内容
1、 Fireworks MX 窗口，优化预览图象
2、 Fireworks MX 工具栏的使用，工作窗口的帧控制器，状态栏
3、 工具箱的使用
4、 常用面板功能，组织面板组
5、 创建新文档，改变文档显示属性，旋转与剪切画布

七、绘制和编辑矢量图
<一> 目的和要求
1、 理解Fireworks的绘图原理
2、 掌握绘制路径对象的方法
3、 掌握编辑路径对象
<二> 主要内容
1、 Fireworks的对象，路径，描边和填充，Fireworks的工作模式
2、 绘图的准备工作，绘制基本图形
3、 选取和移动对象，路径对象的整形，路径对象的操作，设置对象的描边属性，设置对象的填充属性，用油漆桶工具填充

八、编辑和处理位图
<一> 目的和要求
1、 了解位图图形及其编辑模式
2、 掌握如何创建位图图象，创建位图选区
3、 掌握编辑位图的方法
<二> 主要内容
1、 位图概念及其编辑模式
2、 应用位图选取工具，“选取框”工具的属性设置
3、 调整选取范围
4、 “铅笔”、“刷子”、“油漆桶”工具的使用
5、 复制位图象素，羽化选区边缘，删除象素，裁切位图

九、创建和编辑文本
<一> 目的和要求
1、 掌握如何创建文本，导入文本，编辑文本。
2、 掌握应用文本样式，文本的变形和整形
3、 理解路径文本
<二> 主要内容
1、 创建文本，输入文本，移动文本块
2、 打开或导入纯文本文件，打开或导入RTF文件，打开或导入含有文本的PHOTOSHOP文件
3、 修改文本的字体、字号和样式
4、 调整文本的间距和字符宽度，文本的走向和方向，对齐文本
5、 设置文本填充颜色，平滑文本边缘，进行段落控制
6、 应用文本样式，路径文本，文本的变形和整形

十、Fireworks MX 综合应用
<一> 目的和要求
1、 掌握制作普通按钮、悬停按钮的方法
2、 了解如何添加特殊效果
3、 理解并掌握蒙板和热区
4、 了解如何用Fireworks MX 制作动画
5、 了解如何结合Dreamweaver MX设计制作网页
<二> 主要内容
1、 创建按钮，复制按钮，制作悬停按钮
2、 应用蒙板，创建热区
3、 认识动画对话框，制作位图动画
4、 执行图象切割功能，导出HTML格式，导入Dreamweaver MX工作区
5、 设置Fireworks MX为Dreamweaver MX的默认图像编辑器

十一、Flash MX动画制作基础
<一> 目的和要求
1、 了解Flash MX的主界面，熟悉绘图工具箱的功能
2、 掌握编辑文本，时间轴的操作
3、 理解元件的概念，并掌握元件的使用
<二> 主要内容
1、 Flash MX的主界面，绘图工具箱，舞台，面板，图层，时间轴
2、 铅笔工具，直线、椭圆和矩形工具，笔刷工具，钢笔工具，橡皮擦工具，墨水瓶工具，探色棒工具，箭头工具，任意变形工具
3、 制作空心字，制作倒影字
4、 时间轴面板，时间轴电的显示比例，灯箱功能

十二、制作Flash MX动画
<一> 目的和要求
1、 掌握使图象沿轨迹运动的方法
2、 掌握制作渐变效果的方法
3、 掌握背景移动的方法
4、 掌握遮罩文字的方法
5、 掌握转动倒影的方法
<二> 主要内容
1、 图象沿轨迹的运动
2、 色彩渐变，形状渐变
3、 背景的变化移动
4、 制作遮罩效果，修改动画速度，加工动画，制作倒影，转动倒影

十三、Flash MX动画的交互功能
<一> 目的和要求
1、 掌握语言编程基础，及Flash编程语言和JavaScript的区别和联系
2、 掌握动作的基本语言
3、 要求运用编程语言实现动画的交互
<二> 主要内容
1、 编程语言的基本概念，编程动作的书写方法，Flash编程语言和JavaScript的区别和联系，为帧书写脚本，为对象书写动作
2、 跳转语句，跳转到指定的URL，监测某帧是否下载，发送信息到动画主程序，编辑动画片断，条件语句
3、 制作动画按钮，设置按钮控制命令
4、 影片片断的Flash活用

十四、Flash MX动画制作综合实例
<一> 目的和要求
1、 掌握各种特殊效果的制作方法，并使之结合制作出精美的Flash动画
2、 掌握通过编程语言实现特殊效果的方法
3、 掌握制作Flash菜单
<二> 主要内容
1、 星光闪烁的特效制作，控制影片的制作
2、 制作鼠标跟随动画
3、 制作新型菜单

教材及参考资料：
略
8