《网页设计》课程教学大纲课程编号：课程名称：网页设计英文名称：WebpageDesign课程类型：专业必修课总学时：42理论学时：21实验学时：21适用对象：信息管理与信息系统专业（卫生信息方向）本科课程性质、目的和任务一通过本课程的学习，使学生了解网页设计的基本原理，掌握网页设计的基本设计方法。具体要求如下：1.掌握利用Dreamweaver、Html/CSS、JavaScript创建网站及维护网站的方法和技巧。2.了解JavaScript在网页编程中的应用。3.理解网页和网页制作中的一些基本概念。4.能够使用CSS样式表定义网页格式。5.掌握网站的上传。二、教学基本要求使学生能够利用Dreamweaver和Html基本只是创建网页，利用CSS样式表定义网页的样式，使用JavaScript创建具有特殊效果的网页，完成网页的发布。三、各教学环节学时分配内容小计课堂讲授实验课112（一）网页的基本知识213（二）文字与段落112（三）列表224（四）超级链接112（五）网页中的多媒体224（六）表格、框架314(七）表单5611（八）CSS应用336（九）JavaScript基础134（十）综合网站制作实例总计212142四、教学内容及要求第一章网页的基本知识1
1 《网页设计》课程教学大纲 课程编号: 课程名称：网页设计 英文名称：Web page Design 课程类型：专业必修课 总学时：42 理论学时：21 实验学时：21 适用对象：信息管理与信息系统专业（卫生信息方向）本科 一、课程性质、目的和任务 通过本课程的学习，使学生了解网页设计的基本原理，掌握网页设计的基本设计方法。具体 要求如下： 1. 掌握利用 Dreamweaver、Html/CSS、JavaScript 创建网站及维护网站的方法和技巧。 2. 了解 JavaScript 在网页编程中的应用。 3. 理解网页和网页制作中的一些基本概念。 4. 能够使用 CSS 样式表定义网页格式。 5. 掌握网站的上传。 二、教学基本要求 使学生能够利用 Dreamweaver 和 Html 基本只是创建网页，利用 CSS 样式表定义网页的样式， 使用 JavaScript 创建具有特殊效果的网页，完成网页的发布。 三、各教学环节学时分配 内 容 课堂讲授 实验课 小计 （一）网页的基本知识 1 1 2 （二）文字与段落 2 1 3 （三）列表 1 1 2 （四）超级链接 2 2 4 （五）网页中的多媒体 1 1 2 （六）表格、框架 2 2 4 （七）表单 3 1 4 （八）CSS 应用 5 6 11 （九）JavaScript 基础 3 3 6 （十）综合网站制作实例 1 3 4 总 计 21 21 42 四、教学内容及要求 第一章 网页的基本知识
【教学目的】1.掌握HTML文档的基本结构及标记属性的使用方法和规则：2.熟悉万维网的用途及网页设计的基本概念；3.熟悉HTML、CSS、JavaScript在网页设计中的重要作用。【教学内容】HTML文档的基本结构及标记属性的使用方法和规则：万维网的用途及网页设计的基本概念：HTML、CSS、JavaScript在网页设计中的重要作用。【教学时数】1学时。第二章文字与段落【教学目的】1.掌握文字格式设置标记FONT及其相关属性2.掌握段落标记的应用：3．熟悉文字与段落的HTML标记。【教学内容】文字格式设置标记FONT及其相关属性：段落标记的应用：文字与段落的HTML标记。【教学时数】2学时。第三章列表【教学目的】1．掌握列表的定义；2.掌握列表的嵌套使用；3．熟悉有序列表与无序列表。【教学内容】列表的定义：嵌套使用；有序列表与无序列表。【教学时数】1学时。第四章超级链接【教学目的】1.掌握设置不同类型超级链接的方法；2.掌握相对超级链接的使用；3．熟悉几种不同类型的超级链接。【教学内容】设置不同类型超级链接：相对超级链接的使用：【教学时数】2学时。第五章网页中的多媒体【教学目的】1.掌握网页中添加各种多媒体元素的方法：2
2 【教学目的】 1. 掌握 HTML 文档的基本结构及标记属性的使用方法和规则； 2. 熟悉万维网的用途及网页设计的基本概念； 3. 熟悉 HTML、CSS、JavaScript 在网页设计中的重要作用。 【教学内容】 HTML 文档的基本结构及标记属性的使用方法和规则；万维网的用途及网页设计的基本概念； HTML、CSS、JavaScript 在网页设计中的重要作用。 【教学时数】1 学时。 第二章 文字与段落 【教学目的】 1. 掌握文字格式设置标记 FONT 及其相关属性； 2. 掌握段落标记的应用； 3. 熟悉文字与段落的 HTML 标记。 【教学内容】 文字格式设置标记 FONT 及其相关属性；段落标记的应用；文字与段落的 HTML 标记。 【教学时数】2 学时。 第三章 列表 【教学目的】 1. 掌握列表的定义； 2. 掌握列表的嵌套使用； 3. 熟悉有序列表与无序列表。 【教学内容】 列表的定义；嵌套使用；有序列表与无序列表。 【教学时数】1 学时。 第四章 超级链接 【教学目的】 1. 掌握设置不同类型超级链接的方法； 2. 掌握相对超级链接的使用； 3. 熟悉几种不同类型的超级链接。 【教学内容】 设置不同类型超级链接；相对超级链接的使用； 【教学时数】2 学时。 第五章 网页中的多媒体 【教学目的】 1. 掌握网页中添加各种多媒体元素的方法；
2.掌握网页中添加音乐的两种不同方式和各自优缺点：3.掌握背景音乐设置后如何关闭音乐。【教学内容】网页中添加各种多媒体元素的方法：网页中添加音乐的两种不同方式：背景音乐设置后如何关闭音乐。【教学时数】1学时。第六章表格、框架【教学目的】1.掌握表格的修饰属性；2.掌握框架中链接的设置：3.熟悉表格与框架的生成；4.了解表格与框架的优缺点。【教学内容】表格的修饰属性：框架中链接的设置：表格与框架的生成。【教学时数】2学时。第七章表单【教学目的】1.掌握各种常用表单控件的使用：2掌握表单的创建；3熟悉表单在网页中的应用：4.创建表单的方法。【教学内容】各种常用表单控件的使用：表单的创建；表单在网页中的应用；创建表单的方法。【教学时数】3学时。第八章CSS应用【教学目的】1.掌握CSS应用的三种方法；2.掌握CSS的各种关键代码；3.掌握CSS+DIV布局网页的关键方法：4.熟悉CSS美化网页；5.熟悉CSS在网页设计中的地位及作用。【教学内容】CSS应用的三种方法；CSS的各种关键代码：CSS+DIV布局网页的关键方法：CSS美化网页；【教学时数】5学时。第九章JavaScript基础【教学目的】3
3 2. 掌握网页中添加音乐的两种不同方式和各自优缺点； 3. 掌握背景音乐设置后如何关闭音乐。 【教学内容】 网页中添加各种多媒体元素的方法；网页中添加音乐的两种不同方式；背景音乐设置后如何 关闭音乐。 【教学时数】1 学时。 第六章 表格、框架 【教学目的】 1. 掌握表格的修饰属性； 2. 掌握框架中链接的设置； 3. 熟悉表格与框架的生成； 4. 了解表格与框架的优缺点。 【教学内容】 表格的修饰属性；框架中链接的设置；表格与框架的生成。 【教学时数】2 学时。 第七章 表单 【教学目的】 1. 掌握各种常用表单控件的使用； 2. 掌握表单的创建； 3. 熟悉表单在网页中的应用； 4. 创建表单的方法。 【教学内容】 各种常用表单控件的使用；表单的创建；表单在网页中的应用；创建表单的方法。 【教学时数】3 学时。 第八章 CSS 应用 【教学目的】 1. 掌握 CSS 应用的三种方法； 2. 掌握 CSS 的各种关键代码； 3. 掌握 CSS+DIV 布局网页的关键方法； 4. 熟悉 CSS 美化网页； 5. 熟悉 CSS 在网页设计中的地位及作用。 【教学内容】 CSS 应用的三种方法；CSS 的各种关键代码；CSS+DIV 布局网页的关键方法；CSS 美化网页； 【教学时数】5 学时。 第九章 JavaScript 基础 【教学目的】
1.掌握JavaScript的几种应用方式：2.掌握JavaScript实现几种常见的网页动态效果；3.掌握常用弹出窗口的实现；4．熟悉JavaScript在网页设计中的意义。【教学内容】JavaScript的几种应用方式：JavaScript实现几种常见的网页动态效果；常用弹出窗口的实现；JavaScript在网页设计中的意义。【教学时数】3学时。第十章综合网站制作实例【教学目的】1.掌握网站制作的基本流程；2.掌握网站制作关键技术：3.掌握各种技术在网站制作中的灵活应用。【教学内容】网站制作的基本流程；网站制作关键技术。【教学时数】1学时。五、实验实验一网页设计环境【实验教学重点】1.了解网站的基础知识、WWW服务器；2.熟悉常见的网页制作工具DreamweaverVisual。【实验内容】访问网页的工作原理、一些相关的概念，WWW服务器、WEB节点、主页(Homepage)、浏览器(Browser)、超级链接、HTTP(HypertextTransmission Protoco1)、URL(Uniform ResourceLocator)、HTML(HypertextMarkupLanguage)语言等。。【实验学时】1学时。实验二HTML标记语言【实验教学重点】1.掌握HTML文档的基本结构、标记和标记属性的概念及作用：2.熟悉文本编辑软件建立和编辑HTML文档的方法3.掌握使用标记在网页中插入和编辑基本的网页元素：4.掌握利用表格标记建立和编辑表格，学会在表格中使用其他网页元素。【实验内容】HTML文档的基本结构、HTML文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等HTML的常用标记及相关属性。【实验学时】2学时。实验三Dreamweaver基本操作4
4 1. 掌握 JavaScript 的几种应用方式； 2. 掌握 JavaScript 实现几种常见的网页动态效果； 3. 掌握常用弹出窗口的实现； 4. 熟悉 JavaScript 在网页设计中的意义。 【教学内容】 JavaScript 的几种应用方式；JavaScript 实现几种常见的网页动态效果；常用弹出窗口的实现； JavaScript 在网页设计中的意义。 【教学时数】3 学时。 第十章 综合网站制作实例 【教学目的】 1. 掌握网站制作的基本流程； 2. 掌握网站制作关键技术； 3. 掌握各种技术在网站制作中的灵活应用。 【教学内容】 网站制作的基本流程；网站制作关键技术。 【教学时数】1 学时。 五、实验 实验一 网页设计环境 【实验教学重点】 1. 了解网站的基础知识、WWW 服务器； 2. 熟悉常见的网页制作工具 DreamweaverVisual。 【实验内容】 访问网页的工作原理、一些相关的概念，WWW 服务器、WEB 节点、主页(Homepage)、浏 览器(Browser) 、超级链接、HTTP(Hypertext Transmission Protoc01) 、URL(Uniform Resource Locator)、HTML(Hypertext Markup Language)语言等。 【实验学时】1 学时。 实验二 HTML 标记语言 【实验教学重点】 1. 掌握 HTML 文档的基本结构、标记和标记属性的概念及作用； 2. 熟悉文本编辑软件建立和编辑 HTML 文档的方法； 3. 掌握使用标记在网页中插入和编辑基本的网页元素； 4. 掌握利用表格标记建立和编辑表格，学会在表格中使用其他网页元素。 【实验内容】 HTML 文档的基本结构、HTML 文档结构标记、段落标记、字符标记、链接标记、图像标记、 列表标记、表格标记等 HTML 的常用标记及相关属性。 【实验学时】2 学时。 实验三 Dreamweaver 基本操作
【实验教学重点】1.了解Dreamweaver的功能特点，熟悉Dreamweaver的工作界面；2.掌握在文档中插入和编辑文本、图像、媒体等页面元素的方法：3.了解页面属性的主要功能，能进行页面属性设置；4.熟练建立和管理页面中常用的超级链接：5.熟悉表单的基本操作。【实验内容】Dreamweaver的功能特点，Dreamweaver的工作界面，在文档中插入和编辑文本、图像、媒体等页面元素的方法，页面属性的主要功能，能进行页面属性设置：建立和管理页面中常用的超级链接，表单的基本操作。【实验学时】6学时。实验四CSS样式应用【实验教学重点】1.熟悉CSS应用的三种方法：2.熟悉CSS的各种关键代码：3.掌握CSS+DIV布局网页的关键方法：4.掌握CSS美化网页。【实验内容】CSS应用的三种方法：熟悉CSS的各种关键代码；掌握CSS+DIV布局网页的关键方法；掌握CSS美化网页。【实验学时】6学时。实验五JavaScript语言【实验教学重点】1．掌握JavaScript的几种应用方式：2.熟悉JavaScript实现几种常见的网页动态效果；3.熟悉常用弹出窗口的实现。【实验内容】JavaScript的几种应用方式；JavaScript实现几种常见的网页动态效果：常用弹出窗口的实现。【实验学时】3学时。实验六综合网站制作【实验教学重点】1.了解网站建设的全过程；2.掌握网站发布的全过程；3.了解网站的管理。【实验内容】需求建立网站结构：为网站设计LOGO和BANNER；设计网页、导航系统；建立网页之间的链接；申请空间和域名，发布网站；管理网站。【实验学时】3学时。5
5 【实验教学重点】 1. 了解 Dreamweaver 的功能特点，熟悉 Dreamweaver 的工作界面； 2. 掌握在文档中插入和编辑文本、图像、媒体等页面元素的方法； 3. 了解页面属性的主要功能，能进行页面属性设置； 4. 熟练建立和管理页面中常用的超级链接； 5. 熟悉表单的基本操作。 【实验内容】 Dreamweaver 的功能特点，Dreamweaver 的工作界面，在文档中插入和编辑文本、图像、媒 体等页面元素的方法，页面属性的主要功能，能进行页面属性设置；建立和管理页面中常用的超 级链接，表单的基本操作。 【实验学时】6 学时。 实验四 CSS 样式应用 【实验教学重点】 1. 熟悉 CSS 应用的三种方法； 2. 熟悉 CSS 的各种关键代码； 3. 掌握 CSS+DIV 布局网页的关键方法； 4. 掌握 CSS 美化网页。 【实验内容】 CSS 应用的三种方法；熟悉 CSS 的各种关键代码；掌握 CSS+DIV 布局网页的关键方法；掌 握 CSS 美化网页。 【实验学时】6 学时。 实验五 JavaScript 语言 【实验教学重点】 1. 掌握 JavaScript 的几种应用方式； 2. 熟悉 JavaScript 实现几种常见的网页动态效果； 3. 熟悉常用弹出窗口的实现。 【实验内容】 JavaScript 的几种应用方式；JavaScript 实现几种常见的网页动态效果；常用弹出窗口的实现。 【实验学时】3 学时。 实验六 综合网站制作 【实验教学重点】 1. 了解网站建设的全过程； 2. 掌握网站发布的全过程； 3. 了解网站的管理。 【实验内容】 需求建立网站结构；为网站设计 LOGO 和 BANNER；设计网页、导航系统；建立网页之间 的链接；申请空间和域名，发布网站；管理网站。 【实验学时】3 学时