第一篇：《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 标准教程》 贾素玲 王强 著 清华大学出版社
六、教学设备及教具要求
由学院统一安排多媒体教室及机房，任课教师准备多媒体课件等教学相关资料。
第二篇：《网页设计》课程教学大纲
《网页设计》课程教学大纲
课程编号：
英文名称：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、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
一首唐诗
夜雨寄北
李商隐
君问归期未有期，
巴山夜雨涨秋池。
何当共剪西窗烛，
却话巴山夜雨时。
第三篇：《网页设计》课程教学大纲
《网页设计》课程教学大纲
课程编号：
英文名称：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、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
一首唐诗
夜雨寄北
李商隐
君问归期未有期，
巴山夜雨涨秋池。
何当共剪西窗烛，
却话巴山夜雨时。
第四篇：《多媒体网页设计》课程教学大纲.
《多媒体网页设计》课程教学大纲(Elements of Multimedia Web Design
一、课程说明
【课程ID】【课程修习类型】必修 【学分数】3 【适用专业】文科类专业
【开课学院】国际服务工程学院【建议修读学期】第二学期 【学时数】总64课时(理论32/实验32 【先修课程】大学计算机基础 1.课程介绍: 《多媒体网页设计》课程的设置是为了满足专业对多媒体信息处理和网站运用的实际需求。
多媒体技术适用于绝大部分文科类专业,着眼于培养学生将媒体技术直接运用至其本专业实际需求中的能力,如文学创作、音乐创作、舞美设计、体育运动教学、全民健身推广、赛事记录与传播、各类视觉设计等众多方向,以成就感来提高学习兴趣,同时也将计算机专业知识更好地运用到其本专业实际需求中。而网站开发与制作作为一项综合性很强的技能,可以全面提升学生对信息处理的综合能力,在大量工作岗位中能体现其价值,适合基础较好的学生。
2.课程的主要内容及课时安排: 章次内容(宋体五号字总学时理论学时实验、实践学时 一网页编写基础理论8 4 4 二网站的规划与设计 4 2 2
三数字图像、图形处理12 6 6 四网页动画创作8 4 4 五结构化网页制作16 8 8 六基于CSS的页面样式与布局控制16 8 8 3.课程教学目的与要求: 《多媒体网页设计》是一门面向文科类专业的计算机“进阶型”技能课程,主要讲授适用于各个行业的最新的多媒体技术,以及如何设计规划网站、制作符合行业标准的多媒体网页。这两类技能对于文科类学生来说尤为可贵,既能满足本专业在媒体类作品创作方面的需求(例如制作精美的展示图片,拍摄和编辑产品的演示视频,并配以画外音与字幕,然后创建主题网站,并将这些内容以网页的形式加以展示, 还能大大提升学生的就业竞争力,真正体现计算机作为一个工具在其他专业中的应用价值。
4.本门课程与其它课程关系及要求: 《大学计算机基础》是本课的前导课程,无后续课程。5.课程教学方法与手段: 课堂讲授和上机实验相结合。利用多媒体的课堂教学,学生的集体讨论,并结合大量的实例与练习,加强实际动手能力。
6课程政策:(对课堂纪律、到课、作业等要求
遵守学校课堂纪律政策,按时到课,及时完成教师布置的课内外作业,自觉进行课外实践训练。
7.推荐教材及参考文献:
[1] 《多媒体网页设计教程》,高等教育出版社,2014年1月。8.学生成绩评定:(学生学业成绩评定标准、原则、方法、要求 本课程为必修课。
本课程强调实际操作能力和创新能力,因此考核方式采用理论与实际操作相结合。其中平时成绩(来自于平时的作业、实验练习及考勤等占50%,期末考试占50%。
9.实践教学内容安排: ●实验1(2课时:利用记事本制作符合web标准的简易网页 ●实验2(2课时:图像处理技术之基础训练 ●实验3(4课时:图像处理技术之网站效果图绘制 ●实验4(4课时:简单网站动画制作
●实验5(8课时:利用可视化工具搭建简单网站 ●实验6(8课时:基于CSS的页面样式和布局控制 10.课程网站: http://jsj.hznu.edu.cn
二、教学内容和学时分配 周次主题内容学时数 网页编写基础理论:网页制作应具备的基础4学时 网页编写基础理论:利用记事本编写符合web标准的简单网页4学时 网站的规划与设计:主题、信息架构、页面布局、色彩设计、导航设计等4学时 数字图像、图形处理:PS基础操作,“米老鼠的诞生”案例4学时 5 数字图像、图形处理:PS进阶操作,“游侠相册”效果图案例4学时 6 数字图像、图形处理:PS进阶操作,“游侠相册”切片与输出4学时 7 网页动画创作:Flash动画基础,“矮人招工”案例4学时 8 网页动画创作:Flash动画制作,“主图切换”案例4学时 9 结构化网页制作:DW基础操作,“我的天空”网站案例4学时 10 结构化网页制作:网页内容的插入与编辑4学时 11 结构化网页制作:多媒体对象的插入与编辑4学时 12 结构化网页制作:超链接编辑与网站发布4学时 13 基于CSS的页面样式与布局控制:CSS基础4学时 基于CSS的页面样式与布局控制:样式的编辑与应用4学时 15 基于CSS的页面样式与布局控制:盒模型、浮动与定位4学时 16 基于CSS的页面样式与布局控制:布局与排版4学时 第1次:网页制作应具备的基础(上 1.教学要求
了解设计、编写网站所需要具备的各项软硬件基础和知识储备。2.主要内容
设计、编写网站的软硬件要求和知识储备;html基础。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第1章。5.思考作业题 实验1 第2次:网页制作应具备的基础(下 1.教学要求
利用记事本编写符合web标准的简单网页。2.主要内容
利用记事本编写符合web标准的简单网页:填充内容、内容结构化、CSS控制格式。
3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第1章。5.思考作业题 实验1
第3次:网站的规划与设计 1.教学要求
了解网站规划与设计的知识与技巧。2.主要内容
网站主题确定、设定信息架构、设计页面布局、色彩设计、导航设计、文字编撰。
3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第2章。5.思考作业题 暂无
第4次:数字图像、图形处理(上 1.教学要求
了解Web图像处理的相关理论知识。2.主要内容
Web图像处理的相关理论知识,PS基础操作,“米老鼠的诞生”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考《多媒体网页设计教程》第3章。5.思考作业题 实验2 第5次:数字图像、图形处理(中 6.教学要求
了解利用Photoshop绘制网页效果图的理论知识和操作技巧。1.主要内容
利用Photoshop绘制网页效果图的理论知识和操作技巧,“游侠相册”效果图案例。
2.教学方法
多媒体教学、小组讨论结合上机操作。3.阅读材料
参考《多媒体网页设计教程》第3章。4.思考作业题 实验3 第6次:数字图像、图形处理(下 1.教学要求
了解利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧。
2.主要内容
利用Photoshop对网页效果图进行切片和输出的理论知识和操作技巧,“游侠相册”效果图案例。
3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第3章。5.思考作业题 实验4 第7次:网页动画创作(上 1.教学要求
了解基于Flash的动画理论基础和操作技巧。2.主要内容
Flash动画基础,“矮人招工”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第4章。5.思考作业题
实验5 第8次:网页动画创作(下 1.教学要求
了解基于Flash的动画理论基础和操作技巧。2.主要内容
lash动画基础,“图片切换”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第4章。5.思考作业题 实验5 第9次:结构化网页制作(1 1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容
DW基础操作,“我的天空”网站案例。3.教学方法
多媒体教学、小组讨论结合上机操作。
4.阅读材料
参考《多媒体网页设计教程》第5章。5.思考作业题 实验6 第10次:结构化网页制作(2 1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容
网页内容的插入与编辑,“游侠相册”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
参考《多媒体网页设计教程》第5章。5.思考作业题 实验7 第11次:结构化网页制作(3 1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容
多媒体对象的插入与编辑,“游侠相册”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第5章。5.思考作业题 实验7 第12次:结构化网页制作(4 1.教学要求
了解基于DW的设计、编写网页的理论与操作技巧。2.主要内容
超链接编辑与网站发布,“游侠相册”案例。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第5章。5.思考作业题 实验7 第13次:基于CSS的页面样式与布局控制(1
1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容 CSS基础。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第6章。5.思考作业题 实验8 第14次:基于CSS的页面样式与布局控制(2 1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容
样式的编辑与应用。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第6章。
5.思考作业题 实验8 第15次:基于CSS的页面样式与布局控制(3 1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容
盒模型、浮动与定位。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第6章。5.思考作业题 实验8 第16次:基于CSS的页面样式与布局控制(4 1.教学要求
了解利用CSS对页面样式和布局进行控制的理论知识和编写技巧。2.主要内容 布局与排布。3.教学方法
多媒体教学、小组讨论结合上机操作。4.阅读材料
●参考《多媒体网页设计教程》第6章。5.思考作业题 实验8（二、实验课(总32学时,周学时2,16周,每周做一次实验,每次2学时,共16次附件2 实验课内容和学时分配
序号实验项目 名称 实验内容 学时 分配 实验 属性 实验 类型 每组 人数 实验
要求 已开 /未 开 利用记事本制作 简易网页
利用记事本制作符合 web标准的简易网 页:“单反小队”和“公 园里”案例。2 技术 基础 基础 性 1 必做已开 2 图像处理技术之 基础训练
利用PS绘制“米老
鼠的诞生”案例。2 技术 基础 基础 性 1 必做已开 3 图像处理技术之 网站效果图绘制 利用PS绘制“游侠 相册”网页效果图案 例。4 技术 基础 基础 性 1 必做已开 4 简单网站动画制
作
利用FL绘制“矮人招 聘”和“图片轮换” 案例。4 技术 基础 基础 性 1 必做已开 5 利用可视化工具 搭建简单网站 利用DW搭建“我的 天空”简易网站案例。8 技术 基础 综合 性 必做已开 6 基于CSS的页面 样式和布局控制 利用DW,结合CSS 完成“游侠相册”网 站案例的制作。8 技术 基础 基础 性 必做已开撰稿人:诸彬审稿人:学院主管领导: 学院盖章:
第五篇：网页设计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年出版社
点击咨询 