徐州工程学院：《网页制作与网站建设》讲义

徐州工程学院敏案 《网页制作与网站建设》

徐州工程学院教案 《网页制作与网站建设》

徐州工程学院教案纸 前 言 课程介绍: 随着 Internet的不断普及,网络上的站点越来越多,内容也越来越 丰富,由此带来的是网页设计与制作的工作量空前加大,涉及的技术也越 来越复杂。在课程设计、毕业设计及将来走向工作单位,网页设计与制作 应是一项非常实用的技术。目前人们已不满足于通过wW浏览器在网上查 询和浏览信息,开始试着设计自己的Web主页。特别是最近,在网上发布 商品信息、介绍企业、用户调查、网上购物等需求越来越多,掌握Web主 页的设计方法和技巧,成为人们渴望掌握的一种技能。许多高校已开设网 页设计技术课程,有些企业也将网页设计技能作为招聘计算机人才的基本 条件之一。本教材主要介绍使用HM(源代码)设计Web主页的基本方法 和技术。 目前,网页的开发工具和技术很多,本书作为高职高专教材,全面介 绍网页设计的基本知识、基本方法和设计技巧,并介绍两种流行设计工具 软件。教材分为6章。第1章介绍网页设计基础:第2章和第3章介绍 HTML4.0的常用标记、基本主页及高级主页的设计方法和技巧:第4章介 绍如何使用 JavaScript设计交互、动态主页:第5章介绍 Dreamweaver MX的基本知识、基本操作,以及使用 Dreamweaver mX设计主页的方法和 技巧:第6章介绍目前新版本的 FrontPage2002的基本知识、基本操作 以及使用 FrontPage2002设计主页的方法和技巧。每章都以实例介绍并配 有上机练习题,使得同学们能做到边学边用,掌握设计方法,创建自己的 主页 本课程具有极强的实践性,除掌握必要的基本概念及语法规则外,重 要的是实践。一定要自己动手设计与制作网页、编写程序、上机操作,这 是学好本课程最为有效的途径。 教学要求 1.教学一一按照教学大纲和教学进度表的要求进行,总学时为34学 (上机16学时),4学时/周。各章节课时分配见教学大纲。教学形式有 课堂教学、上机实践、习题课和晩自习辅导答疑。教学效果:采用测评的 方式 2.上机——根据教学进度和相应的上课时间,由学院电教室统一安 排。要求上机前做好相应的准备(预习、作业、实验内容),上机时完成布 置的上机内容,不做与本课程无关的内容,上机完成后交实验报告。服从 电教人员的管理。 3.习题课一一根据教学进度并且在多数同学做了相应章节的习题,批 改了部分作业后插入习题课。要求定时收交、批改作业

1 徐 州 工 程 学 院 教 案 纸 前 言 课程介绍： 随着 Internet 的不断普及，网络上的站点越来越多，内容也越来越 丰富，由此带来的是网页设计与制作的工作量空前加大，涉及的技术也越 来越复杂。在课程设计、毕业设计及将来走向工作单位，网页设计与制作 应是一项非常实用的技术。目前人们已不满足于通过 WWW 浏览器在网上查 询和浏览信息，开始试着设计自己的 Web 主页。特别是最近，在网上发布 商品信息、介绍企业、用户调查、网上购物等需求越来越多，掌握 Web 主 页的设计方法和技巧，成为人们渴望掌握的一种技能。许多高校已开设网 页设计技术课程，有些企业也将网页设计技能作为招聘计算机人才的基本 条件之一。本教材主要介绍使用 HTML（源代码）设计 Web 主页的基本方法 和技术。 目前，网页的开发工具和技术很多，本书作为高职高专教材，全面介 绍网页设计的基本知识、基本方法和设计技巧，并介绍两种流行设计工具 软件。教材分为 6 章。第 1 章介绍网页设计基础；第 2 章和第 3 章介绍 HTML4.0 的常用标记、基本主页及高级主页的设计方法和技巧；第 4 章介 绍如何使用 JavaScript 设计交互、动态主页；第 5 章介绍 Dreamweaver MX 的基本知识、基本操作，以及使用 Dreamweaver MX 设计主页的方法和 技巧；第 6 章介绍目前新版本的 FrontPage2002 的基本知识、基本操作， 以及使用 FrontPage2002 设计主页的方法和技巧。每章都以实例介绍并配 有上机练习题，使得同学们能做到边学边用，掌握设计方法，创建自己的 主页。 本课程具有极强的实践性，除掌握必要的基本概念及语法规则外，重 要的是实践。一定要自己动手设计与制作网页、编写程序、上机操作，这 是学好本课程最为有效的途径。 教学要求： 1.教学——按照教学大纲和教学进度表的要求进行，总学时为 34 学 时（上机 16 学时），4 学时/周。各章节课时分配见教学大纲。教学形式有： 课堂教学、上机实践、习题课和晚自习辅导答疑。教学效果：采用测评的 方式。 2.上机——根据教学进度和相应的上课时间，由学院电教室统一安 排。要求上机前做好相应的准备（预习、作业、实验内容），上机时完成布 置的上机内容，不做与本课程无关的内容，上机完成后交实验报告。服从 电教人员的管理。 3.习题课——根据教学进度并且在多数同学做了相应章节的习题，批 改了部分作业后插入习题课。要求定时收交、批改作业

徐州工程学院教案纸 4.辅导答疑一一利用上机的时间进行辅导答疑。 5.成绩一一以总成绩记入学科成绩,总成绩由平时成绩和考试成绩组 成,平时成绩(含作业、上机实验、出勤情况)占30%,考试成绩占70%。 03电信班网页制作与网站建设课程表: 8:00~8:45 8:50~9:35 10:00~10: C805 45 上课 0:50~11:3 l1:40~12:25 14:00~14 C805 14:50~15: 上机 l5:45~16 16:35~17: 03电信班网页制作与网站建设上课时间,第11-—19周,采用多媒体 教室C805,教学一人一机,上课与上机地点相同,总学时34学时:18学时 上课、16学时上机

2 徐 州 工 程 学 院 教 案 纸 4.辅导答疑——利用上机的时间进行辅导答疑。 5.成绩——以总成绩记入学科成绩，总成绩由平时成绩和考试成绩组 成，平时成绩（含作业、上机实验、出勤情况）占 30%，考试成绩占 70%。 03 电信班网页制作与网站建设课程表： 时 间 一 二 三 四 五 8：00~8：45 8：50~9：35 10：00~10： 45 C805 上课 10：50~11：35 11：40~12：25 14：00~14： 45 C805 14：50~15： 上机 35 15：45~16： 30 16：35~17： 20 03 电信班网页制作与网站建设上课时间，第 11——19 周，采用多媒体 教室 C805，教学一人一机，上课与上机地点相同，总学时 34 学时：18 学时 上课、16 学时上机

徐州工程学院教案纸

3 徐 州 工 程 学 院 教 案 纸

第1章网页设计基础 [学习要点] 1. Internet概述 2.网页设计基础 3.网页开发工具 4.HTML基础 1.1 Internet概述 网页设计技术总体来说分成三个部分,一是界面设计,二是脚本语言 三是服务器端的动态编程技术 界面设计一般通过一些工具软件来实现,例如 FrontPage2000、 CreamWare、 Flash等等,这些技术都能进行网页设计,选择其中的任意 种都能制作出满意的网页。 FrontPage2000是 Office2000的一个组件,熟 悉 Microsoft Word、 Excel、 Power Point等软件的用户可以很快掌握 FrontPage2000的特点和使用方法。没有网页制作经验的用户,通过学习 fronTpage2000的有关知识后,也可以成为一个熟练的网页制作者和Web 站点的管理者 网页设计除了界面以外,还必须进行一些编程控制,控制既有客户端 的,也有服务器端的,目前用的较多的网页编程语言有 VBScript、 JavaScript,这两种脚本语言都是比较容易掌握的,通过在网页中嵌入脚 本程序,可以改变网页外观、响应用户操作,还能控制Web服务器。 服务器端的动态编程技术也有许多种,目前用的较多的有ASP、JSP、PP、 CGI等。CGI是较早采用的一种技术,它存在着两大缺陷。首先,对每一个 请求,CGI要产生一个进程,同一时刻请求愈多,产生进程愈多,当服务器 较忙时,既耗时又占服务器的RAM:其次,CGI采用的编程语言主要是Perl C语言等,对页面开发人员来说要掌握和精通这些编程语言难度较大。而 ASP除了能够提供CGI的所有功能外,还有以下独到的优点:ASP运行在 Web服务器的同一个进程中,可以更快、更有效地处理客户请求;ASP通过 D0( Activex Database Objects)提供更方便、更简单的访问数据库的 方法,非常利于开发基于数据库驱动的Web应用程序;ASP支持脚本语言 VBScript、 JavaScript等 1.1.1 Internet的发展概况 Internet是当前世界上规模最大的计算机网络,利用 Internet网可

4 第 1 章 网页设计基础 [学习要点] 1. Internet 概述 2. 网页设计基础 3. 网页开发工具 4．HTML 基础 1.1 Internet 概述 网页设计技术总体来说分成三个部分，一是界面设计，二是脚本语言， 三是服务器端的动态编程技术。 界面设计一般通过一些工具软件来实现，例如 FrontPage2000、 DreamWare、Flash 等等，这些技术都能进行网页设计，选择其中的任意一 种都能制作出满意的网页。FrontPage2000 是 Office2000 的一个组件，熟 悉 Microsoft Word、Excel、PowerPoint 等软件的用户可以很快掌握 FrontPage2000 的特点和使用方法。没有网页制作经验的用户，通过学习 FrontPage2000 的有关知识后，也可以成为一个熟练的网页制作者和 Web 站点的管理者。 网页设计除了界面以外，还必须进行一些编程控制，控制既有客户端 的，也有服务器端的，目前用的较多的网页编程语言有 VBScript、 JavaScript，这两种脚本语言都是比较容易掌握的，通过在网页中嵌入脚 本程序，可以改变网页外观、响应用户操作，还能控制 Web 服务器。 服务器端的动态编程技术也有许多种，目前用的较多的有 ASP、JSP、PHP、 CGI 等。CGI 是较早采用的一种技术，它存在着两大缺陷。首先，对每一个 请求，CGI 要产生一个进程，同一时刻请求愈多，产生进程愈多，当服务器 较忙时，既耗时又占服务器的 RAM；其次，CGI 采用的编程语言主要是 Perl、 C 语言等，对页面开发人员来说要掌握和精通这些编程语言难度较大。而 ASP 除了能够提供 CGI 的所有功能外，还有以下独到的优点：ASP 运行在 Web 服务器的同一个进程中，可以更快、更有效地处理客户请求；ASP 通过 ADO（ActiveX Database Objects）提供更方便、更简单的访问数据库的 方法，非常利于开发基于数据库驱动的 Web 应用程序；ASP 支持脚本语言 VBScript、JavaScript 等。 1．1．1 Internet 的发展概况 Internet 是当前世界上规模最大的计算机网络，利用 Internet 网可 以