Web网站架构与HTML基础

第一章Web网站架构与HTML基础内容提要Web的特点和结构Web服务器的配置创建虚拟目录HTML基础Web的特点和结构本章介绍的概念、Web服务器配置、创建虚拟目录和浏览器IE6.0配置。一、的概念1.什么是？的缩写，简称为Web（万维网）。月，是由欧洲粒子物理实验室CERN(theEuropeanLaboratoryforParticlePhysics)开发的主从结构分布式（“客户机/服务器”模式）超文本系统。1992年1月,Web的第一个版本在瑞士日内瓦问世。Web的特点和结构是一个全球性的信息系统，使计算机能够在Internet上相互传送基于超媒体的数据信息。（企业内部网）的信息系统。具有三个统一：1.统一的资源命名方式：URL（统一资源定位符，即网址）。2.统一的资源访问方式：HTTP（超文本传输协议）。3.统一的信息组织方式：HTML（超文本标记语言）。Web的特点和结构2.的特点分布式的信息资源。统一的用户界面。支持各种信息资源和各种媒体的演播。广泛的用途。Web的特点和结构3.的结构是成千上万个网站连結而成的页面式网络信息系统。采用“客户机/服务器”结构。Web的特点和结构网页存放在被称为Web服务器(WebServer)的计算机上，等待用户访问。Web的特点和结构4.Web技术经历了3个发展阶段第一代，提供对静态网页的管理和访问。第二代，提供对动态网页的访问和显示。第三代，除动态网页生成和访问之外，还提供基于Web的联机事务处理能力。•静态网页是从放置到服务器以后，直到发送给浏览器不会发生更改的网页，通常用HTML语言编写其代码，保存为.htm文件。•动态网页是在发送到浏览器之前由应用程序服务器修改的网页。动态网页的源文件可用HTML语言和VBScript或JavaScript等脚本语言编写，保存为.asp文件，也称为Web应用程序。Web的特点和结构Web应用程序是用HTML语言和VBScript或JavaScript等脚本语言编写的动态网页源文件，也称为服务器端脚本。当从服务器请求这样一个页时，Web服务器先将该页传递给应用程序服务器进行处理，然后再将该页发送给浏览器。应用程序服务器是一种软件，它帮助Web服务器处理Web应用程序，以便生成动态网页。ASP（ActiveServerPage动态服务器网页）是Windows系统所包含的应用程序服务器软件。Web服务器配置二、Web服务器的配置1.什么是Web服务器？Web服务器也称为HTTP服务器，它是响应来自浏览器的请求，并且发送出网页的软件。当访问者在浏览器的地址文本框中输入一个URL，或者单击在浏览器中打开的网页上的某个链接时，便生成一个网页请求。常见的Web服务器有：•MicrosoftInternetInformationServer（IIS）•MicrosoftPersonalWebServer(PWS)•ApacheHTTPServer•NetscapeEnterpriseServer•SunONEWebServer。Web服务器配置2.五种常见的Web应用程序服务器Dreamweaver可以使用以下五种服务器技术的任何一种设计Web应用程序：•ColdFusion（可用于Windows和Solaris操作系统平台的动态服务器网页技术）•ASP（ActiveServerPage：动态服务器网页技术）•ASP.NET（.NET平台的动态服务器网页技术）•JSP（JavaServerPage：Java服务器网页技术）•PHP（PersonalHomePage：个人主页技术）每种技术都与Dreamweaver中的一种文档类型相对应。Web服务器配置ASP、JSP、PHP的比较Web服务器配置选择哪一种Web应用程序技术取决于多个因素，其中包括对各种脚本语言的熟悉程度以及要使用的应用程序服务器。•如果采用ColdFusionMX服务器，则可以选择ColdFusion。•如果采用IIS服务器，则可以选择ASP或ASP.NET。•如果采用PHP服务器，则可以选择PHP；•如果采用JSP服务器，则可以选择JSP。本课程选择了Windows的ASP动态网页技术。Web服务器配置3.两种Web系统配置方案一种配置是将IIS或PWS安装在本地Windows计算机硬盘中，另一种是将IIS或PWS安装在远程Windows计算机硬盘中。Web服务器配置4.如何用Windows操作系统建立Web服务器？可以安装下列系统之一：1．Windows2000/2003Server和IIS5.0。2．WindowsXP和IIS5.1。3．Windows98/2000Professional和PWS。其中IIS：InternetInformationService（Internet信息服务器）；PWS：PersonalWebService（个人Web服务）。Web服务器配置Windows2000/2003Server和IIS5.0安装•在Windows2000Server软件里带有IIS5.0。插入Windows2000Server光盘，自动启动，按照提示进行安装，同时自动安装IIS5.0。•Windows2003Server不自动安装IIS。若要安装IIS，可以单击“开始”￫“程序”￫“管理工具”￫“配置服务器”，选择“高级”选项，打开显示可供安装的组件的对话框；也可以在控制面板中使用“添加/删除程序”。Web服务器配置注意，由于ASP处理程序会随着IIS自动安装。所以，运行ASP的应用程序服务器会随着Web服务器的建立而自动地建立。Web服务器配置如何在WindowsXP中安装IIS（1）单击“开始”“控制面板”，双击“添加或删除程序”；（2）单击“添加/删除Windows组件”；（3）出现“Windows组件向导”，单击“下一步”；（4）在“Windows组件”列表中，选中“Internet信息服务(IIS)”；（5）单击“下一步”，然后根据提示操作。在安装后，可以启动浏览器，输入地址：localhost。若显示其网页，则表示IIS正常安装。Web服务器配置5.服务器上的根文件夹Inetpub\假定读者在计算机的D:盘中安装了WindowsXP操作系统。那末，该系统会自动创建根文件夹D:\Inetpub\。默认情况下，Web服务器从D:\Inetpub\文件夹提供网页。Web服务器将根据来自Web浏览器的HTTP请求，提供此文件夹中的任何页或其子文件夹中的任何页。在D:\Inetpub\文件夹中可以创建子文件夹，例如“MyPage”用以存放一组网页源文件。Web服务器配置6.如何设置默认网站主目录（根文件夹）（1）单击“开始”￫“控制面板”￫“性能和维护”￫“管理工具”￫“Internet信息服务”；展开“本地计算机”列表，展开“Web站点”文件夹，然后展开“默认Web站点”文件夹，右击“默认网站”；单击“属性”。（2）输入默认网站IP地址（若本机作Web服务器，则用127.0.0.1）。（3）输入默认网站的主目录，以及为该文件夹设置脚本权限。假如建立网页文件test.htm，将它存放到本机默认网站的主目录d:\inetpub\下。那末，其浏览地址为：127.0.0.1\test.htm。创建虚拟目录三、如何创建虚拟目录1.存放网页源文件的两种做法将网页文件保存到默认网站的主目录里，如上节所述，默认网站的主目录直接采用Windows系统已经建立的d:\Inetpub\根文件夹。将网页文件保存到默认网站的主目录之外。这就需要建立一个虚拟目录，在建立虚拟目录的过程中指定虚拟目录及其实际目录，从而建立虚拟目录和实际目录的联系。创建虚拟目录2.什麽是虚拟目录虚拟目录是实际目录的别名，它代表存放网页的实际目录，以便用在网址中代替实际目录。虚拟目录的名称可以与实际目录的名称相同，也可以不同。虚拟目录在磁盘目录中并不存在，实际目录是存放网页内容的目录。例如，存放网页文件test.htm的实际目录为d:\x1，若为该目录设置一个别名，即虚拟目录zhang，则虚拟目录Zhang就可以用在网址127.0.0.1\zhang\test.htm中代表存放网页的实际目录d:\x1。创建虚拟目录3.设置默认网站的虚拟目录单击“开始”￫“控制面板”￫“性能和维护”￫“管理工具”￫“Internet信息服务”；展开，右击“默认网站”；单击“新建”“虚拟目录”。详细创建过程参见教材图1-7~图1-12。IE6.0的配置四、网页浏览器IE6.0的配置浏览器IE6.0的配置可以使用浏览器的“工具”和“Internet选项”菜单命令进行设置，也可以通过修改操作系统的注册表进行设置。本节介绍如何使用“工具”和“Internet选项”进行下列设置。1.设置Internet连接（1）启动InternetExplorer。（2）单击“工具”￫“Internet选项”。出现Internet选项对话框。（3）单击“连接”选项卡￫单击“建立连接”。（4）按照屏幕上的提示操作。IE6.0的配置2.设置起始页面（1）单击IE菜单栏中的“工具”“Internet选项”出现Internet选项对话框。（2）输入“主页”的“地址”，例如，单击“确定”。3.设置IE缓存在“Internet选项”对话框中，单击“设置”，出现“设置”对话框。可以设置IE缓存“使用的磁盘空间”等。IE6.0的配置4.IE安全设置在“Internet选项”对话框中，单击“安全”，出现“安全设置”对话框。其中主要包括ActiveX控件和插件、Java权限、JavaApplet和脚本、Cookies、文件下载或用户验证设置，可选择“禁用”或“启用”等。5.调整自动完成功能的设置在IE的“工具”菜单上，单击“Internet选项”；单击“内容”标签；在“个人信息”区域，单击“自动完成”；选中要应用“自动完成”功能的选项前面的复选框。IE6.0的配置6.清除已访问过的网页为了加快浏览速度，IE会自动把浏览过的网页保存在系统盘的＼TemporaryInternetFiles文件夹内。当用户不再需要这些网页时，在该文件夹下全选且删除即可。或者，在“常规”标签下单击“Internet临时文件”项目的“删除文件”按钮，选中“删除所有脱机内容”，单击“确定”按钮即可。这种方法不太彻底，还会留少许Cookies在文件夹内。在“常规”标签下，“删除文件”按钮旁边还有一个“删除Cookies”按钮，通过它可以很方便地删除遗留的Cookies。Cookies（小甜饼）是客户端逐块保存用户信息的小文本文件。HTML基础一、HTML的概念1.什么是HTML？超文本标记语言(HTML——HyperTextMarkupLanguage)是用于设计网页源文件（网页文档）的语言。每一个页面的代码保存为一个网页源文件(.htm文件)。八十年代初，HTML由万维网联盟（W3C：WorldWideWebConsortium）制订。HTML包括一些定义页面内容和格式的符号，称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示，还可以通过超链接以访问其它的信息资源。后来，进一步推出了XML（扩展标记语言），该语言可以由程序员自己定义标记。HTML基础2.什么是标记？标记是网页文档中的一些有特定意义的符号。这些符号指明如何显示文档中的内容。标记总是放在三角括号中，大多数标记都成对出现（有开始标记和结束标记）。结束标记和开始标记所用的字符相同