《网页设计》课程教学大纲Word格式.docx
《《网页设计》课程教学大纲Word格式.docx》由会员分享，可在线阅读，更多相关《《网页设计》课程教学大纲Word格式.docx（16页珍藏版）》请在冰豆网上搜索。
第2章DreamweaverMX快速入门
（1）
2.1制作网站电子相册
2.2知识要点
2.2.1认识DreamweaverMX中文版基本界面
2.2.2认识窗口项目
2.2.3面板组
2.3本章小结
DreamweaverMX中文版基本界面。
面板组的使用。
第3章用DreamweaverMX设计首页
（1）
3.1一个简单首页设计的例子
3.2知识要点
3.2.1页面属性
3.2.2文本属性
3.2.3表格属性
3.2.4单元格属性
3.2.5图像属性
3.3本章小结
设置文本、表格和图像的属性。
页面属性的设置。
第4章DreamweaverMX的CSS样式
（2）
4.1制作动态链接效果
4.1.1Microsoft中国公司主页的动态链接效果
4.1.2为网页制作动态链接效果
4.2知识要点
4.2.1什么是CSS样式
4.2.2CSS样式与HTML样式
4.2.3CSS样式控制面板
4.2.4定义CSS样式
4.3本章小结
CSS样式控制面板的使用、定义CSS样式的方法。
定义CSS样式的方法。
第5章表格应用
（2）
5.1用表格实现一个系部主页的设计
5.1.1网页结构分析
5.1.2设计页眉区
5.1.3设计导航栏区
5.1.4设计信息区
5.1.5设计版权区
5.2知识要点
5.2.1标准视图中的表格与布局视图中的表格
5.2.2标准视图模式下表格的应用技巧
5.2.3布局视图模式下表格的应用技巧
5.3本章小结
标准视图模式下表格的应用。
布局视图模式下表格的应用。
第6章DreamweaverMX图层应用
（2）
6.1一个弹出式菜单设计的实例
6.1.1设计弹出式菜单的效果图
6.1.2设计弹出式菜单的过程
6.2知识要点
6.2.1创建层
6.2.2选择层
6.2.3插入层对象
6.2.4移动层
6.2.5对齐层
6.2.6层与表格相互转换
6.2.7设置层属性
6.3本章小结
层的基本操作和层的属性设置。
层与表格的转换、行为和事件。
第7章DreamweaverMX时间轴
（2）
7.1制作一个动态地址导航图
7.2知识要点
7.2.1时间轴控制面板
7.2.2时间轴的基本应用
7.3本章小结
时间轴的基本应用。
录制层路径。
第8章表单操作
（2）
8.1制作一个网上报名表单
8.1.1制作网上在线报名表单
8.1.2预览网上在线报名表单
8.2知识要点
8.2.1插入表单
8.2.2插入文本对象表单
8.2.3插入按钮
8.2.4插入复选框
8.2.5插入单选按钮
8.2.6插入列表/菜单域
8.2.7插入文件字段
8.2.8插入图像域
8.2.9插入隐藏域
8.2.10插入跳转菜单
8.3本章小结
表单和常用表单域的用途和使用方法。
插入隐藏域和跳转菜单。
第9章DreamweaverMX综合应用
（2）
9.1一个网站建立的实例
9.1.1建站准备
9.1.2制作网站
9.2知识要点
9.2.1网站的设计构思
9.2.2资源面板的应用
9.2.3行为面板的应用
9.2.4站点管理器的应用
9.3本章小结
网站的设计构思、资源面板的应用。
行为面板的应用。
第10章FlashMX快速入门（0.5）
10.1制作一个移动的圆
10.2知识要点
10.2.1FlashMX的界面
10.2.2主菜单项目
10.2.3常用工具栏
10.2.4时间轴面板
10.2.5绘图工具栏
10.2.6其他重要栏目
10.3本章小结
FlashMX的工具栏和时间轴面板。
时间轴面板的使用。
第11章FlashMX的绘图功能（0.5）
11.1制作一个网页广告
11.2知识要点
11.2.1绘图工具
11.2.2指针工具
11.2.3填充工具
11.2.4文本工具
11.2.5颜色设置
11.2.6图片的使用
11.3本章小结
绘图工具的使用。
图片的使用。
第12章FlashMX动画制作初步
（1）
12.1制作动态文字的实例
12.2知识要点
12.2.1图层（Layer）
12.2.2帧（Frame）
12.2.3使用图符、实例和库
12.2.4用Sound面板引入和编辑声音
12.2.5文件预览
12.3本章小结
使用FlashMX制作简单动画。
帧的基本操作、在动画中添加声音。
第13章FlashMX动作的应用
（1）
13.1图像动画实例
13.1.1制作可供控制播放的循环动画
13.1.2制作按钮元件
13.1.3设计场景
13.1.4舞台播放区背景的制作
13.1.5在场景上创建Daughter影片剪辑的实例
13.1.6后台控制程序
13.2知识要点
13.2.1ActionScript的基本概念
13.2.2用动作面板编辑对象动作
13.3本章小结
动作面板的使用。
用动作面板编辑对象动作。
第14章FlashMX的综合应用
（1）
14.1制作一个网站的门户广告动画
14.1.1设计构思
14.1.2素材准备
14.1.3制作过程
14.1.4发布过程
14.2知识要点
14.2.1文件的导入与导出
14.2.2文件的发布及发布设置
14.2.3发布预览
14.3本章小结
文件的导入和导出、文件的发布。
FlashMX动作的应用。
第15章FireworksMX应用基础
（1）
15.1Web按钮制作实例
15.2知识要点
15.2.1Fireworks的基本概念
15.2.2Fireworks的编辑模式
15.2.3Fireworks的工具详解
15.2.4Fireworks中的对象
15.2.5Fireworks的层
15.3本章小结
Fireworks的工具详解。
Fireworks的层。
第16章FireworksMX进阶操作
（1）
16.1一个简单的动画
16.2知识要点
16.2.1Fireworks的蒙版
16.2.2Fireworks的颜色混合模式
16.2.3Fireworks的热点和切片
16.2.4Fireworks实用技巧
16.3本章小结
Fireworks实用技巧。
Fireworks的蒙版、热点和切片。
第17章站点的发布、宣传推广与维护
（2）
17.1站点的发布
17.2网页的测试
17.2.1下载时间测试
17.2.2浏览器兼容性测试
17.2.3拼写检查测试
17.3站点宣传与推广的一般方法
17.4站点的维护与更新
17.5本章小结
站点的发布。
CuteFTP的使用方法。
实验内容：
实验一（使用HTML语言制作简单网页）
（2）
1、实验目的：
熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。
2、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
<
html>
head>
title>
一首诗<
/title>
/head>
bodybgcolor=”#cococo”>
h1>
一首唐诗<
/h1>
h2>
夜雨寄北<
/h2>
h3>
李商隐<
/h3>
p>
君问归期未有期，<
br>
巴山夜雨涨秋池。
<
何当共剪西窗烛，<
却话巴山夜雨时。
<
/p>
/body>
/html>
3、实验方案：
学生上机前预习HTML的语法和常用标记，上机时根据实验内容完成实验任务。
实验做完后要写出实验报告并交老师批改。
实验二（Dreamweaver中简单网页的设计）
（2）
熟悉DreamweaverMX环境，掌握制作网页的方法。
（1）网页的新建，保存，预览，关闭，打开；
（2）向网页中添加页面元素.
（3）设置网页属性。
学生上机前预习DreamweaverMX基本界面的使用和使用DreamweaverMX制作网页的基本操作，上机时根据实验步骤完成实验内容。
实验三（CSS样式的应用）
（2）
使学生掌握CSS样式的设计方法并能熟练在网页中设置效果。
（1）创建一个网页。
重定义标签h2（仅对该文档有效），要求样式定义为：
字体为隶书，字号为12磅，颜色为黄色，居中，字间距4pt，背景为蓝色。
在网页中输入文字“友情链接”，应用该样式。
（2）在文字“友情链接”下面，输入三行文字：
XX
新浪
QQ网站
要求字体为楷体，5号字，加项目符号，给每行文字建立超链接，分别链接到、、。
修改超链接样式，使超链接不带下画线。
学生上机前预习CSS样式的设计方法，上机时完成实验内容。
实验四（使用表格布局网页）
（2）
使学生掌握标准视图模式下表格的应用技巧。
制作如图1所示的表格。
表格中的图像可从网上获得或用其他图像代替。
图1制作的表格
学生上机前预习标准视图模式下表格的基本操作，上机时根据实验步骤完成实验内容。
实验五（使用图层布局网页）
（2）
掌握图层的基本操作，能够熟练使用图层布局网页。
使用图层制作如图2所示的欢迎页面，页面中的图像可从网上获得或用其他图像代替。
图2制作的欢迎页面
学生上机前预习图层的基本操作，上机时根据实验步骤完成实验内容。
实验六（使用时间轴创建动画）
（2）
掌握使用时间轴创建动画的方法。
使用时间轴制作层的直线运动动画。
学生上机前预习时间轴的使用方法，上机时根据实验步骤完成实验内容。
实验七（交互表单的应用）
（2）
掌握创建表单网页的基本操作。
创建一个用户注册的表单网页。
学生上机前预习插入表单和插入表单域的基本操作，上机时完成实验内容。
实验八（制作网站）（6）
掌握创建站点的过程，能够综合运用前面所学知识制作网站。
建立一个网站（主题自拟）。
要求网站中所包含网页个数至少5个，并且其中有一个是表单网页，每个网页必须用层或表格布局，网站中必须设计一个时间轴动画，并且用CSS样式表来控制网站主页的外观。
学生上机前预习创建站点的基本操作和资源面板的使用方法，并且完成网站的构思，上机时搜集素材并完成网站制作。
实验九（使用Flash制作动画）
（2）
掌握使用Flash制作动画的基本操作。
使用Flash制作纸飞机绕引导线运动的动画。
学生上机前预习Flash的界面和使用Flash制作动画的基本操作，上机时完成实验内容。
实验十（使用Fireworks制作图片）
（2）
熟悉Fireworks的使用方法。
使用Fireworks制作小吊牌。
学生上机前预习Fireworks的界面和使用Fireworks制作图片的基本操作，上机时完成实验内容。
教学环境条件：
课堂讲授采用多媒体教学与传统教学相结合，并且课堂讲授与学生上机实验相结合；
课堂教学需要在教师机上安装Windows2000操作系统、DreamweaverMX2004、FlashMX2004、FireworksMX2004软件。
实验教学需要为每个学生提供一台配备相关软件的微机，采用边学习边实验的方法，加深学生对操作课的理解，进一步提高学生的实践能力。
考核方式：
考试方式：
平时与实验相结合。
包括平时到课表现、作业、实验报告、实验作品等部分内容。
总评成绩：
平时成绩占30％，平时成绩根据学生的到课表现和上交作业、实验报告情况产生；
实验成绩占70%，实验成绩根据期末学生所制作的作品情况产生。
课程主持人：
（副教授及以上职称的教师）
主讲老师：
康梅娟
主要教材：
《网页设计实用教程》，刘小伟、蒙坪、新夫、梁丽明，中国铁道出版社
参考教材：
[1]《网页设计师教程forDreamweaverMX2004》，邱炳城主编，北京：
机械工业出版社，2005.4
[2]《DreamweaverMX2004中文版基础教程》，王锦等编著，北京：
机械工业出版社，2004.10
[3]《FlashMX2004课堂》，杨小平等编著，北京：
清华大学出版社，2004
学习指导方案：
1、课外自学指导方案：
阅读参考书的相关内容，并进行练习，遇到问题可及时和任课教师联系进行答疑。
2、课外训练指导方案：
布置作业题，并让学生做课后练习题，遇到问题可及时和任课教师联系进行答疑。
大纲制定人：
大纲审核人：
大纲制定日期：
2006年7月18日
升级会员 