网站构建初级教程

什么是？它如何工作？什么是浏览器？什么是服务器？什么是？指万维网（WorldWideWeb）万维网常被称为WebWeb是由遍布全球的计算机所组成的网络所有Web中的计算机都可以彼此通信所有这些计算机都使用名为HTTP的通信标准如何工作？Web信息存储于被称为网页的文档中网页是存储于被称为Web服务器的计算机上读取网页的计算机称为Web客户端Web客户端通过称为浏览器的程序来查看网页主要的浏览器有InternetExplorer和MozillaFirefox浏览器如何读取页面？浏览器可通过一个请求来读取某个服务器上的一张网页请求是一个包含页面地址的标准HTTP请求页面地址类似这样：浏览器如何显示页面？所有的网页都含有其如何被显示的结构浏览器通过阅读这些结构来显示页面最常用的显示结构称为HTML标签用于段落的HTML标签类似这样：p在HTML中像这样定义段落：pThisisaParagraph/p谁制定web标准？web标准不是由Netscape或Microsoft制定的web的规则制定主体是W3CW3C指的是万维网联盟（WorldWideWebConsortium）W3C将各种规范订立为web标准最核心的web标准是HTML、CSS、XML最新的HTML标准是XHTML1.0如需学习更多有关W3C的知识，请学习我们的W3C教程。实例htmlbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/html亲自试一试什么是HTML？HTML是用来描述网页的一种语言。HTML指的是超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言，而是一种标记语言(markuplanguage)标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页HTML标签HTML标记标签通常被称为HTML标签(HTMLtag)。HTML标签是由尖括号包围的关键词，比如htmlHTML标签通常是成对出现的，比如b和/b标签对中的第一个标签是开始标签，第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签HTML文档=网页HTML文档描述网页HTML文档包含HTML标签和纯文本HTML文档也被称为网页Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容：htmlbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/html例子解释html与/html之间的文本描述网页body与/body之间的文本是可见的页面内容h1与/h1之间的文本被显示为标题p与/p之间的文本被显示为段落需要具备的基础知识在继续学习之前，你需要对下面的知识有基本的了解：HTMLXHTML如果你希望首先学习这些项目，请在首页访问相关教程。CSS概述CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多个样式定义可层叠为一样式解决了一个普遍的问题HTML标签原本被设计为用于定义文档内容。通过使用h1,p,table这样的标签，HTML当初被指望用来表达“这是标题”、“这是段落”、“这是表格”之类的信息。而文档的布局被期望由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范之中，因此创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了HTML标准化的使命，并在HTML4.0之外创造出STYLES（样式）。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率样式表定义如何显示HTML元素，诸如HTML3.2的样式中的字体标签和颜色属性通常被保存在外部的.css文件中。通过仅仅编辑一个简单的CSS文档，外部样式表使你有能力同时改变站点中所有页面布局的外观。由于允许同时控制多重页面的样式和布局，CSS可以称得上WEB设计领域的一个突破。作为网站开发者，你可以为每个HTML元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局变换，只需简单地改变样式，然后网站中的所有元素均会被自动地更新。多重样式将层叠为一个样式表允许以多种方式规定样式信息。样式可以被规定于单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中。甚至可以在一个单一的HTML文档内部引用多个外部样式表。层叠次序当同一个HTML元素被不止一个样式所定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字4拥有最高的优先权。1.浏览器缺省设置2.外部样式表3.内部样式表（位于head标签内部）4.内联样式（在HTML元素内部）因此，内联样式（在HTML元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。NextPage在数百万张页面中，JavaScript被用来改进设计、验证表单、检测浏览器、创建cookies，等等等等。JavaScript是因特网上最流行的脚本语言，并且可在所有主要的浏览器中运行，比方说InternetExplorer、Mozilla、Firefox、Netscape、和Opera。你应该具备的基础知识：在继续学习前，你应该对以下知识有基本的了解：HTMLXHTML如果你希望首先学习这些内容，请在首页访问相关教程。什么是JavaScript？JavaScript被设计用来向HTML页面添加交互行为。JavaScript是一种脚本语言（脚本语言是一种轻量级的编程语言）。JavaScript由数行可执行计算机代码组成。JavaScript通常被直接嵌入HTML页面。JavaScript是一种解释性语言（就是说，代码执行不进行预编译）。所有的人无需购买许可证均可使用JavaScript。Java和JavaScript是相同的吗？不同！在概念和设计方面，Java和JavaScript是两种完全不同的语言。Java（由太阳微系统公司开发）很强大，同时也是更复杂的编程语言，就像同级别的C和C++。JavaScript能做什么？JavaScript为HTML设计师提供了一种编程工具HTML创作者往往都不是程序员，但是JavaScript却是一种只拥有极其简单的语法的脚本语言！几乎每个人都有能力将短小的代码片断放入他们的HTML页面当中。JavaScript可以将动态的文本放入HTML页面类似于这样的一段JavaScript声明可以将一段可变的文本放入HTML页面：document.write(h1+name+/h1)JavaScript可以对事件作出响应可以将JavaScript设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个HTML元素时。JavaScript可以读写HTML元素JavaScript可以读取及改变HTML元素的内容。JavaScript可被用来验证数据在数据被提交到服务器之前，JavaScript可被用来验证这些数据。JavaScript可被用来检测访问者的浏览器JavaScript可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。JavaScript可被用来创建cookiesJavaScript可被用来存储和取回位于访问者的计算机中的信息。XML被设计用来描述数据，其焦点是数据的内容。HTML被设计用来显示数据，其焦点是数据的外观。应该掌握的基础知识：在您继续学习之前，需要对以下知识有基本的了解：HTML/XHTMLJavaScript或VBScript如果您希望首先学习这些项目，请在我们的首页访问这些教程。什么是XML?XML指可扩展标记语言（EXtensibleMarkupLanguage）XML是一种标记语言，很类似HTMLXML被设计用来描述数据XML标签没有被预定义。您需要自行定义标签。XML使用文件类型声明（DTD）或者XMLSchema来描述数据。带有DTD或者XMLSchema的XML被设计为具有自我描述性。XML是一个W3C标准XML是一个W3C标准可扩展标记语言于1998年2月10日被确立为W3C标准。您可以在我们的《W3C教程》中获得更多关于XML标准的信息。XML与HTML的主要差异XML被设计用来携带数据。XML不是用来替代HTML的。XML和HTML为不同的目的而设计：XML被设计用来描述数据，其焦点是数据的内容。HTML被设计用来显示数据，其焦点是数据的外观。HTML旨在显示信息，而XML旨在描述信息。没有任何行为的XMLXML是不作为的。也许这有点难以理解，但是XML不会做任何事情。XML被设计用来结构化、存储以及传输信息。下面是John写给George的便签，存储为XML：notetoGeorge/tofromJohn/fromheadingReminder/headingbodyDon'tforgetthemeeting!/body/note这个标签有标题以及留言。它也包含了发送者和接受者的信息。但是，这个XML文档仍然没有做任何事情。它仅仅是包装在XML标签中的纯粹的信息。我们需要编写软件或者程序，才能传送、接收和显示出这个文档。XML是免费的、可扩展的XML标签没有被预定义。您必须“发明”自己的标签。被用来标记HTML文档及其结构的标签是预定义的。HTML文档的创作者只能使用在HTML标准中被定义的那些标签（比如p、h1。）。XML允许创作者定义自己的标签以及自己的文档结构。上面的例子中的标签没有在任何一个XML标准中被定义过。这些标签是由XML文档的作者发明的。XML是对HTML的补充XML不是HTML的替代物。您需要理解XML不是HTML的替代物，这一点非常重要。在未来的Web开发中，最有可能出现的情况是，XML会被用来描述数据，而HTML会被用来格式化和显示这些数据。我们关于XML最好的描述是：XML是跨平台的、用于传输信息且独立于软件和硬件的工具。XML在未来的Web开发中扮演的角色XML将会无所不在。当我们看到XML标准突飞猛进的开发进度，以及大批的软件开发商采用这个标准的日新月异的速度时，真的是不禁感叹这真是令人叹为观止。我们坚定地认为，XML将在Web的未来中起到的作用不会亚于一直作为Web基石的HTML，并且，XML将会成为所有数据处理和数据传输的最常用的工具。HTML文件可以包含文本、HTML标签以及脚本。HTML文件中的脚本可以在web服务器上执行。服务器端脚本服务器端脚本是对服务器行为的编程。这被称为服务器端脚本或服务器脚本。客户端脚本是对浏览器行为的编程。（请参阅JavaScript初级教程）。什么是服务器脚本？通常，当浏览器请求某个HTML文件时，服务器会返回此文件，但是假如此文件含有服务器端的脚本，那么在此HTML文件作为纯HTML被返回浏览器之前，首先会执行HTML文件中的脚本。服务器脚本能做什么呢？动态地向web页面编辑、改变或添加任何的内容对由HTML表单提交的用户请求或数据进行响应访问数据或数据库，并