网页设计课程大纲

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

时：总学时数(90~72）

课程性质：必修课

选课对象：计算机类专业和文秘、商务等文科类专业网页设计课程大纲全文共7页，当前为第1页。先修课程：计算机文化基础、VisualBasic、网络基础、数据库（VFP、ACCESS或SQL）等

内容概要：《网页设计》具有很强的操作性和实践性，要求能够熟练地使用VBScript脚本编程，是一门综合性很强的课程。教学内容有以下几个部分：Web、URL、HTTP和HTML等网站的基本概念；HTML文档的基本结构和各种标记的使用；VBScript脚本编程，构建ASP动态页面，实现页面与数据库的连接；利用DreamweaverMX进行页面的设计与布局，重点掌握其中的基本表单对象的应用。

选用教材：

主要参考书：

《网页设计与制作》

安徽大学出版社

《网页编程技术与实例》

人民邮电出版社

谭浩强

《新编网站规划与设计教程》西北工业大学

教学大纲说明

一、课程教学目的与任务

《网页设计》是一门实用性很强、涉及的知识面广的课程。它涉及到页面的设计与布局、脚本语言的使用、ASP动态页面设计等内容。

本课程的目的是通过对HTML、VBScript编程技术、DreamweaverMX、ASP动态页面设计的学习，掌握综合应用网页设计的各种技能，培养学生的自我学习和动手能力，真正能使用所学的知识进行网站建设。

二、课程的基本的要求

通过本课程的学习，应能达到知识和技能两方面的目标。

知识方面：

熟练掌握Web站点的基本概念。

熟练掌握HTML文档结构和各种标记的使用。

掌握VBScript编程技术和ASP技术。

掌握DreamweaverMX页面设计方法和常用的表单对象。

技能方面：

熟练掌握利用HTML标记进行页面设计的方法和技巧。

熟练掌握利用VBScript、ASP进行动态页面设计的方法和技巧。

熟练掌握利用DreamweaverMX进行页面设计与布局的方法和技巧。

三、其它课程的联系和分工

本课程的知识和技能与各专业的计算机相关课程关系密切，是计算机相关课程内容的综合应用。

本课程的学习需要的知识有图形图像处理、网页编程、页面的布局等，更重要的是动态页面的设计，因此要求先修的课程有：计算机文化基础、VisualBasic、数据库（VFP、ACCESS或SQL）。

四、课程的内容与学时分配

网页设计课程大纲全文共7页，当前为第1页。章次

内

容本章参考学时数课堂讲授学时数实验学时1网页设计基础知识4~62~422HTML标记语言12~166~1063DreamweaverMX20~2412~148~104VBScript12~148~1045ASP动态页面设计18~2210~128~106网站制作实例6~824~6总计总学时数72~9040~5232~38网页设计课程大纲全文共7页，当前为第2页。

五、本课程的性质及适用对象

计算机专业和文秘、商务等文科类专业必修课。

教学大纲内容

网页设计基础知识

（一）课程内容

1.1网页设计的基本概念

1.2网页设计基础知识

1.3常用的网页编辑器

（二）教学提示网页设计课程大纲全文共7页，当前为第2页。通过本章的学习，要求了解网站的有关名词，如：WWW服务器、Web节点、网页、网站、主页（Homepage）、浏览器(Browser)、超级链接、http（hypertexttransmissionprotocol）、URL(UniformResourceLocator)、html（hypertextmarkuplanguage）语言等；掌握网站设计的基本思路；了解常用的网页设计工具。

（三）知识点

1.基本概念。

2.网站设计的基本思路。

3.网页设计工具。

（四）重点与难点

重点是网站设计的基本思路。

HTML标记语言

（一）课程内容

HTML标记语言简介

HTML中常用标记及属性

（二）教学提示网页设计课程大纲全文共7页，当前为第3页。通过本章的学习，要求了解HTML语言的发展情况；掌握HTML的基本概念、文档的基本结构，以及HTML文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等HTML的常用标记及相关属性；熟练应用HTML标记语言对利用网页设计工具软件设计出的网页进行修改和优化，从而实现对网页精确的控制。

（三）知识点

1．HTML文档的结构。

2．各种HTML标记及属性。

（四）重点与难点

重点是HTML文档的基本结构、HTML文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等HTML的常用标记及相关属性。

难点是应用HTML标记语言对利用网页设计工具软件设计出的网页进行修改和优化，从而实现对网页精确的控制。

DreamweaverMX

（一）课程内容

3.1Dreamweaver

MX简介

3.2站点的建立与管理

3.3页面布局与设计

（二）教学提示

通过本章的学习，要求了解DreamweaverMX基本概念，WWW服务器的设置，DreamweaverMX的几种视图方式及切换方法，会预览网页；掌握网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性、插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、添加导航条等方法；掌握表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图规划页面的总体布局；掌握超链接和超链接路径的基本概念，掌握建立超链接的操作方法，学会建立文本超链接；掌握插入表单以及表单元素的方法；掌握CSS样式表的基本概念，会使用CSS样式面板；DreamweaverMX时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法等。

（三）知识点

添加页面元素的方法。

页面布局的方法。

超链接和超链接路径的设置。

时间轴的使用方法。

CSS样式面板的使用方法。

表单以及表单元素的使用方法。

（四）重点与难点

重点是表单以及表单元素的使用；页面布局。

难点是CSS样式与页面布局。

VBScript语言

（一）课程内容

VBScript语言概况

VBScript程序构成

VBScript语法结构

事件驱动及事件处理

文档对象的使用

（二）教学提示

通过本章的学习，要求熟练掌握VBScript的语法规则、函数和三种基本结构；熟练掌握使用VBScript编写页面的方法；熟练掌握VBScript程序的事件处理；掌握文档对象的使用。

（三）知识点

1．VBScript的基本语法。

2．VBScript的基本数据类型。

3．VBScript的表达式和运算符。

4．VBScript的语法结构。

脚本对象模型的使用。

网页设计课程大纲全文共7页，当前为第4页。（四）重点与难点

重点是VBScript程序的语法规则、函数和三种基本结构；Window对象模型和Document对象模型。

难点是灵活应用VBScript编写页面；文档对象模型。

ASP动态页面设计

（一）课程内容

ASP简介

ASP内建对象

利用ADO实现页面与数据库的连接

常用的ASP组件

（二）教学提示

通过本章的学习，要求理解ASP运行机制，熟练掌握ASP运行环境的搭建方式，熟练掌握ASP内建对象的应用；熟练掌握利用ADO实现页面与数据库的连接；能够设计ASP动态页面。

（三）知识点

ASP内建对象。

ASP组件。

ADO组件的应用。

（四）重点与难点

重点是ASP内建对象的功能；ADO组件的功能。

难点是灵活应用ASP设计动态页面。

《网页设计》实验大纲

课程名称：《网页设计》

英文名称：WebPageDesignAndFacture

一、实验的地位、作用与目的

上机操作是本课程必不可少的实践环节。主要目的是锻炼和培养学生使用HTML标记语言、客户端脚本和服务器端脚本语言以及Dreamweaver进行网页设计和网站建设的能力。要求学生通过实验学会使用网页编辑软件编辑网页；使用HTML标记语言完善页面；使用脚本设计页面；使用ASP设计动态页面。通过实验让学生及时掌握和巩固所学的内容，使学生真正能够利用所学的知识进行网页设计和网站建设，课程结束前要求学生能够设计一个介绍自己的个人网站。

二、实验基本要求

按教材的内容完成课内各项实验任务，客观认真地填写实验报告，记录页面运行结果。每次实验报告（表格）应及时上交教师，以便进行考核和评分。实验前学生要复习上课讲过的内容，按要求设计好页面，然后在机器上编辑和运行。

网页设计课程大纲全文共7页，当前为第5页。三、实验原理和课程简介

本实验课程是应用HTML标记语言、脚本和服务器端脚本以及Dreamweaver进行网页设计和网站建设。

四、主要设备及器材配置

计算机和网络设备。

五、课程的学时

建议总学时数：72~90

建议实验学时数：32~38

六、适用对象

计算机专业和文秘、商务等文科类专业

七、实验项目与内容提要网页设计课程大纲全文共7页，当前为第3页。网页设计课程大纲全文共7页，当前为第4页。网页设计课程大纲全文共7页，当前为第5页。序号实验内容内容提要实验要求实验时数实验类型1网页设计基础知识了解网页设计的基本概念、浏览典型网站，熟悉页面元素必开2验证与设计2利用HTML标记在记事本中编写页面熟悉HTML的各种标记及其作用6验证与设计

3DreamweaverMX的使用熟悉DreamweaverMX的作用，WWW服务器的设置，利用DreamweaverMX设计页面

8~10

验证与设计

4VBScript熟悉VBScript的作用，利用脚本设计页面4验证与设计

5ASP动态页面设计熟悉ASP内建对象和组件，利用ASP进行动态页面的设计8~10验证与设计

6个人网站设计综合应用网页开发软件进行网站建设4~6综合设计合计32~38八、教法说明网页设计课程大纲全文共7页，当前为第6页。教学采用理论联系实际的方法，把课堂理论讲授和实验室实训结合起来。

在1、2章的教学中，讲解网页设计基础和HTML语言。第3章全面介绍网页设计工具。第4和第5章则侧重于使用

脚本设计动态网页。

页面的布局和动态页面的设计是本课程的重点，同时也是难点，要注重选取有趣味性的、实用的、易学的案例，精讲多练，启发学生独立思考、调动学生的主观能动性，鼓励学生多提问题、共同探