欢迎光临
免费的PDF电子书下载网站

网站建设与管理实用教程 PDF下载

编辑推荐

本书针对技能型人才培养的需要和学生认知发展规律的特点,坚持实用技术和案例实践相结合的原则,注重动手能力和实践技能的培养,以网站的建设与管理为主线,系统地介绍了网站的相关知识和技术。主要包括Web技术、网站技术基础、网站的规划和设计、网站的安装与配置、动态网站编程技术、网站安全与发布、网站的管理与维护等内容。各项目都配有相应的真实案例,并通过任务实践方式去完成,具有很强的针对性和实用性。

本书内容丰富、深入浅出、理论联系实际、实用性强,既可以作为应用型本科院校计算机类专业和高职高专计算机类专业的教材使用,又可作为网站建设管理人员的培训和自学教材使用,同时,也可供网络工程技术人员和管理人员参考。

 ;

内容简介

本书针对技能型人才培养的需要和学生认知发展规律的特点,坚持实用技术和案例实践相结合的原则,注重动手能力和实践技能的培养,以网站的建设与管理为主线,系统地介绍了网站的相关知识和技术。主要包括Web技术、网站技术基础、网站的规划和设计、网站的安装与配置、动态网站编程技术、网站安全与发布、网站的管理与维护等内容。各项目都配有相应的真实案例,并通过任务实践方式去完成,具有很强的针对性和实用性。 本书内容丰富、深入浅出、理论联系实际、实用性强,既可以作为应用型本科院校计算机类专业和高职高专计算机类专业的教材使用,又可作为网站建设管理人员的培训和自学教材使用,同时,也可供网络工程技术人员和管理人员参考。

作者简介

暂无

网站建设与管理实用教程 PDF下载

目录

目录
项目1  ;Web技术简介 1
任务1  ;了解Web技术的发展历程 2
知识储备 2
1.1  ;Web的发展和特点 2
1.2  ;Web的工作原理 3
1.3  ;Web的基本应用 4
任务实践 5
任务2  ;了解统一资源定位地址 6
知识储备 6
任务实践 8
任务3  ;认识HTML 9
知识储备 9
3.1  ;HTML简介 9
3.2  ;版本信息 10
3.3  ;标题信息 10
3.4  ;主体标记 11
3.5  ;HTML标签 11
3.6  ;HTML元素 11
3.7  ;HTML元素的语法 11
3.8  ;HTML标签的属性 12
3.9  ;颜色值 12
任务实践 12
任务4  ;了解HTTP协议 14
知识储备 14
4.1  ;HTTP协议简介 14
4.2 HTTP协议的几个重要概念 14
4.3  ;HTTP协议的运作方式 15
任务5  ;了解Web服务器与浏览器 17
知识储备 17
5.1  ;Web服务器 17
5.2  ;浏览器 19
任务实践 20
任务6  ;了解CGI 20
知识储备 20
6.1  ;什么是CGI 20
6.2  ;CGI的传送方式 21
6.3  ;CGI的环境变量 22
实训一  ;设计一个注册页面 23
综合练习一 25
项目2  ;网站技术学习 27
任务1  ;了解网络操作系统 28
知识储备 28
1.1  ;Windows Server 2012 R2 28
1.2  ;Unix/Linux 31
任务实践 37
任务2  ;数据库的安装与维护 41
知识储备 41
2.1  ;数据库的定义 41
2.2  ;数据库的基本结构 41
2.3  ;数据库的主要特点 42
2.4  ;常用数据库软件 43
任务实践 44
任务3  ;了解TCP/IP协议及IP子网
划分 59
知识储备 59
3.1  ;IP地址及分类 59
3.2  ;IP子网和子网掩码 61
3.3  ;TCP/IP协议自动安装和测试 63
3.4  ;动态IP地址和DHCP的使用 63
3.5  ;IPv6协议介绍 66
任务实践 66
任务4  ;DNS服务器的使用 68
知识储备 68
4.1  ;域名的产生 68
4.2  ;DNS域名服务 69
任务实践 70
任务5  ;了解三种不同类型的网站 83
知识储备 83
5.1  ;信息发布型网站 83
5.2  ;电子商务型网站 84
5.3  ;综合型门户网站 84
实训二  ;创建和管理数据库 85
综合练习二 90
项目3  ;网站的规划和设计 93
任务1  ;网站规划和设计 94
知识储备 94
1.1  ;网站的规划 94
1.2  ;网站的设计 94
任务实践 95
任务2  ;ISP的选择 96
知识储备 96
2.1  ;什么是ISP 96
2.2  ;ISP的分类 96
2.3  ;ISP的服务功能 97
任务实践 97
任务3  ;网页制作和信息发布 98
知识储备 98
3.1  ;网页制作工具简介 98
3.2  ;网页设计基础与网站建设的
基本流程 99
任务实践 104
任务4  ;HTML 5 135
知识储备 135
4.1  ;HTML 5的发展历程 135
4.2  ;HTML 5的设计目的 136
4.3  ;HTML 5的特性 136
4.4  ;HTML 5的优点和缺点 137
任务实践 138
实训三  ;网站组建练习 140
实训四  ;创建表单练习 142
综合练习三 144
项目4  ;网站的安装与配置 147
任务1  ;域名注册与备案 148
知识储备 148
任务实践 148
任务2  ;服务器的架设 160
知识储备 160
任务实践 161
任务3  ;设置虚拟目录 185
知识储备 185
任务实践 185
任务4  ;FTP服务器的安装与配置 186
知识储备 186
任务实践 188
实训五  ;Windows Server 2012的安装 194
实训六  ;Web站点的设置 194
综合练习四 196
项目5  ;动态网站编程 199
任务1  ;了解动态网站编程技术 200
知识储备 200
1.1  ;动态网站的编程语言 200
1.2  ;学习ASP编程 202
任务实践 209
任务2  ;学习ASP.NET和JSP 212
知识储备 212
2.1  ;ASP.NET简介 212
2.2  ;JSP简介 217
任务实践 230
任务3  ;PHP学习 232
知识储备 232
3.1  ;PHP简介 232
3.2  ;PHP的语法 233
3.3  ;PHP的流程控制 234
任务实践 237
实训七  ;PHP网站设计练习 240
实训八  ;电子求职应聘系统设计练习 253
综合练习五 253
项目6  ;网站安全与发布 257
任务1  ;安全问题概述 258
知识储备 258
1.1  ;常见的安全问题及解决方法 258
1.2  ;认证与加密 262
1.3  ;VPN技术 263
1.4  ;防火墙技术 265
1.5  ;入侵检测技术 266
1.6  ;系统备份 268
任务实践 270
任务2  ;网站的测试与发布 272
知识储备 272
2.1  网站测试 273
2.2  网站发布 276
任务实践 277
任务3  著名网站安全策略简介 279
知识储备 279
实训九  网站安全设置练习 280
实训十  网站发布与测试 281
综合练习六 284
项目7  网站的管理与维护 287
任务1  了解网站管理存在的问题与
发展趋势 288
知识储备 288
1.1  网站维护与管理存在的问题 288
1.2  网站维护与管理的商业价值 289
1.3  网站管理的发展趋势 289
任务2  了解网站管理的结构、内容
及原则 290
知识储备 290
2.1  网站管理的结构 290
2.2  网站管理的内容 291
2.3  网站管理的原则 293
任务3  服务器的维护和管理 294
知识储备 294
3.1  目录管理 294
3.2  活动目录 300
任务实践 301
任务4  网站性能管理 306
知识储备 306
4.1  网站的性能与缩放性 306
4.2  网站能力及可靠性测试 308
任务实践 310
任务5  日常维护与管理 311
知识储备 311
5.1  网站日常维护与管理的目的 312
5.2  网站日常维护与管理的内容 312
任务实践 313
任务6  网站更新与升级 315
知识储备 315
6.1  网站更新 316
6.2  网站升级 316
任务7  常用的商务网站管理软件 317
知识储备 317
7.1  Microsoft BizTalk Server 317
7.2  BEA WebLogic 318
实训十一  常用网络管理软件使用练习 319
综合练习七 320
附录A  网站建设需求分析调研表 323
附录B  网站建设方案 329
附录C  HTML 5标签参考解释 337
参考文献 341

媒体评论

评论

前沿

  
前    言
  
  随着越来越多的中、小、微企业的兴起,社会对于熟练掌握网站建设与管理知识的人才需求也在日益增大,因此,培养以网站设计与开发、网站调试、网站发布与维护等为典型工作任务的专业人员,已经成为各类院校计算机相关专业的首要任务。
  本书结合作者多年的企事业网站建设和管理经验,以及多位企业工程师的实际工作经验和多位教师在教学一线的教学经验编写而成。
  本书内容新颖、结构合理、概念清晰、通俗易懂、实用性强。
  通过学习本书,可使学生掌握网站建设与管理方面的知识,并对当前主流的动态编程语言有更清晰、更系统的了解。
  本书任务实践部分既考虑到有利于加深对知识的理解和掌握,又考虑到学生的学习兴趣和实际岗位需要。
  根据学生的基础不同和讲述内容的取舍不同,建议本书的教学可安排60~70学时,其中上机实验应在35学时以上。
  本书具有以下特点。
  (1) 在编写中注重学生的实际操作技能和解决实际问题能力的培养,把未来的工作岗位需求转化为学生的培养目标,同时淡化了理论的叙述。
  (2) 注重内容的通用性、先进性和实用性。在反映最新知识和技术的同时,加强了对当前主流网站技术的介绍,使学生能够掌握与实际应用紧密联系的知识和技能。
  (3) 从学生的知识结构出发,注重学生专业能力发展的需要和就业的需要。各项目中均设置了任务实施环节,使学生能够在实践中掌握知识的精髓。
  本书由张殿明老师策划、组织编写和统稿。
  项目1由张晓诺老师编写,项目2由张云健老师编写,项目3和项目6由河南财经政法大学的周树立编写,项目4和项目5由张殿明编写,项目7由浪潮集团金融事业部的毛根峰编写。
  董林老师参与了本书后面4个项目的修改和校对工作。
  由于编者水平有限,书中难免会有疏漏之处,希望读者批评指正。
  
编  者
  

免费在线读

项目1
Web技术简介
  

  1. 项目导入
  要进行网站建设,我们必须了解与Web直接相关的技术,在此基础上,才能进行下一步的网站设计和开发工作。
  2. 项目分析
  首先,我们要分析Web技术包括哪些内容;其次,对这些概念、原理该如何去掌握。这是本项目要解决的问题。
  3. 能力目标
  (1) 能够使用HTML语言进行简单的网页编辑。
  (2) 增强对网络的认识。
  4. 知识目标
  (1) 了解Web技术的发展历程。
  (2) 了解URL、HTTP、HTML、CGI等的概念。
任务1  了解Web技术的发展历程
知识储备
  通常把网站称作WWW站点、Web或Web站点。从广义上说,网站是由硬件与软件两大部分组成的。硬件主要是指服务器(计算机),软件则指操作系统、Web服务器软件和应用程序(包括静态和动态网页文件以及数据库等)。从狭义上说,网站则是指基于Web服务器的应用程序。
   1.1  Web的发展和特点
  Web起源于1989年欧洲粒子物理研究所(CERN)的一项研究。CERN有几台加速器分布在若干个大型科研队伍里,这些科研队伍里的科学家来自开展了粒子物理学研究的欧洲参与国,他们所做的大多数实验都很复杂,需要提前若干年进行计划,并准备设备。这个由遍布全球的研究人员组成的队伍,需要经常收集时刻变化的报告、规划、绘图、照片和其他文献,万维网的研制正是出于这种需要。
  1989年3月,欧洲粒子物理研究所的Tim Berners-Lee提出一项针对这个需要的计划,目的是使科学家们能很容易地翻阅同行们的文章。此项计划的后期目标是使科学家们能在服务器上创建新的文档。为了支持此计划,Tim创建了一种新的语言来传输和呈现超文本文档。这种语言就是超文本标记语言HTML(Hyper Text Markup Language)。
  到了1993年2月,HTML在第一个图形界面Mosaic发布时达到了其发展的顶峰。
  此后,Mosaic广为流行,它的作者Marc Andreessen离开了开发Mosaic时所在的国家超级计算应用中心(National Center for Supercomputing Applications,NCSA),创建了Netscape通信公司,目的是为了发展客户、服务器和其他网络软件。
  后来,Web得到了迅猛发展,在短短的5年之内,从用来发布物理数据演变为人人皆知的“因特网”。Web之所以如此流行,是由于它有一个丰富多彩的界面,初学者很容易掌握,并且还提供了大量的信息资源,几乎涉及人们所能想象的所有主题。
   1.2  Web的工作原理
  下面从Web的体系结构及工作流程来了解其工作原理。
1. Web的三层应用体系结构
  通常,Web应用程序的代码及资源,按照其功能,可以分解为用户界面、应用逻辑和数据存取三个基本部分。
  Web应用程序的基本功能单元如图1-1所示。
  Web是一种典型的三层应用体系结构,如图1-2所示。其用户界面、应用逻辑和数据存取有着明显的界限和分工。客户的用户界面与服务器端的应用逻辑和数据存取隔离。

图1-1  应用程序的基本功能单元
图1-2  Web的体系结构
2. Web的工作流程
  客户端通过浏览器来显示数据,并实现与服务器的交互。在服务器端,由Web服务器通过HTTP(Hyper Text Transfer Protocol,超文本传输协议)与客户端的浏览器交互,Web服务器和应用服务器(这里的应用服务器通常是指某种软件环境,故图1-2中用虚框表示)也使用HTTP作为它们之间的通信协议。而应用服务器与数据库服务器之间采用标准的机制进行通信,如ODBC(Open Database Connectivity,开放数据库连接)、JDBC(Java Database Connectivity,Java数据库连接)和SQL(Structure Query Language,结构化查询语言)等。
  通常,Web服务器接受客户端的请求,并根据请求的类型,要么直接回复HTML页面给客户端,要么将请求提交给应用服务器处理。
  应用服务器接受由Web服务器传来的处理请求,并根据需要查询或更新数据库,进行应用逻辑的处理,然后,将处理结果传回给Web服务器。数据库服务器实现数据的存取功能,负责数据库的组织,并向应用逻辑提供接口。

3. Web三层体系结构的优点
  三层体系结构使得Web在各个实现层次上有明确的界限和分工,具有良好的可扩充性和灵活性。各个层次都采用业界标准,从而保证了Web应用程序与具体的操作系统平台无关,使得应用程序的开发完全集中在应用逻辑的处理上,从而简化了程序开发的难度。
  另一方面,这种三层体系结构也使得Web的分工协作开发成为可能,网页设计师可专注于用户界面的构造,软件工程师主要进行Web应用程序的开发,而数据库工程师则以数据库设计为主。
  目前,这种三个层次的体系结构已经成为Web开发的主流。
   1.3  Web的基本应用
  根据信息流转、传递以及提供服务的方式,Web有以下几方面的应用。
1. 信息发布
  浏览信息是Internet提供的最基本、最简单和最广泛的服务。Internet被冠以第四媒体之称,有超越三大传统媒体,即报纸、广播和电视的趋势。如今,无论用户进入哪一家网站的主页,都会看到形形色色、琳琅满目的分类综合信息。传统媒体,如报刊、电台和影视等,都有网络版;企事业单位也设立了网站,提供产品和服务信息。这样,人们通过Web浏览器,如IE、360、猎豹等,便可做到“足不出户而知天下事”。
  目前,多数网站都属于信息发布类的,如传统媒体中的中央电视台网站(www.cctv.com. cn)、人民日报网络版(www.peopledaily.com.cn),企业中的海尔网站(www.haier.com)、联想网站(www.legend.com.cn)等。
2. 在线查询
  当用户对要浏览的信息不确定时,仅仅通过超级链接浏览,会很繁琐,或者根本无从下手。如果通过在线查询类网站的数据库搜索,只要输入几个模糊的关键字,就可以按照要求显示出某一范围内的信息,从而进一步缩小查找区域,以快速确定浏览目标。
  例如,门户型网站就属于在线查询类网站,可以通过全文搜索引擎快速检索网站和网页的信息,为用户提供网络导航。
  所谓门户型网站,是指为用户提供上网冲浪快捷路径的网站。它着重提供一种网站向导,以便网络用户查找和登录其他网站。Internet上的网站数目繁多,并且每天都在增加,其中有很多优秀的网站。为了让用户能很快地知道这些新网站的地址和内容,门户型网站将尽可能多的网站和网页保存起来,并进行分类索引,提供搜索引擎供用户查找。
  国内的新浪(www.sina.com.cn)、搜狐(www.sohu.com)和网易(www.163.com)都是知名的门户型网站。
  当然,门户型网站提供的服务并不仅限于网站和网页的搜索,也提供其他的服务和综合信息,如新闻、电子商务、微博和电子邮件等。例如,新浪的新闻服务似乎比其搜索引擎还要优秀,网易的免费资源服务如免费邮件、免费网站的服务也使其名噪一时。门户型网站一般拥有极大的访问量,可使网站具有一定的广告收益。

3. 免费资源服务
  免费资源服务是指着重提供Internet网络免费资源和免费服务的网站。免费资源包括自由软件、图片、电子图书、技术资料、音乐和影视等;免费服务包括电子邮件、虚拟社区、免费主页和传真等。免费资源服务有很大的公益性质,比较受欢迎。其中,免费资源网站的维护工作量比较少,而且有些资源的使用价值不随时间消减,可以长期保留,很适合网站爱好者自行建立信息共享。我国几个有影响的个人网站大部分采取了这种类型,如黄金书屋和软件屋等。
4. 电子商务
  电子商务是指着重提供网上电子商务活动的网站。电子商务有三种模式:B-to-B(企业对企业)、B-to-C(企业对客户)和C-to-C(客户对客户)。
  电子商务的关键是银行的划付功能,其中涉及电子结算的安全性和稳定性,对网站的性能有极高的要求。当然,在条件不成熟的情况下,用户也可以采用其他支付手段,如汇款等。B-to-C是影响面较大的网站普遍采用的模式,例如,京东商城(www.jd.com)、淘宝网(www.taobao.com)、苏宁易购(http://www.suning.com)等。
5. 远程互动
  远程互动是指利用Internet进行远程教育、医疗诊断等交互性应用服务的网站。
  随着Internet基础技术的不断提高,远程互动类网站将由现在的非实时互动向实时互动发展,并运用多媒体方式增强互动的感性效果。
6. 咨询求助
  咨询求助是指面向广大用户提供咨询服务,帮助人们解决问题的网站。
7. 娱乐游戏
  娱乐游戏是指提供各种娱乐方式和在线游戏的网站。娱乐游戏是工作和学习之余的消遣,特别是互联游戏,深受青少年的青睐。例如3366游戏网(http://www.3366.com)、7k7k游戏网(http://www.7k7k.com)等,其中有各种类型的单机和网络游戏。
8. 网络媒介
  网络媒介通过Internet网站作为中间媒介,加强人与人之间的联系,增进彼此间的交流,沟通感情等,例如各种婚姻中介网站、同学录等。
任务实践
  假如我们拥有一个网站,需要让人们来访问,了解我们网站要展示的内容。但是,如今全世界的网站已经超过了几千万个,在茫茫“网”海中,要找到我们的网站,简直如同大海捞针。这成了很多网站管理者,或者说很多公司、企业所不得不面对的问题。
  一个成功的企业,如果其网站建设得合理、有效,网站的排名在百度关键字搜索中位能位居前三名,那么,其经营所获取的利润将会超过10倍以上。
  那么,如何能让自己的网站在百度、Google等知名搜索引擎中排在前20位,甚至是前3位呢?有效提高网站排名的方法如下。
1. 搜索引擎登记
  搜索引擎登记是提高网站访问量最有效的方法。
  我们可以在搜索引擎中登记自己的网站,所登记的搜索引擎越多,被人知道的可能性就越大。例如,在百度搜索引擎中进行登记:http://zhanzhang.baidu.com/sitesubmit/index、http://zhanzhang.baidu.com/sitemap/index、http://zhanzhang.baidu.com/schema/index等。也可以使用登记软件一次性地登记。在登记的时候,要注意关键词的使用。
  我们在制作网页时,如果标题中含有关键词,则被选中的机会也将大大增加。
2. 交换链接
  与其他站点做链接也是一种很好的办法,最好与一个访问量大的网站交换链接。交换链接的方式有两种,第一种是与互相感兴趣的站点交相链接,在各自的站点上放置对方的Logo或网站名称。第二种是通过专门的站点交换动态的链接,比如网盟、太极链等。
3. 网站广告
  假如是一个有资金支持的商业站点,那么,在必要时,做些网站广告是很有效的。可以按需要在你指定的网站上发布自己站点的广告,可以自己直接联系发布网站,也可以寻求广告代理,让他们给你做推广计划,寻找合适的发布站点。
4. 其他方式
  当然还有一些其他方式,如发送广告邮件、在一些大的论坛发帖子等。
任务2  了解统一资源定位地址
知识储备
  URL(Universal Resource Locator)是统一资源定位地址的英文缩写。每个站点及站点上的每个网页都有一个唯一的地址,这个地址称为统一资源定位地址。如果用户向浏览器输入URL,就可以访问URL指定的网页,在制作网页中的超文本时,也要用到URL。
  图1-3即为URL的一个例子。

图1-3  URL示例
  URL的基本结构可以表示如下:
  
通信协议://服务器名称:通信端口编号/文件夹1/文件夹2/.../文件名
  
  各部分的含义如下。
  (1) 通信协议
  通信协议是URL所连接的网络服务性质,如HTTP代表超文本传输协议,FTP代表文件传输协议等。常用的协议见表1-1。
表1-1  几种常用协议
协议名称
含义说明
举  例
http
超文本传输协议
http://www.sohu.com
ftp
文件传输协议
ftp://45.10.222.0
file
访问本地磁盘文件的服务
file://D:/AAA/Mytext.txt
telnet
登录远程系统服务
telnet://bbs.zhanghui.com
news
网络新闻组协议
news:news.yahoo.com
mailto
传送E-mail协议
mailto:wangwu@126.com
  
  (2) 服务器名称
  服务器名称是提供服务的主机名称。冒号后面的数字是通信端口编号,可有可无,这个编号用来告诉HTTP服务器的TCP/IP软件打开哪一个通信端口。因为一台计算机常常会同时作为Web、FTP等服务器,为了便于区别,每种服务器要对应一个通信端口。
  (3) 文件夹和文件名
  文件夹是放文件的地方,如果是多级文件目录,必须指定是第一级文件夹还是第二级、第三级文件夹,直到找到文件所在的位置。
  文件是指包括文件名与扩展名在内的完整名称。
  在理解了URL的概念后,下面介绍绝对URL与相对URL的概念。这两个概念很重要,用户要正确理解和使用绝对URL与相对URL。
  绝对URL是指Internet网址的完整定位。如http://www.hao123.com/qq888/default.asp就是一个完整的绝对URL形式,它包含协议种类、服务器名、文件路径和文件名。
  相对URL是指Internet上资源相对于当前页面的地址,它包含从当前位置指向目的页面位置的路径。如news/news-1.html就是一个相对URL,表示的是当前页面所在目录下news子目录中的news-1.html文件。
  绝对URL与相对URL各有用处。绝对URL书写起来很麻烦,但可以保证路径的唯一性,通常连接到Internet上其他网页的超链接必须用绝对URL。例如,当用户想在网站中链接新浪的论坛时,一定要用绝对URL,如http://www.people.sina.com.cn/forum.html。而相对URL在链接时,不必将URL的通信协议及服务器名称都写出来,用户制作网页时,网站内的各个页面之间的链接都用相对URL。它的好处在于,当用户将所有的文件和文件夹移到不同的服务器、不同的硬盘或其他地方时,只要网站内的文件夹和文件的相对位置不变,文件间的超链接仍可以正常工作,无须重新设置。

任务实践
1. 实践目的
  通过观察对一个HTML文件使用绝对URL和相对URL所产生的不同效果,使学生对绝对URL和相对URL有一个清晰的感性认识。
2. 实践内容
  (1) 用记事本创建一个包含两个图片的网页,其中,一个使用绝对URL,一个使用相对URL。
  (2) 将网页和图片保存在一个文件夹中,在IE浏览器中打开网页,如两个图片均能正常显示,则进行下一步。
  (3) 将网页文件剪切到另一个位置,打开,观察效果。
  (4) 将网页移回原来的位置,然后将其所在的文件夹移到新的位置,在IE浏览器中打开该网页,并观察效果。
  (5) 对观察到的效果说明原因,体会绝对URL与相对URL的不同点,并思考如何应用绝对URL和相对URL。
3. 实践步骤
  (1) 打开“我的电脑”,在D盘根目录下创建两个文件夹,分别命名为“EXP2A”和“EXP2B”。
  (2) 找两个JPG格式的图片,分别命名为PIC1.jpg和PIC2.jpg,并存在D:EXP2A文件夹中。
  (3) 在“记事本”程序窗口中输入如下内容:
  

显示图片

网站建设与管理实用教程 PDF下载
网站建设与管理实用教程 PDF下载

  
  (4) 将编辑好的文件另存为D:EXP2AEXP2.htm。
  (5) 在“我的电脑”中找到EXP2.htm文件后,双击,此时应能在IE浏览器中看到两个图片。
  (6) 将EXP2.htm剪切到D:EXP2B中,并双击打开,此时,在IE浏览器中只能看到PIC1.jpg。
  (7) 将EXP2.htm移回原来的位置,将D:EXP2A文件夹剪切到D:EXP2B中,双击打开EXP2A中的EXP2.htm文件,此时,在IE浏览器中只能看到PIC2.jpg。
  

任务3  认识HTML 
知识储备
   3.1  HTML简介
  用户在浏览器上看到的网页其实是由HTML文件构成的,HTML是Hyper Text Markup Language(超文本标记语言)的英文缩写。HTML文件是一种可以在网上传输,能被浏览器识别和翻译成页面并显示出来的文件。“超文本”是指页面内既可以包含文字,也可以包含图片、声音、视频、链接和程序等非文字元素。
1. HTML文件的编辑与运行
  在编写HTML文件时,如果文件中不包含VBScript、JavaScript等动态服务器页面代码,则只要有一个可以编辑HTML文件的编辑器和一个可以浏览HTML文件的浏览器就可以了。把编辑后的文件以.html或.htm为扩展名保存,使用浏览器,就可以直接打开这类文件。如果文件中包含VBScript、JavaScript等动态服务器页面代码,则编辑HTML文件后,应该将其以.asp等为扩展名保存,并置于Web服务器端,再通过浏览器进行访问。而如果直接用浏览器打开,则其中的动态服务器页面代码是不会被执行的。
  编辑HTML文件的编辑器必须是能够编辑纯文本的。最简单的编辑器莫过于Windows系统中的“记事本”程序,其占用的系统资源最少。由于使用记事本程序编辑HTML文件时,每一个HTML标记都需要网页设计者自己写出,因此,非常熟悉HTML的设计者才可以选用此方法。而对更多的人来说,使用本书后面内容中介绍的网页制作工具软件来编辑HTML文件,则是更好的选择。
  这些工具软件可以自动地把“所见即所得”的页面编辑结果转换成HTML标记,而不必去写每个标记;也可以立即把HTML标记以网页形式显示出来,如此,就可以大大提高编辑HTML文件、设计网页的效率。
2. HTML文件的基本结构
  HTML文件总是以标记开头,它告诉Web浏览器,正在处理的是HTML文件。类似地,文件中最后一行总是标记,它是HTML文件的结束标记。文件中所有的文本和HTML标记都包含在HTML的起始标记和结束标记之间。
  HTML文件的基本结构如下:
  
标记HTML文件的开始
标记首部的开始
...   ...为网页标题
标记首部的结束
标记主体的开始
网页内容,如网页文本
标记主体的结束
标记HTML文件的结束
  

3. HTML文件的命名
  HTML文件是以文本方式存储的,命名格式为“文件名.htm”或“文件名.html”。若文件名为字母或数字组成的字符串,字符之间不能有空格,但可以有下划线。
   3.2  版本信息
  迄今为止,HTML已公布了多个版本,通常执行的规范是HTML 4.0。
  一个完整的HTML文件,通常是以版本声明开始的,用以指明文件语法的定义。版本声明的标记是。
   3.3  标题信息
  HTML文件首部位于文件开始标记之后,并由开始标记和结束标记定义。首部内容包括标题名、文本文件的地址和创作信息等信息说明,并由专门标记定义,它们都不在浏览器窗口内显示。首部内使用的主要标记有以下几种。
1.和标记
  标记是首部的开始,标记是首部的结束。
2.标记
  每个HTML文件都有一个标题名,在浏览器中作为窗口名称,显示在该窗口最上方的标题栏内。网页标题名要写在标记之间,并且标记应包含在和标记之间。
  一个网页只能有一个网页标题名,而且标记之间不能包含其他标记。由于许多浏览器将网页名称放在窗口上的标题栏中,因而,页面标题就像是页面的门面,一定要文字简练,并且反映页面的内容。同时,由于浏览器标题栏的空间有限,标题不应太长,一般上限是50~60个字符,多余的字符将被截掉。
3.
标记
  
标记是一个单标记,用于指明HTML文件自身的某些信息,如文件创建工具、文件作者等信息。其格式如下:
  

  
  或者:
  

  
  该段代码使用的属性如下。
* name:指定特性名。
* http-equiv:定义标记的特性。
* content:指定特性的值。
  
   
3.4  主体标记
  网页中的主要内容就是网页的主体,它写在主体标记对之间,而这个标记对又包含在标记对的内部。
  文件主体定义了网页显示的内容,如文字、链接、图像、表格或者其他对象。设计制作网页时,实际上主要是设计和标记之间的文本和图形内容及各种标记。
  与相关的主要属性如下。
* background:设置网页的背景图像。
* bgcolor:设置网页的背景色。
* text:设置网页文本的颜色。
* link:设置超文本链接尚未访问时文本的颜色,默认为蓝色。
* vlink:设置超文本链接已经访问后文本的颜色,通常为紫色。
* alink:设置超文本链接被选择瞬间的文本颜色。
   3.5  HTML标签
  HTML文档和HTML元素是通过HTML标签进行标记的。HTML标签由开始标签和结束标签组成。开始标签是尖括号包围着元素名。结束标签是尖括号包围着带斜杠的元素名。某些HTML元素没有结束标签,例如

  (注意:开始标签的英文翻译是Start Tag或Opening Tag,结束标签的英文翻译是End Tag 或Closing Tag。)
   3.6  HTML元素
  HTML元素指的是从开始标签(Start Tag)到结束标签(End Tag)的所有内容,见表1-2。
表1-2  HTML元素举例
开始标签
元素内容
结束标签

This is a paragraph


This is a link

  
   3.7  HTML元素的语法
  (1) HTML元素以开始标签起始。 
  (2) HTML元素以结束标签终止。 
  (3) 元素的内容是开始标签与结束标签之间的内容。 
  (4) 某些HTML元素具有空内容(Empty Content)。 
  (5) 空元素在开始标签中进行关闭(以开始标签的结束而结束)。
  (6) 大多数HTML元素可拥有属性。
   
3.8  HTML标签的属性
  (1) HTML标签可以拥有属性。属性提供了有关HTML元素的更多信息。
  (2) 属性总是以名称/值对的形式出现,例如name=“value”。
  (3) 属性总是在HTML元素的开始标签中规定。
   3.9  颜色值
  颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制数为#00)。最大值是255(十六进制数为#FF)。
任务实践
1. 实践目的
  掌握HTML基本语法以及基本标签的使用方法。
2. 实践内容和要求
  在掌握HTML基本语法的基础上,进一步掌握HTML基本标签的写法,并把用HTML编写的网页在IE和Firefox两种浏览器中测试。
3. 实践步骤
  (1) 选择“开始”→“所有程序”→“附件”→“记事本”。
  (2) 在“记事本”中进行以下几个内容的练习。
  ① 编写标题:
  

  
    标题
  
  
  
    

一号标题

    

二号标题

    

三号标题

    

四号标题

    

五号标题

    

六号标题

    

七号标题

    

    
    这是一个普通的没有界定的文字!
    
  

  
  ② 使用换行标签

  

  换行示例

  登鹳雀楼
白日依山尽,
黄河入海流。
  
欲穷千里目,
更上一层楼。

  
  ③ 使用段落标签


  

  段落标签

  

登鹳雀楼

  

白日依山尽,

  

黄河入海流。

  

欲穷千里目,

  

更上一层楼。

  
  ④ 使用水平线段标签



  

  线段粗细的设定

  

这是第一条线段,无size设定,取内定值size=1来显示

  

  


  

这是第二条线段,size=5

  

  


  

这是第三条线段,size=10

  

  


  
  (3) 将编辑好的文件分别另存为EXP1.htm、EXP2.htm、EXP3.htm和EXP4.htm文件,存盘位置可设为D盘根目录,也可设为其他目录。
  (4) 在“我的电脑”中找到这4个文件后,双击,在浏览器中查看页面的效果。

任务4  了解HTTP协议
知识储备
   4.1  HTTP协议简介
  HTTP是一个属于应用层的面向对象的协议,由于其简单、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过多年的使用与发展,得到了不断的完善和扩展。HTTP协议的主要特点可以概括如下:
* 支持客户/服务器模式。
* 简单、快速。客户向服务器请求服务时,只须传送请求方法和路径。请求方法常用的有GET、HEAD和POST。每种方法都规定了客户与服务器联系的类型。由于HTTP协议简单,使得HTTP服务器的程序规模小,因而通信速度很快。
* 灵活。HTTP允许传输任意类型的数据对象。传输类型由Content-Type标记。
* 无连接。无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。
* 无状态。HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。另一方面,在服务器不需要先前的信息时,它的应答就较快。
   4.2 HTTP协议的几个重要概念
  (1) 连接
  连接(Connection)是指一个传输层的实际环流,它建立在两个相互进行通信的应用程序之间。
  (2) 消息
  消息(Message)是HTTP通信的基本单位,包括一个结构化的八元组序列,并通过连接进行传输。
  (3) 请求
  请求(Request)是指一个从客户端到服务器的请求信息,包括应用于资源的方法、资源的标识符和协议的版本号。
  (4) 响应
  响应(Response)是指一个从服务器返回的信息,包括HTTP协议的版本号、请求的状态(例如“成功”或“没找到”)和文档的MIME类型。
  (5) 资源
  资源(Resource)是指由URL标识的网络数据对象或服务。
  (6) 实体
  实体(Entity)是指数据资源或来自服务资源的回应的一种特殊表示方法,它可能被包围在一个请求或响应信息中。一个实体包括实体头信息和实体的本身内容。
  (7) 客户
  客户(Client)是指一个为发送请求目的而建立连接的应用程序。 
  (8) 用户代理
  用户代理(User agent)是指初始化一个请求的客户。它们是浏览器、编辑器或其他用户工具。
  (9) 服务器
  服务器(Server)是指一个接受连接并对请求返回信息的应用程序。
  (10) 源服务器
  源服务器(Origin Server)是一个给定资源可以在其上驻留或被创建的服务器。
  (11) 代理
  代理(Proxy)是一个中间程序,它可以充当一个服务器,也可以充当一个客户机。普通的因特网访问是一个典型的客户机与服务器结构:用户利用计算机上的客户端程序,如浏览器,发出请求,远端WWW服务器程序响应请求,并提供相应的数据。而Proxy处于客户机与服务器之间,对于服务器来说,Proxy是客户机,Proxy提出请求,服务器响应;对于客户机来说,Proxy是服务器,它接受客户机的请求,并将服务器上传来的数据转给客户机。它的作用很像现实生活中的代理服务商。因此,Proxy Server的中文名称就是“代理服务器”。
  (12) 网关
  网关(Gateway)是一个作为其他服务器中间媒介的服务器。与代理不同的是,网关接受请求就好像是被请求的资源的源服务器,而发出请求的客户机并没有意识到它在同网关打交道。
  网关经常作为通过防火墙的服务器端的门户,网关还可以作为一个协议翻译器以便存取那些存储在非HTTP系统中的资源。
  (13) 通道
  通道(Tunnel)是作为两个连接中继的中介程序。一旦被激活,通道便被认为不属于HTTP通信,尽管通道可能是被一个HTTP请求初始化的。当被中继的连接两端关闭时,通道便消失。当一个门户(Portal)必须存在或中介(Intermediary)不能解释中继的通信时,通道经常被使用。
  (14) 缓存
  缓存(Cache)是指反应信息的局域存储。
   4.3  HTTP协议的运作方式
  HTTP协议是基于请求/响应模式的。一个客户机与服务器建立连接后,发送一个请求给服务器。请求方式的格式为,统一资源标识符和协议版本号,后边是MIME信息,包括请求修饰符、客户机信息和可能的内容。服务器接到请求后,给予相应的响应信息,其格式为一个状态行,包括信息的协议版本号和一个成功或错误的代码,后边是MIME信息,包括服务器信息、实体信息和可能的内容。 
  上面简要介绍了HTTP协议的宏观运作方式,下面介绍HTTP协议的内部操作过程。
  首先,简单介绍一下基于HTTP协议的客户/服务器模式的信息交换过程。它分为4个过程,包括建立连接、发送请求信息、发送响应信息和关闭连接。
  在WWW中,“客户”与“服务器”是一个相对的概念,只存在于一个特定的连接期间,即在某个连接中的客户,在另一个连接中可能作为服务器。WWW服务器运行时,一直在TCP80端口(WWW的默认端口)监听,等待连接的出现。
  下面讨论HTTP协议下客户/服务器模式中信息交换的实现。
1. 建立连接
  连接的建立是通过申请套接字(Socket)实现的。客户打开一个套接字,并把它约束在一个端口上,如果成功,就相当于建立了一个虚拟文件。以后,就可以在该虚拟文件上写数据,并通过网络向外传送。 
2. 发送请求
  打开一个连接后,客户把请求消息送到服务器的停留端口上,完成提出请求动作。
  HTTP 1.0的请求消息的格式如下:
  
请求消息=请求行(通用信息|请求头|实体头)CRLF[实体内容]
请求行=方法+请求URL+HTTP版本号CRLF
方法=GET|HEAD|POST|扩展方法
URL=协议名称+宿主名+目录与文件名
  
  请求行中的方法描述了指定资源中应该执行的动作,常用的方法有GET、HEAD和POST。
  (1) GET——一个简单的请求,接收从服务器指定地点返回的文档或文件。不同的请求对象对应GET的结果是不同的,对应关系如下。
* 文件:文件的内容。
* 程序:该程序的执行结果。
* 数据库查询:查询结果。
  (2) HEAD——要求服务器查找某对象的源信息,而不是对象本身。
  (3) POST——从客户向服务器传送数据,在要求服务器和CGI作进一步处理时,会用到POST方法。POST主要用于发送HTML文本中FORM的内容,让CGI程序处理。
  下面给出一个请求的例子:
  
GET http://networking.zju.edu.cn/zju/index.htm HTTP/1.0
  
  几个基本概念:
* 头信息:又称为元信息,即信息的信息,利用元信息,可以实现有条件的请求或应答。
* 请求头:告诉服务器怎样解释本次请求,主要包括用户可以接受的数据类型、压缩方法和语言等。
* 实体头:包括实体信息的类型、长度、压缩方法、最后一次修改的时间、数据有效期等。
* 实体:请求或应答对象本身。
3. 发送响应
  服务器在处理完客户的请求后,要向客户发送响应消息。
  HTTP 1.0的响应消息格式如下:
  
响应消息=状态行(通用信息头|响应头|实体头)CRLF[实体内容]
状态行=HTTP版本号 状态码 原因叙述
  
  状态码表示的响应类型如下。
* 1××:保留。
* 2××:表示请求成功地接收。
* 3××:为完成请求客户需进一步细化请求。
* 4××:客户错误。
* 5××:服务器错误。 
  响应头的信息包括:服务程序名、通知客户请求的URL需要认证、请求的资源何时能使用。
4. 关闭连接
  客户和服务器双方都可以通过关闭套接字来结束TCP/IP会话。
任务5  了解Web服务器与浏览器
知识储备
   5.1  Web服务器
  Web服务器和操作系统之间有密切的关系。Web服务器是可以向发出请求的浏览器提供文档的程序。
  服务器是一种被动程序,只有当Internet上运行其他计算机中的浏览器发出的请求时,服务器才会响应。最常用的Web服务器是Apache和Microsoft的Internet信息服务器(Internet Information Services,IIS)。
  Internet上的服务器也称为Web服务器,是一台在Internet上具有独立IP地址的计算机,可以向Internet上的客户提供WWW、E-mail和FTP等各种Internet服务。
  Web服务器是指驻留于因特网上某种类型计算机上的程序。当Web浏览器(客户端)连到服务器上并请求文件时,服务器将处理该请求,并将文件反馈到该浏览器上,附带的信息会告诉浏览器如何查看该文件(即文件类型)。
  服务器使用HTTP(超文本传输协议)与客户机浏览器进行信息交流,这就是人们常把它们称为HTTP服务器的原因。
  Web服务器不仅能够存储信息,还能在用户通过Web浏览器提供的信息的基础上运行脚本和程序。

1. Web服务器的选择
  选择Web服务器时,对性能的选择应该立足当前,着眼未来,力求使投资发挥出最大的效益。大多数Web服务器主要是针对某一种操作系统进行优化的,且有的只能运行在一种操作系统上,所以选择Web服务器时,还需要跟操作系统联系起来考虑。对于Web服务器的性能,一般要注意以下几个方面。
  (1) 响应速度
  即Web服务器对多个用户浏览信息的响应速度。Web服务器的响应速度越快,则单位时间内可以支持的访问量就越多,用户单击时的响应速度也就越快。
  (2) 与其他服务器的交互、集成能力
  Web服务器除直接向用户提供Web信息外,还应能够方便、高效地与后端的其他服务器,如数据库服务器和计费服务器交互访问,使客户机只需要一种界面,就能访问所有的后端服务器。
  (3) 管理的难易程度
  包括对Web服务器的管理是否简单、易行,服务器自带的管理工具是否丰富、好用,第三方的管理工具是否丰富、好用。
  (4) 对应用程序开发的支持程度
  包括其开发环境和所支持的开发语言是否功能强大,开发是否方便易行。
  (5) 稳定、可靠和安全性
  Web服务器的运行需要非常稳定、可靠,且能够长时间高负荷地运行;安全性则表现为其对信息的加密机制,支持加密通信的方式,及安全漏洞的多少等。
2. 常用Web服务器软件简介
  下面简单介绍几种常用的Web服务器软件。
  (1) Internet信息服务器(IIS)
  IIS是Microsoft推出的、使用最广泛的Web服务器之一,Gopher Server和FTP Server全部包容在里面。IIS意味着我们能发布网页,并且通过ASP(Active Server Pages)、Java、VBScript产生的页面提供一些扩展功能。其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器,是在Windows Server上建立Internet服务器的基本组件。它与Windows Server完全集成,允许使用Windows Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。IIS也是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面,它使得在网络(包括互联网和局域网)上发布信息成了一件很容易的事情。
  (2) Apache HTTPD
  Apache HTTPD源于NCSA httpd服务器,是最流行的Web服务器软件之一。其特点是使用简便、速度快而且性能稳定。过去它主要用于Linux环境,现在则逐渐使用到多种系统中。Apache有多种产品,可以支持SSL(Secure Sockets Layer,安全套接字协议层)技术,支持多个虚拟主机。Apache的主要缺点在于它是以进程为基础的结构。进程要比线程消耗更多的系统资源,不太适合多CPU环境。因此,在一个Apache Web站点扩容时,通常是增加服务器的数量,而不是增加CPU的数量。在易用性方面,Apache的管理界面也不是很友好。但Apache属于自由软件,成本低廉。Apache+Linux被称为自由软件的黄金组合,性能虽然不是最佳,但性价比却是很高的。
  (3) iPlanet Web Server
  iPlanet Web Server也就是Netscape Enterprise Web Server,在Netscape与Sun公司联合后,改名为iPlanet Web Server,是Unix环境下大型网站的首选Web服务器软件。其主要特点是:带有客户端授权的SSL,支持SNMP(Simple Network Management Protocol,简单网络管理协议),数据库连接和Web网站内容管理等功能都十分强大。在Windows 环境下,iPlanet Web Server作为Web服务器同样性能优异。它除了包含Sun和Netscape公司的工具外,还拥有许多第三方组件和工具软件的支持。例如,编程接口方面,除了支持传统的CGI外,Netscape还支持服务器端的JavaScript、Java、CORBA和NSAPI。Netscape Enterprise Server还提供强大的用户及安全性管理功能。
  (4) Oracle Web Server
  该软件是著名的甲骨文公司(即Oracle公司)的产品,支持多种平台,与Oracle数据库产品配合使用,能获得最佳性能。其特点是具有良好的扩展性、可移植性和安全性,提供了多种安全机制,包括简单的防火墙功能和账户管理功能等。
  (5) IBM Web Sphere
  IBM Web Sphere是一组专门为商务网站设计的套件,其中最主要的是Web Sphere Commerce Suite,包含的工具可以创建和管理商务交易Web站点,对复杂数据进行分类,在主机上安装商务交易站点的服务器软件和安全的支付软件。Web Sphere Commerce Suite的开放结构允许用户修改任何基本组件,以适应特定的要求,例如,可以插入其他Web服务器或其他数据库,如Oracle和SQL Server等。
  (6) Novell Netware Web Server
  Novell公司的Novell Netware Web Server专用于Netware 4.1及以上产品,与Netware系统平台无缝集成。使用NDS(Novell目录服务)可确保Web服务器的安全性,提供有效的容错功能。其主要缺点是不能用于其他操作系统平台,使得其应用范围受到限制。
   5.2  浏览器
  浏览器是装在用户电脑上的一种软件,通过它,才能方便地看到Internet上提供的远程登录(Telnet)、电子邮件、文件传输(FTP)、网络新闻组(NetNews)和电子公告栏(BBS)等服务资源。
1. Internet Explorer浏览器
  Internet Explorer(IE)是用户使用最多的浏览器,超过80%的用户使用IE浏览器。IE浏览器最大的好处,在于它直接绑定在微软的Windows操作系统中,当安装了Windows操作系统后,无须专门下载安装浏览器,即可利用IE浏览器来实现网页浏览。不过,其他版本的浏览器因为有各自的特点,而受到部分用户欢迎。

2. Google浏览器
  Google Chrome,又称Google浏览器,是一个由Google(谷歌)公司开发的网页浏览器。该浏览器是基于其他开源软件编写的,包含WebKit,目标是提升稳定性、速度和安全性,并可创造出简单且有效率的使用者界面。软件的名称是来自于称作Chrome的网络浏览器图形用户界面(GUI)。软件的beta测试版本在2008年9月发布,提供50种语言版本,有Windows、Mac OS X、Linux、Android,以及iOS版本的。2015年,Chrome已达全球份额的35%,是仅次于IE份额(39%)的浏览器。
3. 火狐浏览器
  Mozilla Firefox,非正式的中文名称为火狐(Firefox)浏览器,由Mozilla基金会(http://www.mozilla.com)与众多志愿者开发,其市场份额仅次于Chrome。
  Firefox采取了小而精的核心,并允许用户根据个人需要去添加各种扩展插件,来完成更多的、更个性化的功能。特别值得一提的是,许多在IE浏览器中让人甚为头疼的安全问题(如木马、病毒、恶意网页和隐私泄露等),在火狐浏览器中都得到了很好的解决。
4. Opera浏览器
  Opera Web Browser是由Opera Software ASA出品的一款轻量级网络浏览器,总部在挪威的奥斯陆,它利用标签方式实现单窗口下的多页面浏览。不但提供Windows、Linux、Mac OS和移动电话等多平台的支持,还提供中文、英语、法语和德语等多语言的支持。
5. 其他IE核心浏览器
  市面上还有许多以IE为核心的浏览器,提供了更多的功能和方便性,如卡片式浏览、天气预报、弹出窗口拦截等。其中比较流行的有360浏览器、猎豹浏览器和腾讯浏览器等。从根本上来说,它们都是IE浏览器的变形,并且只能用于Windows平台。
任务实践
  (1) 使用不同版本的IE浏览器打开同一个网站,并记录差异。
  (2) 使用不同类型的浏览器打开同一个网站,并记录差异。
任务6  了解CGI
知识储备
   6.1  什么是CGI
  CGI是Common Gateway Interface的缩写,在物理上,它是一段程序,运行在服务器上,提供与客户端HTML页面的接口。这样说大概不好理解,那么我们看一个实际例子,以用户注册为例。现在的网站主页上都有一个用户注册的页面,用户注册的流程如下。
  先由用户在客户端输入一些信息,如名字,接着单击“提交”按钮。注意,到目前为止,工作都在客户端进行。
  接下来,浏览器把这些信息传送到服务器的CGI目录下特定的CGI程序中,于是CGI程序在服务器上按照预定的方法进行处理。本例中,就是把用户提交的信息存入指定的文件或数据库中。
  然后CGI程序给客户端发送一个信息,表示请求的任务已经结束。此时,用户在浏览器里将看到“注册成功”的字样。至此,整个注册过程结束。
  知道了CGI有什么作用,大概就可以理解CGI了。
  CGI应用程序的工作原理如下。
  (1) 浏览器通过HTML表单或超链接,请求指定CGI应用程序的URL。
  (2) 服务器收到请求。
  (3) 服务器执行指定的CGI应用程序。
  (4) CGI应用程序执行所需要的操作,通常是基于浏览者输入的内容。
  (5) CGI应用程序把结果格式化为网络服务器和浏览器能够理解的文档(通常是HTML网页)。
  (6) 网络服务器把结果返回到浏览器中。
  CGI程序是一些指令的集合,这些指令必须遵循CGI的标准,而且可以及时执行。另外,它还可以执行用户定义的工作以及提供动态的输入。CGI程序的执行过程可以分为三个主要的部分:读、执行和转换。所谓读,是指读取服务器提供的资料,有必要的话,还需要对资料的格式进行适当的转换以方便后续处理;执行,就是执行资料提取或执行特定指令;转换,则是把程序的结果转换为HTML格式并送到标准输出设备。
   6.2  CGI的传送方式
  既然CGI是一种程序,自然需要用程序设计语言来编写。用户可以用任何一种熟悉的高级语言,如C、C++和Visual Basic等进行编程。值得特别指出的是,有一种叫Perl的语言,其前身是属于Unix专用的高级语言,因其具有强大的字符串处理能力,而成为编写CGI程序的首选语言。
  正因为CGI实际上是服务器和客户端的接口程序,所以对于不同的服务器,CGI程序的移植是一个很复杂的问题。一般对于不同的服务器,没有两个可以互相通用的CGI,这实际上就是CGI程序最复杂的地方。
  CGI程序由两部分组成,一部分是HTML页面,就是用户在浏览器中看到的页面;另一部分则是运行在服务器上的程序。
  HTML页面通过一定的传送方法来调用CGI程序。所谓传送方法,是指调用CGI程序的途径。事实上,要执行CGI程序时,客户端用一种方法向服务器提出请求,此请求定义了程序如何接收数据。下面介绍最常用的两种方法:GET和POST。
1. GET方法
  当使用这种方法时,CGI程序从环境变量QUERY_STRING中获取数据。QUERY_ STRING是一种环境变量,就是这种环境变量把客户端的数据传给服务器的。为了解释和执行程序,CGI必须分析处理此字符串。
  当用户想从服务器中获得数据并且不改变服务器上的数据时,应该选用GET。但如果字符串超过了一定的长度,那么还是选用POST方法。
2. POST方法
  使用POST方法时,Web服务器通过Stdin(标准输入)向CGI程序传送数据。服务器在数据的最后没有使用EOF字符标记,因此,程序为了正确读取Stdin,必须使用CONTENT_LENGTH。当发送的数据将改变Web服务器端的数据,或者用户想给CGI程序传送的数据超过了1024字节时,即超过URL的极限长度时,应该使用POST方法。
   6.3  CGI的环境变量
  服务器与CGI程序交换信息的方式,是通过环境变量来实现的。
  无论什么请求,CGI程序总能在特定的位置找到某些信息。无论环境变量怎样定义,总有一些变量有着特定的含义。环境变量是一块用来保存用户信息的内存区域。
  例如,所有的机器都有一个PATH环境变量,寻找文件时,如果在当前目录下找不到时,就要查找PATH变量。
  同样道理,当服务器收到一个请求后,首先要收集能得到的所有相关信息,并放入内存。一般来说,服务器要收集下述三类信息:关于服务器自身的详细信息;关于用户的信息;关于用户请求的信息。服务器不知道CGI程序到底需要哪些信息,因此,会把这些信息一起收集起来,这样,重要的信息就不会遗漏了。
  (1) 与服务器相关的环境变量。
* GATEWAY_INTERFACE:服务器遵守的CGI版本。
* SERVER_NAME:服务器的IP或名字。
* SERVER_PORT:服务器主机的端口号。
* SERVER_SOFTWARE:服务器软件的名字。
  (2) 与客户端相关的环境变量。
  服务器了解CGI程序,但一定不知道客户端的环境。正因为如此,同客户端有关的变量才是最重要的,因为它涉及用户所用的浏览器等信息。
* ACCEPT:列出能被此请求接受的应答方式。
* ACCEPT_ENCODING:列出客户端支持的编码方式。
* ACCEPT_LANGUAGE:表明客户端可接受语言的ISO代码。
* AUTORIZATION:表明是被证实了的用户。
* FORM:列出客户端的E-mail地址。
* IF_MODIFIED_SINCE:当用GET方式请求并且只有当文档比指定日期更早时才返回数据。
* PRAGMA:设置将来要用到的服务器代理。
* REFERER:指出连接到当前文档的URL。
* USER_AGENT:标明客户使用的软件。
  
(3) 与请求相关的环境变量。
  每次服务器收到的请求都不可能是一样的,这意味着有许多CGI程序必须注意收到的所有信息。这些与请求相关的信息包含用户调用的信息,用户如何发送请求,以及作为请求的一部分传送了多少信息,传送了什么信息。这些对CGI程序来说是非常重要的,因此,应当花些时间,详细地讨论一下其中的一些变量,特别是REQUEST_METHOD、QUERY_STRING和CONTENT_LENGTH这三个变量,是相当重要的。
实训一  设计一个注册页面
1. 实训背景
  网站设计用户注册功能,从某些层面来说,是一种网络营销的方式。用户访问一个网站并注册,其本身就是对网站产生好感的一种心理体验。申请成为注册用户,可以获得网站积分;可以获得网站相关功能页面的访问权限;可以通过邮件、手机等方式及时获取网站的相关信息。而网站运营方也可以通过注册用户,了解用户的喜好、性格特点等各方面的信息,不断收集相关数据,来把握网站运营的方向。
  注册功能相当于整个网站平台的入口。注册功能用户体验的效果,会直接影响用户的使用心理。注册功能简单、明快,便于操作,会大大吸引用户成为网站会员的兴趣。同时,友好型的使用体验也促使用户乐于分享。
  本实训要求设计一个注册页面,来满足用户注册的需求。
2. 实训内容和要求
  (1) 学会使用表单标签。
  (2) 熟练应用表单域:包含文本框、密码框、隐藏域、多行文本框、复选框、单选按钮、下拉列表框和文件上传框等。
  (3) 学会使用表单按钮:包括提交按钮、复位按钮和一般按钮。
3. 实训步骤
  (1) 分析在注册页面中,来访者需要填写的注册信息,如图1-4所示。

图1-4  用户注册页面
  (2) 编写HTML代码:
  


form

表单的使用



 

   

     

     

   

   

     

     

   

   

     

     

   

   

     

     

   

   

     

     

   

   

     

     

用户名
密码
性别     
        女 
   
爱好     
          玩游戏
       
          看书
       
          音乐 
   
学历     
     
个人简介     



     

   

   

      照片

     


   

   

     

    


               

         

       


     

   

 

  

  (3) 在IE或者其他类型的浏览器中预览页面的效果。

综合练习一

一、填空题

  1.网络上侵犯知识产权的形式主要有         、          和           。

  2.消息标题一般分为         和         两种。

  3.比起传统媒体的表现形式,网络信息写作的新形式主要是         、        和

        。

  4.在网站建设的全过程中,对网站的          是其中一个非常重要的环节。

  5.在24色色环中,根据位置的不同,颜色间可构成           、            、

         和        四种关系。 

6. 矢量图形与           无关。 

二、选择题

  1.
标记必须包含在(    )标记中。 

A.  和       B.  和

  

C.  和     D.  

 

  2. CSS样式表驻留在文档的(    )中。 

A.  head B.  body C.  table D.  font 

  3. 将超链接的目标网页在新窗口中打开的方式是(    )。 

A.  _parent B.  _blank C.  _top D.  _self   

  4. 设置字体大小时,选择“-3”,代表(    )。

A.  0号字 B.  l号字 C.  2号字 D.  3号字 

  5. 若一个元素外层套用HTML样式,内层套用CSS样式,则起作用的是(    )。

A.两种样式的混合效果 B.冲突,不能同时套用 

C.  CSS样式 D.  HTML样式

  6. 下面关于TCP/IP的说法错误的是(    )。

A. 它是一种双层程序

B. TCP协议在会话层工作

C. IP控制信息包从源头到目的地的传输路径  

D. IP协议属于网络层

  7. WWW服务器的核心功能是(    )。

A. 安全服务 B. 网站管理 C. 数据分析 D. 响应请求

  8. CGI作为标准接口,连接的是Web服务器和(    )。

A. 客户端的应用程序 B.服务器端的应用程序

C. 浏览器 D.  Web服务器

三、综合题

  1. 结合自己的应用实践,讨论绝对URL与相对URL的优缺点。

2. 试通过Windows系统的记事本使用HTML语言编写一个简单的网页。

  3. HTTP协议的主要特点有哪些?

  4. 除本章介绍的Web服务器和浏览器外,是否还有其他常用的Web服务器和浏览器?试利用WWW网络资源回答该问题。


网站建设与管理实用教程 pdf下载声明

本pdf资料下载仅供个人学习和研究使用,不能用于商业用途,请在下载后24小时内删除。如果喜欢,请购买正版

pdf下载地址

版权归出版社和作者所有,下载链接已删除。如果喜欢,请购买正版!

链接地址:网站建设与管理实用教程