网页设计课程大纲

《网页设计》课程大纲学时：总学时数(90~72）课程性质：必修课选课对象：计算机类专业和文秘、商务等文科类专业先修课程：计算机文化基础、Visual Basic、网络基础、数据库（VFP、ACCESS或SQL）等内容概要：《网页设计》具有很强的操作性和实践性，要求能够熟练地使用VBScript 脚本编程，是一门综合性很强的课程。

教学内容有以下几个部分： Web、URL、HTTP和HTML 等网站的基本概念；HTML文档的基本结构和各种标记的使用；VBScript脚本编程，构建ASP 动态页面，实现页面与数据库的连接；利用Dreamweaver MX进行页面的设计与布局，重点掌握其中的基本表单对象的应用。

选用教材：主要参考书：《网页设计与制作》安徽大学出版社《网页编程技术与实例》人民邮电出版社谭浩强《新编网站规划与设计教程》西北工业大学教学大纲说明一、课程教学目的与任务《网页设计》是一门实用性很强、涉及的知识面广的课程。

它涉及到页面的设计与布局、脚本语言的使用、ASP动态页面设计等内容。

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

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

知识方面：熟练掌握Web站点的基本概念。

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

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

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

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

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

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

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

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

四、课程的内容与学时分配五、本课程的性质及适用对象计算机专业和文秘、商务等文科类专业必修课。

教学大纲内容网页设计基础知识（一）课程内容1.1网页设计的基本概念1.2网页设计基础知识1.3常用的网页编辑器（二）教学提示通过本章的学习，要求了解网站的有关名词，如：WWW服务器、Web节点、网页、网站、主页（Homepage）、浏览器(Browser)、超级链接、http（hypertext transmission protocol）、URL(Uniform Resource Locator)、html（hypertext markup language）语言等；掌握网站设计的基本思路；了解常用的网页设计工具。

（三）知识点1.基本概念。

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

3.网页设计工具。

（四）重点与难点重点是网站设计的基本思路。

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

（三）知识点1．HTML文档的结构。

2．各种HTML标记及属性。

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

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

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

（三）知识点添加页面元素的方法。

页面布局的方法。

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

时间轴的使用方法。

CSS样式面板的使用方法。

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

（四）重点与难点重点是表单以及表单元素的使用；页面布局。

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

VBScript语言（一）课程内容VBScript语言概况VBScript程序构成VBScript语法结构事件驱动及事件处理文档对象的使用（二）教学提示通过本章的学习，要求熟练掌握VBScript的语法规则、函数和三种基本结构；熟练掌握使用VBScript编写页面的方法；熟练掌握VBScript程序的事件处理；掌握文档对象的使用。

（三）知识点1．VBScript的基本语法。

2．VBScript的基本数据类型。

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

4．VBScript的语法结构。

脚本对象模型的使用。

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

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

ASP动态页面设计（一）课程内容ASP简介ASP内建对象利用ADO实现页面与数据库的连接常用的ASP组件（二）教学提示通过本章的学习，要求理解ASP运行机制，熟练掌握ASP运行环境的搭建方式，熟练掌握ASP内建对象的应用；熟练掌握利用ADO实现页面与数据库的连接；能够设计ASP动态页面。

（三）知识点ASP内建对象。

ASP组件。

ADO组件的应用。

（四）重点与难点重点是ASP内建对象的功能；ADO组件的功能。

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

《网页设计》实验大纲课程名称：《网页设计》英文名称：Web Page Design And Facture一、实验的地位、作用与目的上机操作是本课程必不可少的实践环节。

主要目的是锻炼和培养学生使用HTML标记语言、客户端脚本和服务器端脚本语言以及Dreamweaver进行网页设计和网站建设的能力。

要求学生通过实验学会使用网页编辑软件编辑网页；使用HTML标记语言完善页面；使用脚本设计页面；使用ASP设计动态页面。

通过实验让学生及时掌握和巩固所学的内容，使学生真正能够利用所学的知识进行网页设计和网站建设，课程结束前要求学生能够设计一个介绍自己的个人网站。

二、实验基本要求按教材的内容完成课内各项实验任务，客观认真地填写实验报告，记录页面运行结果。

每次实验报告（表格）应及时上交教师，以便进行考核和评分。

实验前学生要复习上课讲过的内容，按要求设计好页面，然后在机器上编辑和运行。

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

四、主要设备及器材配置计算机和网络设备。

五、课程的学时建议总学时数： 72~90 建议实验学时数：32~38六、适用对象计算机专业和文秘、商务等文科类专业七、实验项目与内容提要八、教法说明教学采用理论联系实际的方法，把课堂理论讲授和实验室实训结合起来。

在 1 、 2 章的教学中，讲解网页设计基础和HTML语言。

第 3 章全面介绍网页设计工具。

第 4和第 5章则侧重于使用脚本设计动态网页。

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

九、考核方式及评分办法本课程考核采用形成性考核方式，即课程的考试成绩由学习期间的各项过程成绩组成，各项过程成绩的分数比例依次为：平时成绩 20% 、实训项目 20% 、创意成绩 10% 、期末理论考核成绩 50% 。

其中平时成绩强调平时的出勤、课堂纪律、课堂表现和作业；实训项目考察学生分析问题解决问题的能力；期末的理论考核采取闭卷方式。