《网页设计与制作》教学大纲
一、课程简介
《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，它涵盖了 HTML 设计、 Dreamweaver 、 Fireworks 、 Flash 等相关知识，全面介绍 WEB 站点设计的基本操作技术和使用技巧。
通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用 Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 Fireworks 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。
本课程共分为四个部分： HTML 、 Dreamweaver 部分、 Fireworks 部分、 Flash 部分。
第一部分， HTML 语言，主要讲授 HTML 语法，主要内容有：网页设计的基本知识、网页的创建及其基本结构，以及各种标签的使用。
第二部分， Dreamweaver 网页设计，主要讲授 Dreamweaver 操作使用，主要内容有规划和设置站点、设置文档、插入图像、使用 HTML 样式和 CSS 样式、使用表格、框架、如何插入多媒体对象，如何使用行为的技术和数据库的应用等。
第三部分， Fireworks 网页设计，主要讲授 Fireworks MX 工作环境、编辑和处理矢量图和位图，通过实例介绍 Fireworks MX 的应用。
第四部分， Flash 动画制作，主要讲授 Flash 的工作环境、工具箱的使用，如何 制作补间动画 、变形动画等，通过实例介绍 Flash 的应用。
本教学大纲是针对高职高专计算机专业编写，也适应于其他相关专业。
二、课程教学目的
通过本课程的学习，让学生能够熟练掌握网页制作工具——网页三剑客的使用，掌握 HTML 标签语言。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。
三、课程教学要求
（一）知识要求：
1 、网页设计基础知识
2 、 HTML 语言
3 、 DREAMWEAVER 的使用
4 、 FLASH 的使用
5 、 FIREWORKS 图像处理
6 、网站制作实例
（二）能力要求：
1 ． 学会熟练运用 Dreamweaver 、 Flash 和 Fireworks 应用软件；
2 ． 熟练掌握使用绝对和相对 URL ，创建超链接，图像链接；
3 ． 学会运用 HTML 语言中的标签；
4 ． 熟练掌握设置颜色、文本格式和列表；
5 ． 掌握在网页中添加 CSS 的方法
6 ． 掌握在网页中嵌入图像、声音、多媒体信息的方法；
7 ． 熟练掌握表格的使用方法，学会利用表格设布局网页；
8 ． 掌握框架制作网页的方法，会使用框架设计网页；
9 ． 掌握制作表单的方法，会利用表单建立交互式页面；
10 ．掌握用 Fireworks 处理矢量图和位图。
11 ．掌握用 Flash 制作网页动画。
（三）素质要求：
1 ． 具有勤奋学习的态度，严谨求实、创新的工作作风；
2 ． 具有良好的心理素质和职业道德素质
3 ． 具有高度责任心和良好的团队合作精神
4 ． 具有一定的科学思维方式和判断分析问题的能力
5 ． 具有较强的网页设计创意思维、艺术设计素质。
四、 基本内容与教学要求
本课程教学环节包括课堂讲解演示、课内实验两部分。
（ 1 ）课堂讲解
按学时分配表
（ 2 ）实验安排
每次讲完后即时练习
5 、学时分配
内容 |
讲课 |
实验 |
HTML 语言基础 |
6 |
4 |
DREAMWEAVER |
30 |
15 |
FLASH |
9 |
6 |
FIREWORK |
6 |
4 |
合计 |
51 |
29 |
总计 |
90 |
第一章 Dreamweaver MX 2004 简介
【 教学内容 】
1.1 网页的基础知识
1.2 Macromedia Studio MX 2004 介绍
1.3 Dreamweaver MX 2004 界面介绍
1.4 定义站点
1.5 【文件】面板
1.6 创建文件夹
【 教学重点 】 站点的建设和管理
【 教学难点 】 对站点理解
第二章 创建简单页面
【 教学内容 】
2.1 基本操作
2.2 在网页中加入文本
2.3 段落控制
2.4 在网页中加入图像
2.5 设置网页背景
2.6 创建网站相册
2.7 超级链接
【 教学重点 】创建链接和图像的运用
【 教学难点 】链接的相对地址和绝对地址
第三章 表格的使用
【 教学内容 】
3.1 创建表格
3.2 编辑表格
3.3 布局视图模式
3.4 用表格布局网页
【 教学重点 】用表格布局网页
【 教学难点 】 用表格布局网页
第四章 框架和层
【 教学内容 】
4.1 框架的编辑
4.2 用框架设计页面
4.3 层的创建
4.4 格式化层
【 教学重点】 用框架布局网页
【 教学难点 】层的相对定位
第五章 CSS 样式表
【 教学内容】
5.1 CSS 样式表
5.2 链接和创建样式表
5.3 CSS 样式的属性设置
5.4 CSS 样式中的过滤器
5.5 样式表的运用举例
【 教学重点 】创建样式和使用样式
【 教学难点 】过滤器的使用
第六章 表单的使用
【 教学内容 】
6.1 表单插入面板
6.2 表单的创建
6.3 表单对象的创建
【 教学重点 】用表单对象来组织各种动态元素
【 教学难点 】
第七章 模板与库
【 教学内容】
7.1 生成模板
7.2 设置模板的属性
7.3 应用模板
7.4 库项目
【 教学重点 】模板的创建和使用
【 教学难点 】模板的可编辑区的设置
第八章 在网页中插入多媒体对象
【 教学内容】
8.1 插入 Flash 动画
8.2 插入 Shockwave 影片
8.3 插入 ActiveX 控件
8.4 添加插件
8.5 插入 Fireworks HTML
8.6 添加 Java Applet
8.7 添加声音
8.8 插入其他对象
【 教学重点 】多媒体对象在网页中的运用
【 教学难点 】声音的使用
第九章 使用行为
【 教学内容 】
9.1 行为概述
9.2 基本浏览器行为
【 教学重点 】行为的概念和各种行为的运用
【 教学难点 】行为和事件的概念
第十章 数据库的应用
【 教学内容 】
10.1 数据库网页基础
10.2 安装因特网信息服务器 (IIS)
10.3 配置服务器
10.4 重新定义站点
10.5 创建数据库的连接
10.6 简单的 Web 应用
10.7 综合实例——创建留言板
【 教学重点 】创建数据库网页的几个步骤和方法
【 教学难点 】数据库的连接方式
第 11 章 Fireworks MX 2004 基础知识
【 教学内容 】
11.1 工作界面简介
11.2 工具栏、工具箱
11.3 设计面板布局
11.4 软件参数的设置
11.5 创建与导入文档
【 教学重点 】 工作界面和文件的创建
【 教学维点 】
第 12 章矢量图像的编辑
【 教学内容】
12.1Fireworks 的几个基本概念
12.2 绘制路径对象
12.3 编辑路径对象
12.4 创建和编辑文本
12.5 路径文本
【 教学重点 】工具的使用和矢量图的编辑
【 教学难点 】路径的编辑
第 13 章位图图像的编辑
【 教学重点 】
13.1 创建编辑位图图像
13.2 图像效果的应用
13.3 优化图像的输出
【教学重点 】位图的处理和图像的输出
【教学难点】位图 的处理
第 14 章 Firworks 进阶应用
【 教学重点 】
14.1 元件和实例的概念
14.2 切片工具的使用
14.3 创建热点和图像映射
14.4 制作按钮
14.5 制作弹出菜单
14.6 制作蒙板
14.7 创作动画
【 教学重点 】热点、切片、按钮、蒙板
【 教学难点 】弹出菜单的制作
第十五章 FlashMX2004 入门
【 教学内容 】
15.1 Flash 界面布局
15.2 用工具箱中的工具绘图
15.3 文本的添加
15.4 位图的应用
【 教学重点 】工具的使用和文本、位图的运用
【 教学难点 】工具的使用
第十六章使用 FlashMX2004 制作网页动画
【 教学内容 】
16.1 使用元件
16.2 层
16.3 帧
16.4 制作时间轴动画
16.5 为动画添加音频
16.6 动作和组件
16.7 准备输出和发布动画
16.8 Flash 动画的输出和发布
【 教学重点 】 Flash 动画的几种概念和几种动画的制作和发布
【 教学难点 】补间动画 和变形动画的制作、组件的运用。
附录：
Html 的基本语法
1.1 Html 概况
1.1.1 什么是 Html
1.1.2 为什么要学习 Html
1.2 Html 文档的结构
1.3 标签的格式
1.3.1 标签的作用
1.3.2 标签的分类：
1.3.3 标签的属性：
1.4 基本标签
1.4.1 <html></html> 用于创建 Html 文档
1.4.2 <head></head>
1.4.3 网页标题 <title></title>
1.4.4 <body></body>
1.5 格式标签
1.5.1 段落标签
1.5.2 换行标签
1.5.3 文章标题标签 Hn
1.5.4 预格式化文本
1.5.5 环绕标签
1.6 图像标签
1.6.1 图像标签
1.6.2 水平线标签
1.7 链接标签
1.7.1 文字链接：
1.7.2 图像链接：
1.7.3 电子邮件链接
1.7.4 锚点链接：
1.8 表格标签
1.9 框架标签
1.9.1 <frameset
1.9.2 帧标签 <frame>
1.9.3 内框架 <iframe>
1.10 表单标签
1.10.1 输入标签： <input type=* name=** value=#>
1.10.2 列表 / 菜单标签：
1.10.3 多行文本输入域：
1.11 Html 实体
|
