第一篇：网页设计与网站建设课程教学大纲

网页设计与网站建设课程教学大纲

一、课程编号 B040378

二、课程名称

（1）中文名：网页设计与网站建设

（2）英文名：Web Page Design and Website Establish

三、课程类型：理论含实践课

四、开课系（部）

信息技术系专业教研室

五、大纲说明

1、学时、学分数、课程性质、考试方式、成绩评定 修业年总学时学分课程性质 考核方式 成绩评定

数 64

数 4

专业基础上机 课

专业基础上机 课

等级制 百分制 专业名称 限 计算机信2 息管理 计算机应2 用技术

2、课程开设目的

本课程是一门实用性较强，面向动态网页设计与维护技术性的课程。通过本课程的学习，使学生具有制作动态网页的能力，同时了解网站的技术发展趋势、最新的技术动态及网页/网站制作软件平台。本课程将结合Dreamweaver 8来进行教学，介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点，进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。

六、教学内容

第一章 体验Dreamweaver8梦幻境界 【教学目的和要求】

了解Internet与Web基础、常用的网页设计软件和编程语言。掌握Dreamweaver8网页制作工作环境，面板操作，以及制作简单网页的方法。【教学重点与难点】

重点：网站开发有关知识、Dreamweaver8制作网页的基本方法 难点：自定义工作环境 【教学时数】 2学时 【教学方法与手段】 讲授 【教学内容】

1.Internet与Web基础知识 2.网站开发技术简介

3.Dreamweaver 8新增功能 4.Dreamweaver 8工作环境 5.自定义工作环境 【实践教学时数】 2 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】 熟悉Dreamweaver 8运行环境

初步认识Dreamweaver 8工作环境及面板 制作简单网页

第二章 编辑网页元素 使用表格布局页面 【教学目的和要求】

了解网页的基本组成和基本操作，理解链接的概念、控制和管理，掌握同网页的内容、格式和链接关系，表格布局方法。【教学重点与难点】

重点：文字和图片的处理方法、表格的控制、表格布局 难点：链接的控制和管理方法 【教学时数】 4学时 【教学方法与手段】 讲授 【教学内容】 1.文字处理 2.图片处理 3.创建表格 4.掌握超链接 5.表格布局

【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

制作简单网页 设置文本的锚点链接 鼠标经过图像

运用布局模式设计页面

第三章 运用层和框架 编辑多媒体元素 【教学目的和要求】

了解网页信息的立体组织结构的观念，并以此观念理解网页信息组织和控制方法的认识，掌握Layer(图层)和 Frames(框架)的创建和使用。掌握flash、视频、音频的插入方法。【教学重点与难点】

重点：网页信息的立体控制方法，图层、行为、框架，难点：编辑多媒体 【教学时数】4学时 【教学方法与手段】讲授 【教学内容】

1.网页的定位技术框架 2.Layer(图层)3.flash、视频、音频的插入 【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

利用框架设计页面 利用层设计页面 层与表格相互转换 在线音乐欣赏

第四章 安装调试服务器与站点管理 HTML和CSS样式 【教学目的和要求】

了解服务器的安装与调试，理解站点的管理方法及配置IIS，掌握HTML的基本语法、编辑环境与基本结构，理解CSS样式针对格式的控制，了解样式的总体分类，尽量把多种控制手段、方法结合起来使用。【教学重点与难点】

重点：站点的管理方法，HTML基本语法 难点：CSS样式针对格式的控制 【教学时数】4学时 【教学方法与手段】 讲授 【教学内容】 1.安装调试服务器 2.站点管理 3.HTML标记 4.CSS样式

【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

1.创建web站点，配置IIS，本地、测试、远程站点 2.利用HTML制作网页 3.利用CSS制作特效网页

第五章 提高工作效率 制作网页特效 【教学目的和要求】

了解资源面板的作用和使用。掌握模板和库的运用方法（包括：制作、更新、管理），掌握对全站点的统一、高效的彻底控制的方法。理解掌握网页信息的立体控制方法，Behaviors(行为)及时间轴的使用及JavaScript的简单应用。【教学重点与难点】

重点：模板应用，Behaviors(行为)及时间轴的使用。难点：JavaScript的应用。【教学时数】6学时 【教学方法与手段】讲授 【教学内容】 1.资源面板的使用 2.模 板 3.库

4.Behaviors(行为)的使用 5.时间轴的使用

6.JavaScript的简单应用 【实践教学时数】 6 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】 利用模板制作个人网站 设置快捷菜单

利用行为和时间轴制作特效页面 JavaScript的应用

构建动态网站基础知识

【教学目的和要求】

了解Asp的基本概念，掌握用事件编程来控制网页，理解ASP的概念及其相关的技术，掌握服务器怎样和客户交互，制作出完整的应用程序。掌握表单的创建和使用，理解表单的可实现网页数据传输功能，了解表单的不同提交方式之间的区别。【教学重点与难点】

重点：表单格式控制、表单处理。难点：Asp对象 【教学时数】 4学时 【教学方法与手段】 讲授 【教学内容】

1.ASP的对象、服务器对象 2.表单概念 3.创建表单

4.表单发送方式的处理 【实践教学时数】 4 学时

【教学方法与手段】 演示法、实验法 【实践教学内容】

利用表单对象制作上传页面 制作个人简历 第七章 动态网站数据库 【教学目的和要求】

了解数据库与网页之间的联系，理解数据库的概念，掌握动态网站的设置和数据库的应用。【教学重点与难点】

重点：数据库的相关概念和原理，数据库连接 难点：SQL语句，数据库连接 【教学时数】 2学时 【教学方法与手段】讲授 【教学内容】

动态网站的设置 数据库的连接 SQL语言中的常用语句 通过ADO使用数据库

定义记录集，并与数据库的绑定 在页面显示记录 【实践教学时数】 2 学时 【教学方法与手段】 演示法、实验法 【实践教学内容】 利用Access建立数据库 利用网页对数据库数据进行操作 第八章 综合实例 【教学目的和要求】

通过对具体网站设计实例的讲解，提高学生综合分析问题和解决问题的能力。使学生掌握运用Dreamweaver8独立地进行网站相关设计的技能，初步具备实际工作能力，实现登陆、注册、修改、查询、留言板等功能。【教学重点与难点】

重点：确定网站整体设计风格，查询、留言板功能 难点：网站整体设计的把握和确定，相关数据库的设计 【教学时数】 6学时 【教学方法与手段】讲授 【教学内容】

网站主题的确定资料和素材的收集 各级页面之间的连接

动态网页与相关数据库的连接

实现登陆、注册、修改、查询、留言板等功能 【实践教学时数】 6 学时 【教学方法与手段】 演示法、实验法 【实践教学内容】 1.创建站点 2.设计数据库 3.实现登陆、注册、修改、查询、留言板等功能

七、建议教材与教学参考书 教材：

1.《Dreamweaver 8网页制作与网站开发》杨志姝，吴俊海编著 清华大学出版社

2006年出版 版次1 参考书：

1.《中文版Dreamweaver MX 2004标准教程》鲍嘉，卢坚编著，海洋出版社

2004年出版 版次1 2.《Dreamweaver MX入门与提高》周家地，肖小清编著，清华大学出版社

2002年出版 版次1 3.《ASP动态网页设计教程》丁桂芝编著，中国铁道出版社2005年出版 版次1 制定人：（课程负责人或任课教师签字）日期：

审核人：（系或教研室主任签字）日期： 审定人：（教学院长或教务处长签字）

日期：

香蕉街,棉先生,初棉,棉先生官方,棉先生淘宝,原创女装,2013新款女装

http://www.xiexiebang.com

第二篇：《网页设计》课程教学大纲

《网页设计》课程教学大纲

课程编号：

英文名称：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、实验内容：

用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。

一首唐诗

夜雨寄北

李商隐

君问归期未有期，

巴山夜雨涨秋池。

何当共剪西窗烛，

却话巴山夜雨时。

第四篇：网页设计与网站建设

《网页设计与网站建设》实验教学大纲

课程编号070105007

学时学分：总学时：64总学分：4实验学时：

32适用对象：计算机科学与技术及相关本科专业

课程属性：专业方向课

实验属性：非独立设课

一、课程的性质与任务

随着Internet的普及，网页已经成为人们信息发布及获取、思想交流和商务往来最重要的途径，网页制作已成为当今社会上一种比较热门的技术，本课程突出实用技术和应用技能，是计算机专业学生的一门必选课，同时又可作为相关专业学生的选修课。

网页设计课程是学生在学习了高级程序设计语言、数据库原理及应用等课程的基础上开设的一门实用性较强的课程，实验课的任务是通过实验加深对理论知识的理解，基本掌握WEB应用的规划、设计和动态网页制作中对于内容的动态显示与更新技术，培养学生的动手能力和设计能力。

二、实验的目的与基本要求

实验目的：通过实验让学生掌握网站的配置方式和网页设计的基本方法。

基本要求：

（1）掌握页面的设计与布局的基本方法；

（2）掌握JS脚本语言的使用方法；

（3）掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。

三、实验考核方式及办法

实验成绩根据学生的实验完成情况、实验纪律、实验报告进行综合评定，给出优（90-100）、良（70-89）、及格（60-69）、不及格（60以下）。实验成绩占本课程总成绩的20%，对缺实验成绩或不及格者，《网页设计与网站建设》课程不予通过。

四、实验项目一览表

网页制作实验项目一览表

序 号2 3 4

5实验项目 名称

div布局 css层叠样式单

JS脚本 asp.net控件 ado.net数据库连接

实验 类型

验证性 设计性 设计性 设计性 设计性

实验 要求

必做 必做 必做 必做 必做

适用 专业

理工类 理工类 理工类 理工类 理工类

学 时6 6 6 8

五、实验项目的具体内容：

实验一div布局

1．本次实验的目的和要求

掌握网页设计的DIV布局方式，能够使用DIV进行层布局，认真撰写实验报告，严格遵守实验室规章制度。

2．实验内容或原理

掌握dream weaver软件的基本功能，熟悉dream weaver的工具箱,使用DIV做层布局。

3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，搭建好asp.net的开发环境。

4．实验步骤

（1）打开dream weaver软件；（2）使用div布局设计网页；（3）div的布局设计与修改。

5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。

6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。

7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验二css层叠样式单

1．本次实验的目的和要求

通过dream weaver软件的使用，掌握使用css层叠样式单做布局样式控制的方法，要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

通过dream weaver软件的使用，使用css层叠样式单做布局样式控制。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weaver软件，建好asp.net的开发环境。4．实验步骤

（1）打开dream weave软件。

（2）用css层层叠样式单做布局样式控制。（3）css层叠样式单编写与调用。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验三JS脚本

1．本次实验的目的和要求

掌握JS脚本的基本用法、变量、函数、DOM文档对象的操作。要求认真撰写实验报告，严格遵守实验室规章制度。2．实验内容或原理

JS脚本的基本用法、变量、函数、DOM文档对象的操作。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有dream weave软件。4．实验步骤

（1）打开dream weave软件。

（2）新建JS文件，编写脚本程序实现对JS脚本的变量、函数、DOM文档对象的操作。

（3）外部调用JS文件。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验四 asp.net控件

1．本次实验的目的和要求

掌握asp.net控件（包括HTML控件与服务器端控件）的使用方法。实验后要求认真撰写实验报告，实验过程中严格遵守实验室规章制度。2．实验内容或原理

运用所学知识，用HTML控件与服务器端控件进行编程，实现简单功能。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）新建空白页面或者空站点。

（3）用HTML控件与服务器端控件进行编程并调试。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

实验五ado.net数据库连接

1．本次实验的目的和要求

掌握ado.net数据库连接的基本概念、ADO.NET对象模型、SqlConnection对象。

2．实验内容或原理

建立ado.net数据库连接，ADO.NET对象模型、SqlConnection对象。3．需用的仪器或试剂等

多媒体计算机，操作系统Windows 2000/XP以上，并安装有asp.net开发平台。4．实验步骤

（1）打开asp.net开发平台。（2）建立ado.net数据库连接。

（3）通过SqlCommand对象提供的方法传递对数据库操作的命令，并返回命令执行的结果。5．教学方式

学生主要通过上机实验，在相应的软件环境下学习处理，教师实时指导。6．考核要求

实验过程中能认真独立完成实验，实验完成后及时上交实验报告，实验过程的表现和实验报告成绩记入平时成绩。7．实验报告要求

实验报告格式正确，书写工整，字迹清楚，步骤叙述清楚，实验结果符合逻辑。

六、实验教材及主要参考资料

翁健红编著，基于C#的ASP.NET程序设计(第2版)，机械工业出版社

七、教改说明及其他

在实验教学过程中可以结合优秀网站分析、优秀作业点评、作业中普遍存在的主要问题及改正方法的分析等方法相互穿插结合进行教学。

第五篇：网页设计与制作课程教学大纲

网页设计与制作课程教学大纲

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%。