第一篇：《网页设计》课程教学大纲
《网页设计》课程教学大纲
课程编号：
英文名称：WebPages Designing 课程类型：专业选修课 学时/学分：24+24/2 授课对象：专科生
先修课程：计算机文化基础 课程简介：
《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
教学目的和要求：
通过学习，使学生了解网页网站的基础知识；掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
教学内容：
第1章 网页设计快速入门（2）
1、教学内容：
1.1 在Internet上安个家
1.2 知识要点
1.2.1 有关网页设计的概念
1.2.2 网页设计软件
1.2.3 网页制作过程
1.2.4 企业建立网站的过程
1.2.5 网页设计与HTML 1.3 本章小结
2、教学重点：
网页设计的概念、网页制作过程。
3、教学难点： 网页设计与HTML。
第2章 Dreamweaver MX快速入门（1）
1、教学内容：
2.1 制作网站电子相册
2.2 知识要点
2.2.1 认识Dreamweaver MX中文版基本界面
2.2.2 认识窗口项目
2.2.3 面板组
2.3 本章小结
2、教学重点：
Dreamweaver MX中文版基本界面。
3、教学难点：
标准视图模式下表格的应用。
3、教学难点：
布局视图模式下表格的应用。
第6章 Dreamweaver MX图层应用（2）
1、教学内容：
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 本章小结
2、教学重点：
层的基本操作和层的属性设置。
3、教学难点：
层与表格的转换、行为和事件。
第7章 Dreamweaver MX时间轴（2）
1、教学内容：
7.1 制作一个动态地址导航图
7.2 知识要点
7.2.1 时间轴控制面板
7.2.2 时间轴的基本应用
7.3 本章小结
2、教学重点： 时间轴的基本应用。
3、教学难点： 录制层路径。
第8章 表单操作（2）
1、教学内容：
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 本章小结
2、教学重点：
表单和常用表单域的用途和使用方法。
3、教学难点：
插入隐藏域和跳转菜单。
第9章 Dreamweaver MX综合应用（2）
1、教学内容：
9.1 一个网站建立的实例
9.1.1 建站准备
9.1.2 制作网站
9.2 知识要点
9.2.1 网站的设计构思
9.2.2 资源面板的应用
9.2.3 行为面板的应用
9.2.4 站点管理器的应用
9.3 本章小结
2、教学重点：
网站的设计构思、资源面板的应用。
3、教学难点： 行为面板的应用。第10章 Flash MX快速入门（0.5）
1、教学内容：
10.1 制作一个移动的圆
10.2 知识要点
10.2.1 Flash MX的界面
10.2.2 主菜单项目
10.2.3 常用工具栏
10.2.4 时间轴面板
10.2.5 绘图工具栏
10.2.6 其他重要栏目
10.3 本章小结
2、教学重点：
Flash MX的工具栏和时间轴面板。
3、教学难点： 时间轴面板的使用。第11章 Flash MX的绘图功能（0.5）
1、教学内容：
11.1 制作一个网页广告
11.2 知识要点
11.2.1 绘图工具 11.2.2 指针工具
11.2.3 填充工具
11.2.4 文本工具
11.2.5 颜色设置
11.2.6 图片的使用
11.3 本章小结
2、教学重点： 绘图工具的使用。
3、教学难点： 图片的使用。第12章 Flash MX动画制作初步（1）
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 本章小结
2、教学重点：
使用Flash MX制作简单动画。
3、教学难点：
帧的基本操作、在动画中添加声音。第13章 Flash MX动作的应用（1）
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.1 ActionScript的基本概念
13.2.2 用动作面板编辑对象动作
13.3 本章小结
2、教学重点： 动作面板的使用。
3、教学难点：
用动作面板编辑对象动作。第14章 Flash MX的综合应用（1）
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 本章小结
2、教学重点：
文件的导入和导出、文件的发布。
3、教学难点：
Flash MX动作的应用。第15章 Fireworks MX应用基础（1）
1、教学内容：
15.1 Web按钮制作实例
15.2 知识要点
15.2.1 Fireworks的基本概念
15.2.2 Fireworks的编辑模式
15.2.3 Fireworks的工具详解
15.2.4 Fireworks中的对象
15.2.5 Fireworks的层
15.3 本章小结
2、教学重点：
Fireworks的工具详解。
3、教学难点： Fireworks的层。第16章 Fireworks MX进阶操作（1）
1、教学内容：
16.1 一个简单的动画
16.2 知识要点
16.2.1 Fireworks的蒙版
16.2.2 Fireworks的颜色混合模式
16.2.3 Fireworks的热点和切片
16.2.4 Fireworks实用技巧 16.3 本章小结
2、教学重点： Fireworks实用技巧。
3、教学难点：
Fireworks的蒙版、热点和切片。第17章 站点的发布、宣传推广与维护（2）
1、教学内容： 17.1 站点的发布
17.2 网页的测试 17.2.1 下载时间测试
17.2.2 浏览器兼容性测试
17.2.3 拼写检查测试
17.3 站点宣传与推广的一般方法
17.4 站点的维护与更新
17.5 本章小结
2、教学重点： 站点的发布。
3、教学难点： CuteFTP的使用方法。
实验内容：
实验一
(使用HTML语言制作简单网页)（2）
1、实验目的：
熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。
2、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
一首唐诗
夜雨寄北
李商隐
君问归期未有期，
巴山夜雨涨秋池。
何当共剪西窗烛，
却话巴山夜雨时。
第二篇：《网页设计》课程教学大纲
《网页设计》课程教学大纲
课程编号：
英文名称：WebPages Designing 课程类型：专业选修课 学时/学分：24+24/2 授课对象：专科生
先修课程：计算机文化基础 课程简介：
《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
教学目的和要求：
通过学习，使学生了解网页网站的基础知识；掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
教学内容：
第1章 网页设计快速入门（2）
1、教学内容：
1.1 在Internet上安个家
1.2 知识要点
1.2.1 有关网页设计的概念
1.2.2 网页设计软件
1.2.3 网页制作过程
1.2.4 企业建立网站的过程
1.2.5 网页设计与HTML 1.3 本章小结
2、教学重点：
网页设计的概念、网页制作过程。
3、教学难点： 网页设计与HTML。
第2章 Dreamweaver MX快速入门（1）
1、教学内容：
2.1 制作网站电子相册
2.2 知识要点
2.2.1 认识Dreamweaver MX中文版基本界面
2.2.2 认识窗口项目
2.2.3 面板组
2.3 本章小结
2、教学重点：
Dreamweaver MX中文版基本界面。
3、教学难点：
面板组的使用。
第3章 用Dreamweaver MX设计首页（1）
1、教学内容：
3.1 一个简单首页设计的例子
3.2 知识要点
3.2.1 页面属性
3.2.2 文本属性
3.2.3 表格属性 3.2.4 单元格属性
3.2.5 图像属性
3.3 本章小结
2、教学重点：
设置文本、表格和图像的属性。
3、教学难点： 页面属性的设置。
第4章 Dreamweaver MX的CSS样式（2）
1、教学内容：
4.1 制作动态链接效果
4.1.1 Microsoft中国公司主页的动态链接效果
4.1.2 为网页制作动态链接效果
4.2 知识要点
4.2.1 什么是CSS样式
4.2.2 CSS样式与HTML样式
4.2.3 CSS样式控制面板
4.2.4 定义CSS样式
4.3 本章小结
2、教学重点：
CSS样式控制面板的使用、定义CSS样式的方法。
3、教学难点：
定义CSS样式的方法。第5章 表格应用（2）
1、教学内容：
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 本章小结
2、教学重点： 标准视图模式下表格的应用。
3、教学难点：
布局视图模式下表格的应用。
第6章 Dreamweaver MX图层应用（2）
1、教学内容：
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 本章小结
2、教学重点：
层的基本操作和层的属性设置。
3、教学难点：
层与表格的转换、行为和事件。
第7章 Dreamweaver MX时间轴（2）
1、教学内容：
7.1 制作一个动态地址导航图
7.2 知识要点
7.2.1 时间轴控制面板
7.2.2 时间轴的基本应用
7.3 本章小结
2、教学重点： 时间轴的基本应用。
3、教学难点： 录制层路径。
第8章 表单操作（2）
1、教学内容：
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 本章小结
2、教学重点：
表单和常用表单域的用途和使用方法。
3、教学难点：
插入隐藏域和跳转菜单。
第9章 Dreamweaver MX综合应用（2）
1、教学内容：
9.1 一个网站建立的实例
9.1.1 建站准备
9.1.2 制作网站
9.2 知识要点
9.2.1 网站的设计构思
9.2.2 资源面板的应用
9.2.3 行为面板的应用
9.2.4 站点管理器的应用
9.3 本章小结
2、教学重点：
网站的设计构思、资源面板的应用。
3、教学难点： 行为面板的应用。第10章 Flash MX快速入门（0.5）
1、教学内容：
10.1 制作一个移动的圆
10.2 知识要点
10.2.1 Flash MX的界面
10.2.2 主菜单项目
10.2.3 常用工具栏
10.2.4 时间轴面板
10.2.5 绘图工具栏
10.2.6 其他重要栏目
10.3 本章小结
2、教学重点：
Flash MX的工具栏和时间轴面板。
3、教学难点： 时间轴面板的使用。第11章 Flash MX的绘图功能（0.5）
1、教学内容：
11.1 制作一个网页广告
11.2 知识要点
11.2.1 绘图工具 11.2.2 指针工具
11.2.3 填充工具
11.2.4 文本工具
11.2.5 颜色设置
11.2.6 图片的使用
11.3 本章小结
2、教学重点： 绘图工具的使用。
3、教学难点： 图片的使用。第12章 Flash MX动画制作初步（1）
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 本章小结
2、教学重点：
使用Flash MX制作简单动画。
3、教学难点：
帧的基本操作、在动画中添加声音。第13章 Flash MX动作的应用（1）
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.1 ActionScript的基本概念
13.2.2 用动作面板编辑对象动作
13.3 本章小结
2、教学重点： 动作面板的使用。
3、教学难点：
用动作面板编辑对象动作。第14章 Flash MX的综合应用（1）
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 本章小结
2、教学重点：
文件的导入和导出、文件的发布。
3、教学难点：
Flash MX动作的应用。第15章 Fireworks MX应用基础（1）
1、教学内容：
15.1 Web按钮制作实例
15.2 知识要点
15.2.1 Fireworks的基本概念
15.2.2 Fireworks的编辑模式
15.2.3 Fireworks的工具详解
15.2.4 Fireworks中的对象
15.2.5 Fireworks的层
15.3 本章小结
2、教学重点：
Fireworks的工具详解。
3、教学难点： Fireworks的层。第16章 Fireworks MX进阶操作（1）
1、教学内容：
16.1 一个简单的动画
16.2 知识要点
16.2.1 Fireworks的蒙版
16.2.2 Fireworks的颜色混合模式
16.2.3 Fireworks的热点和切片
16.2.4 Fireworks实用技巧 16.3 本章小结
2、教学重点： Fireworks实用技巧。
3、教学难点：
Fireworks的蒙版、热点和切片。第17章 站点的发布、宣传推广与维护（2）
1、教学内容： 17.1 站点的发布
17.2 网页的测试 17.2.1 下载时间测试
17.2.2 浏览器兼容性测试
17.2.3 拼写检查测试
17.3 站点宣传与推广的一般方法
17.4 站点的维护与更新
17.5 本章小结
2、教学重点： 站点的发布。
3、教学难点： CuteFTP的使用方法。
实验内容：
实验一
(使用HTML语言制作简单网页)（2）
1、实验目的：
熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。
2、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
一首唐诗
夜雨寄北
李商隐
君问归期未有期，
巴山夜雨涨秋池。
何当共剪西窗烛，
却话巴山夜雨时。
第三篇：《HTML网页设计》课程教学大纲
《HTML网页设计》课程教学大纲
一、教学目的和任务
《HTML静态网页设计》是我院软件开发专业的专业基础课，选用教材《网页设计》，全书共分为17章，其中HTML内容占11章，包括HTML基本语法，常用标签的使用，表格的使用，层和框架的使用，在HTML中多媒体的应用，表单的使用，网页的图像及多媒体，以及站点的创建和管理。其中重点包括常用标签的使用，表格的使用，框架和表单的使用，文字与段落，以及CSS应用。
一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。
二、教学方法与教学要求
1课前认真备课，选好实例
网页制作技术不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所，目的在于将书本知识转化为学生的知识和技能。为实现这一目的，我深入钻研教材，理清教材内容特点、编排次序和知识点之间的衔接关系，整理出一条条线索。如在上第一节课时，我会从网上下载一些经典的并具有代表性的网页给同学欣赏，在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。
课堂的教学方法
教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领，而在于激励、唤醒、鼓舞。”因此，在学习过程中，给学生明确的思路，激励学生积极主动参与思考，运用任务驱动法、模块教学法，案例教学法和项目教学法等教学手段，引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感，使学习兴趣长久地保持下去。
2.1 案例教学法。案例教学法，即在教师指导下，根据教学目标的内容的需要，采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。
在课堂上我采用是案例例证法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。具体做法是通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即老师提出一种解决问题的思路，然后让学生采用其他方式来解决同一个问题。
2.2 项目教学法。项目教学法是指通过实施一个完整的项目工作而进行的教学活动,采取小组讨论、协作学习的方式。
将课程中的各个知识点或技术点采用教师给出项目要求或参考项目需求的方式，让学生分组选择项目或者自己调研确定项目，小组合作进行项目规划和页面设计。通过“小组合作规划设计”，以“项目小组”为基本形式、小组成员之间的合作性活动为主体、完成小组项目为主要目标、小组整体水平为主要依据来评定成绩的考核形式，为学生创造一个良好的合作氛围。小组的每一个成员在这一过程中都有发挥自己优势和表现自己的机会，通过小组成员之间相互讨论、评价、反馈、倾听、激励以及互为师生、优势互补等合作形式，激发学生的学习兴趣，改进学生的学习方法与态度，增强学生的集体荣誉感和团队协作精神。
三、教学内容与教学安排
1、课堂讲授
第一章 HTML入门简介
主要掌握文档标记的使用，头部标记title，主体标签body，标题标记
通过学习斜体字标签、下标标签、上标标签、插入字标签、删除字标签、计算机代码标签、键盘输入文字标签、计算机代码样式标签等，用于控制文字样式。第三章 超链接
超链接章节主要掌握锚点、外部链接、邮件链接、脚本链接、空链接的相关基本知识，用于链接跳转功能的实现 第四章 框架
通过框架页示例，学习网页框架的基础知识，掌握框架边框的设置、框架边距的设置、设置框架缩放、设置框架滚动条、设置框架边框的颜色，对框架进行上下分割窗口、左右分割窗口来设计框架页面，设置浮动框架的高度和宽度，设置浮动框架的对齐方式等。
第五章 表格【上】
表格章节主要学习设置表格的边框、表格的背景颜色、表格边框颜色、设置表格高度和宽度以及设置表格背景图像等。第五章 表格【下】
本章主要掌握表格间距设置，表格水平对齐设置，表格标题的设置，行标签和单元格背景颜色的设置，掌握表格跨行跨列的设置以及表格的嵌套，用于今后利用表格进行网页布局。第六章 列表
本章节主要学习各种列表：有序列表、无序列表、目录列表、菜单列表、自定义列表以及嵌套列表等。用于网页的排版设计 第七章 表单
表单章节是HTML的重点章节，将学习表单的各种控件知识：如单行文本域、密码域、单选按钮、复选框、普通按钮、文本域、图像域、多行文本域、选择列表等。第八章 网页图像
本章节主要学习网页图像设置的相关知识，主要有如何加载图像、如何设置图像大小、如何设置图像边框、如何设置图像对齐方式、如何设置图像与文本的距离、如何设置图像的提示文字、如何设置图像超链接、如何图像影像地图等。第九章 网页多媒体
网页的多媒体运用知识必不可少，本章节将学习如何设置文字及图像的滚动效果、如何加入背景音乐、如何嵌入flash动画、如何嵌入mp3、如何嵌入mpg视频等。第十章 CSS基础
本章节将学习使用CSS进行网页样式风格的设计。要使学生掌握使用CSS的基本语法，以及在HTML中使用CSS的几种方法。达到网页美化的目的。
2、课堂及课后练习
第一章 HTML入门简介 任务一【文档标记的使用】 任务二【头部标记】 任务三【主体标签BODY】 任务四【标题标记
任务三【设置文字样式】 任务四【下标】 任务五【上标】
任务六【插入字标签】 任务七【删除字标签】 任务八【计算机代码标签】 任务九【键盘输入文字标签】 任务十【计算机代码样式标签】 第三章 超链接
任务一【HTML链接】 任务二【锚点】 任务三【外部链接】 任务四【邮件链接】 任务五【脚本链接】 任务六【空链接】 第四章 框架
任务一【框架页示例】 任务二【设置框架边框】 任务三【设置框架边距】 任务四【设置框架缩放】 任务五【设置框架滚动条】 任务六【设置框架边框的颜色】 任务七【上下分割窗口】 任务八【左右分割窗口】
任务九【浮动框架的高度和宽度】 任务十【浮动框架的对齐方式】 第五章 表格【上】 任务一【表格边框】 任务二【表格高度】 任务三【表格背景颜色】 任务四【表格边框颜色】 任务五【表格高度和宽度】 任务六【表格背景】 第五章 表格【下】 任务七【表格间距】 任务八【表格水平对齐】 任务九【表格标题】 任务十【行标签】
任务十一【单元格背景颜色】 任务十二【跨行跨列】 任务十三【表格嵌套】 第六章 列表
任务一【有序列表1】 任务二【有序列表2】 任务三【有序列表3】 任务四【无序列表】 任务五【目录列表】 任务六【菜单列表】 任务七【定义列表】 任务八【嵌套列表】 第七章 表单
任务一【表单method属性测试】 任务二【单行文本域】 任务三【密码域】 任务四【单选按钮】 任务五【复选框】 任务六【普通按钮】 任务七【文本域】 任务八【图像域】 任务九【多行文本域】 任务十【选择列表】 第八章 网页图像 任务一【加载图像】 任务二【设置图像大小】 任务三【设置图像边框】 任务四【设置图像对齐方式】 任务五【设置图像与文本的距离】 任务六【设置图像的提示文字】 任务七【设置图像超链接】 任务八【图像影像地图】 第九章 网页多媒体 任务一【滚动效果1】 任务二【滚动效果2】 任务三【背景音乐】
任务四【嵌入flash动画】 任务五【嵌入mp3】
任务六【嵌入mpg视频】 第十章 CSS基础
任务一【使用CSS美化网页字体】 任务二【使用CSS美化网页背景】 任务三【使用CSS让用户自由定制个性化的页面】
3、课程作业（按知识点划分，共计八个部分）第一部分、制作第一个网页
第二部分、新闻信息浏览页面的制作
（一）第三部分、新闻信息浏览页面的制作
（二）第四部分、网站结构的实现
（一）第五部分、网站结构的实现
（二）第六部分、用户信息录入页面的实现
（二）第七部分、网页文本的样式设置 第八部分、CSS结构、规则及属性
四、课程考核
本课程理论考试采用闭卷形式，上机实践与其他课程进行组合考试，同时结合平时作业进行课程考核与成绩评定。考核评分以百分制计，原则上理论、实践考试成绩占80%，平时作业成绩占20%。
五、教材及参考书
教材： 《网页设计》 中国水利水电出版社 参考书：《HTML 标准教程》 贾素玲 王强 著 清华大学出版社
六、教学设备及教具要求
由学院统一安排多媒体教室及机房，任课教师准备多媒体课件等教学相关资料。
第四篇：网页设计B课程教学大纲
《网页设计B》课程教学大纲
Web Design B
课程代码： 课程性质：专业基础理论课/选修 适用专业：信息与计算科学
开课学期：7 总学时数：32 执 笔：刘伟
一、课程的性质和目的
网页设计是针对学习制作网页的相关问题，注重网页设计基本知识的培养的一门课程，可作为进行网页设计学习的本、专科学生的入门基础课，通过本课程教学，使学生掌握网页制作的基础知识并应用开发设计网站；初步学会使用Dreamweavr MX、Flash MX等开发工具制作精美的网页网站；初步掌握XML语言、脚本语言开发基于WEB的数据库系统；培养解决实际问题的动手能力。
二、课程教学内容及学时分配
第一章 HTML（4学时）
了解HTML的定义, 理解HTML的基本结构与主要功能；了解HTML的标记与基本结构；了解HTML文字格式与页面格式；了解超级链结，列表和表格；了解HTML文件中多媒体与框架的设置；解表单标志的设置。
主要内容：Internet简介；Internet的主要功能，WWW简介；HTML简介；HTML语言、HTML主要功能、HTML的基本结构；HTML文件结构的格式；HTML的基本语法、基本结构、文件结构的格式标记。
第二章 网页编辑工具（2学时）
简单了解Frontpage 2000软件的安装配置与操作使用；简单了解Dreamweaver MX软件的安装配置与操作使用；简单了解Flash MX软件的安装配置与操作使用。
主要内容：网页编辑工具Frontpage 2000、Dreamweaver MX。第三章 ASP技术（6学时）
了解ASP特点，理解ASP的工作原理，了解ASP的运行环境；了解ASP的程序语法；了解ASP的内建对象；了解ASP的内建组件；了解ASP访问数据库的方法。
主要内容：ASP(active server pages)是动态服务器网页，是Ｍircorsoft 公司在1996年底推出的一种运行于服务器端的WEB应用程序开发技术。它既不是一种语
总学分数：2
编写年月：2002年3月 修订年月：2007年7月
言也不是一种开发工具，是内含于IIS/PWS之中的可以集成SCIPT语言到HTML主页的服务器端的脚本语言环境。
第四章 JSP技术（6学时）
了解JSP特点，理解JSP的工作原理，了解JSP的运行环境；了解JSP的程序语法；了解JSP的内建对象；了解JSP的内建组件；了解JAVABEAN的使用；了解JSP访问数据库的方法。
主要内容：SP是定义于Servlet之上的一个JAVA标准延伸机制。JSP将网页的HTML部分和多段JAVA程序代码合并在单一文档中，即在传统的HTML网页中加入了JAVA程序片段和JSP标记。
第五章 XML（3学时）
了解XML的历史与优点；了解XML的语法；了解XSL的定义与XML的结合；了解CSS的定义与XML的结合。
主要内容：XML（extensible markup language 可拓展置标语言）继承了SGML的优点，又弥补了HTML的不足，它提供了一个直接处理WEB数据的通用方法，着重描述WEB页面的内容，而不是显示格式；CSS与XSL。
第六章 VBSRIPT、JAVASCRIPT（5学时）
理解VBSRIPT功能与使用；理解JAVASCRIPT功能与使用；了解JAVASCRIPT中内置对象。
主要内容：VBSCRIPT的语法与使用；JAVASCRIPT的语法与使用；JAVASCRIPT中内置对象。
第七章 ACTIVEX技术（2学时）
了解ACTIVEX控件的开发、注册与使用。
主要内容：ACTIVEX控件的开发；ACTIVEX控件的注册；ACTIVEX控件的使用。
第八章 基于WEB的数据库的开发（4学时）
了解基于WEB的数据库开发的原理；了解基于WEB的数据库开发的一般步骤；了解基于WEB的数据库开发的类型。
主要内容：数据库在ASP中使用；JSP访问数据库；ASP、JSP中数据库的连接技术。
三、课程教学的基本要求
1.了解网页设计的基本概念，熟练使用网页设计工具快速构建网站； 2.能比较熟练地使用ASP、JASP技术创建动态页面； 3.初步掌握基于web的数据库信息系统技术的解决方案。
4.重难点：（1）.HTML 重点：HTML标记的使用，框架的设置；表单的使用 难点：文字格式与页面格式，列表和表格，表单标记。（2）.ASP
重点：ASP的工作原理，ASP的页面数据的传递
难点：内建对象的使用，ASP的语法，ASP访问数据库的方法；（3）.JSP 重点：JSP的工作原理，JSP的页面数据的传递
难点：内建对象的使用，JSP的语法，JSP访问数据库的方法；JAVABEAN的使用。
（4）.XML 重点：XML的语法优点，如何在CSS与XSL中结合XML 难点：XSL与CSS定义与使用。（5）.ACTIVEX组件
重点：ACTIVEX组件的注册使用 难点：ACTIVEX组件的实现。（6）.基于WEB的数据库开发
重点：ASP、JSP中数据库的连接技术，开发环境
难点：中间层的实现
该课程实践性较强，需要学生多上机练习加强理解；针对所留习题，可以组织两到三次讨论，以便学员掌握网站建设的思想。
总评成绩：平时作业占30%，闭卷考试占70%。
四、本课程与其它课程的联系与分工 先修课程：软件工程，数据库原理
五、建议教材及教学参考书
［1］侯文彬等编，《网页设计教程》，清华大学出版社，2003年出版社 ［2］丁爱萍，《网页制作教程》，电子工业出版社，2001年出版社
［3］魏应彬等，《网页设计与WEB数据库发布技术》，清华大学出版社，2000年出版社 ［4］张铭泽等，《JavaScript动态网页设计》，机械工业出版社，2000年出版社
第五篇：网页设计与制作课程教学大纲
网页设计与制作课程教学大纲
1.课程设计的指导思想
（一）课程性质
1．课程类别：专业选修课 2．适应专业：软件工程 3．开设学期：第二学期
4．学时安排：周学时2＋2，总学时72 5．学分分配：
（二）开设目的
本课程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，让学生了解一定的网络应用基础知识；能够熟练掌握网页制作工具——网页三剑客Dreamweaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图像、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。
（三）基本要求
1、知识要求：
（1）网页设计基础知识（2）DREAMWEAVER 的使用（3）FIREWORKS 图像处理（4）FLASH 的使用（5）网站制作实例
2、能力要求：
（1）学会熟练运用 Dreamweaver、Flash 和 Fireworks 应用软件；（2）熟练掌握使用绝对和相对 URL，创建超链接，图像链接；（3）熟练掌握设置颜色、文本格式和列表；（4）掌握在网页中添加 CSS 的方法
（5）掌握在网页中嵌入图像、声音、多媒体信息的方法；（6）熟练掌握表格的使用方法，学会利用表格布局网页；（7）掌握框架制作网页的方法，会使用框架设计网页；（8）掌握用 Fireworks 处理矢量图和位图。（9）掌握用 Flash 制作网页动画。
3、素质要求：
（1）具有勤奋学习的态度，严谨求实、创新的工作作风；（2）具有良好的心理素质和职业道德素质（3）具有高度责任心和良好的团队合作精神
（4）具有一定的科学思维方式和判断分析问题的能力（5）具有较强的网页设计创意思维、艺术设计素质。
（四）主要内容 计算机网站基础知识、网页三剑客DREAMWEAVER 的使用、FIREWORKS 图像处理、FLASH 的使用。
（五）先修课程 计算机基础
（六）后继课程 Web 程序设计
（七）考核方式 上机考试
（八）使用教材
（九）参考书目
1、《网页设计与制作技术教程》 作者：王传华、段青玲、马钦? 清华大学出版社?第二版.2、网页和网站制作基础操作与实例教程.陕西科学技术出版社
3、Dreamweaver8PhotoshopCS2Flash8网页制作教材.陈笑；李景池.清华大学出版社
4、《使用网站技术基础》作者：德力、卢明波、王化宇.内蒙古教育出版社 教学内容
第一部分 网页设计与制作基础知识 教学目的
使学生了解什么是网页，网站，网页元素等概念 主要内容 什么是网页，网站;2 Html语言基础； 构建网站的一般过程； 教学要求
了解：网站设计与制作的前期准备 掌握： 绘制网站首页效果图 第二部分 网页制作软件Dreamweaver 教学目的
使学生了解网站设计概念；掌握软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。主要内容
1、网站设计概念，要求达到“了解掌握”程度 网站的主题定位
网站的风格和创意设计 准备材料和结构规划 页面布局
定义站点、申请域名、空间 认识HTML语言
2、初识软件界面及站点建立，要求达到“了解掌握”程度 Dreamweaver软件界面 对象控制面板的使用 建立本地站点 建立远程站点 站点的更新和管理
3、Dreamweaver的基本功能，要求达到“掌握”程度，添加文本 插入图片 插入表格
超级链接和导航条的创建 插入多媒体
4、表单和CSS样式表的应用，要求达到“了解掌握”程度 插入表单
插入表单对象
创建并链接到外部CSS样式
5、网页制作高级技术，要求达到“了解掌握”程度 创建层 设置层
层与表格的相互转换 创建框架 行为操作 创建模板 模板的应用 教学要求
了解：网站设计概念
掌握：软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。
第三部分 图形制作与处理软件Firewoks 教学目的
使学生了解Fireworks软件界面；掌握图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。主要内容
1、Fireworks简介，要求达到“了解掌握”程度 Fireworks概述
Fireworks的系统需求 Fireworks的新增功能 Fireworks窗口界面 创建新文档
导入和导出文档
2、图像的绘制和编辑，要求达到“掌握”程度 绘制图像 编辑图像
3、文本与颜色，要求达到“掌握”程度 文本的使用 颜色的使用 设置画布
4、层与元件，要求达到“掌握”程度 层的使用 元件的使用
5、滤镜和特效，要求达到“了解掌握”程度 使用滤镜 使用特效
6、按钮和动画，要求达到“了解掌握”程度 按钮 动画
教学要求
了解：Fireworks软件界面
掌握：图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。第四部分 动画制作与编辑软件Flash 教学目的
使学生了解Flash基本工作环境；掌握Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。主要内容
1、初识Flash，要求达到“了解”程度 Flash基本工作环境 认识舞台与时间轴.认识不同作用的面板
2、Flash绘图工具，要求达到“掌握”程度 矢量图与位图 线型与颜色
线条的绘制与修改 填充图形的绘制，选取工具 文本
变换工具 其他工具
3、Flash动画基础，要求达到“掌握”程度 层 帧 元件
Flash的基本操作
4、FIash影片制作和发布，要求达到“掌握”程度 动画基础 逐帧动画 形状渐变 动作渐变 蒙板
运动导线 按钮
轨迹追踪 导入声音 加入视频 测试发布 教学要求
了解：Flash基本工作环境
掌握：Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。第五章 综合实例 教学目的
使学生能够熟练掌握网页制作工具Dreamvwaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图象、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。主要内容
综合实例，要求达到“掌握”程度 网页设计准备工作
用Fireworks设计网页结构 用Dreamweaver生成网页 用Flash制作网页动画 整理网页
完成小型WEB站点网页的规划、设计、管理与维护 教学要求
掌握：Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生设计网站的能力。课时分配及其它
（一）课时分配
课程总教学时数为90学时，安排在第二学期，每周3＋2学时，上课18周。具体分配如下
教学内容 讲授学时数
章次
第一部分 网页设计与制作基础知识 4 第二部分 网页制作软件Dreamweaver 12 第三部分 图形制作与处理软件Firewoks 8 第四部分 动画制作与编辑软件Flash 8 第五部分 综合实例 4 合计
实验学时数 10 8 2 36
（二）考核要求
平时成绩（含考勤、作业与实验）占50%，期末（上机考试）成绩占50%。
点击咨询 