Category Archives: 網站

網站構建初級教程-服務器端腳本初級教程

服務器端腳本初級教程

HTML 文件可以包含文本、HTML 標籤以及腳本。

HTML 文件中的腳本可以在web 服務器上執行。

服務器端腳本

服務器端腳本是對服務器行為的編程。這被稱為服務器端腳本或服務器腳本。

客戶端腳本是對瀏覽器行為的編程。(請參閱JavaScript初級教程)。

什麼是服務器腳本?

通常,當瀏覽器請求某個HTML 文件時,服務器會返回此文件,但是假如此文件含有服務器端的腳本,那麼在此HTML 文件作為純HTML 被返回瀏覽器之前,首先會執行HTML 文件中的腳本。

服務器腳本能做什麼呢?

  • 動態地向web 頁面編輯、改變或添加任何的內容
  • 對由HTML 表單提交的用戶請求或數據進行響應
  • 訪問數據或數據庫,並向瀏覽器返回結果
  • 為不同的用戶定制頁面
  • 提高網頁安全性,使您的網頁代碼不會通過瀏覽器被查看到

重要事項:由於腳本在服務器上執行,因此瀏覽器在不支持腳本的情況下就可以顯示服務器端的文件!

ASP 和PHP

在W3School,我們通過使用活動服務器頁面(ASP)和超文本預處理器(PHP)來演示服務器端的腳本編程。

您無法通過查看源代碼來查看ASP 或PHP 的源代碼,您看到的僅僅是來自服務器的輸出,那些純粹的HTML。這是因為在結果以純粹的HTML 發送到瀏覽器之前,腳本已經在服務器上執行了。

ASP 實例

通過ASP 來寫文本
如何通過ASP 來寫文本。
向文本添加HTML
如何通過HTML 標籤來格式化文本。

腳本教程

請學習我們完整的ASP教程PHP教程

網站構建初級教程-XML 初級教程

XML 初級教程

XML 被設計用來描述數據,其焦點是數據的內容。

HTML 被設計用來顯示數據,其焦點是數據的外觀。

應該掌握的基礎知識:

在您繼續學習之前,需要對以下知識有基本的了解:

  • HTML / XHTML
  • JavaScript 或VBScript

如果您希望首先學習這些項目,請在我們的首頁訪問這些教程。

什麼是XML?

  • XML指可擴展標記語言(EXtensible Markup Language)
  • XML是一種標記語言,很類似HTML
  • XML被設計用來描述數據
  • XML標籤沒有被預定義。您需要自行定義標籤
  • XML使用文件類型聲明(DTD)或者XML Schema來描述數據。
  • 帶有DTD或者XML Schema的XML被設計為具有自我描述性
  • XML 是一個W3C 標準

XML 是一個W3C 標準

可擴展標記語言於1998年2月10日被確立為W3C 標準。

您可以在我們的《W3C教程》中獲得更多關於XML標準的信息。

XML 與HTML 的主要差異

XML 被設計用來攜帶數據。

XML 不是用來替代HTML 的。

XML 和HTML 為不同的目的而設計:

XML 被設計用來描述數據,其焦點是數據的內容。

HTML 被設計用來顯示數據,其焦點是數據的外觀。

HTML 旨在顯示信息,而XML 旨在描述信息。

沒有任何行為的XML

XML 是不作為的。

也許這有點難以理解,但是XML 不會做任何事情。XML 被設計用來結構化、存儲以及傳輸信息。

下面是John 寫給George 的便簽,存儲為XML:

<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</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 將會成為所有數據處理和數據傳輸的最常用的工具。

網站構建初級教程-JavaScript 初級教程

JavaScript 初級教程

在數百萬張頁面中,JavaScript 被用來改進設計、驗證表單、檢測瀏覽器、創建cookies,等等等等。

JavaScript 是因特網上最流行的腳本語言,並且可在所有主要的瀏覽器中運行,比方說Internet Explorer、 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 可被用來創建cookies
JavaScript 可被用來存儲和取回位於訪問者的計算機中的信息。

網站構建初級教程-CSS 初級教程

CSS 初級教程

需要具備的基礎知識

在繼續學習之前,你需要對下面的知識有基本的了解:

  • HTML
  • XHTML

如果你希望首先學習這些項目,請在首頁訪問相關教程。

CSS 概述
  • CSS指層疊樣式表( C ascading S tyle S heets)
  • 樣式定義如何顯示HTML元素
  • 樣式通常存儲在樣式表
  • 把樣式添加到HTML 4.0中,是為了解決內容與表現分離的問題
  • 外部樣式表可以極大提高工作效率
  • 外部樣式表通常存儲在CSS文件
  • 多個樣式定義可層疊為一

樣式解決了一個普遍的問題

HTML 標籤原本被設計為用於定義文檔內容。通過使用<h1>, <p>, <table> 這樣的標籤,HTML 當初被指望用來表達“這是標題”、“這是段落”、“這是表格”之類的信息。而文檔的佈局被期望由瀏覽器來完成,而不使用任何的格式化標籤。

由於兩種主要的瀏覽器(Netscape 和Internet Explorer)不斷地將新的HTML 標籤和屬性(比如字體標籤和顏色屬性)添加到HTML 規範之中,因此創建文檔內容清晰地獨立於文檔表現層的站點變得越來越困難。

為了解決這個問題,萬維網聯盟(W3C),這個非營利的標準化聯盟,肩負起了HTML 標準化的使命,並在HTML 4.0 之外創造出STYLES(樣式)。

所有的主流瀏覽器均支持層疊樣式表。

樣式表極大地提高了工作效率

樣式表定義如何顯示HTML 元素,諸如HTML 3.2 的樣式中的字體標籤和顏色屬性通常被保存在外部的.css 文件中。通過僅僅編輯一個簡單的CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面佈局的外觀。

由於允許同時控制多重頁面的樣式和佈局,CSS 可以稱得上WEB 設計領域的一個突破。作為網站開發者,你可以為每個HTML 元素定義樣式,並將之應用於你希望的任意多的頁面中。如需進行全局變換,只需簡單地改變樣式,然後網站中的所有元素均會被自動地更新。

多重樣式將層疊為一個

樣式表允許以多種方式規定樣式信息。樣式可以被規定於單個的HTML 元素中,在HTML 頁的頭元素中,或在一個外部的CSS 文件中。甚至可以在一個單一的HTML 文檔內部引用多個外部樣式表。

層疊次序

當同一個HTML元素被不止一個樣式所定義時,會使用哪個樣式呢?

一般而言,所有的樣式會根據下面的規則層疊於一個新的虛擬樣式表中,其中數字4 擁有最高的優先權。

  1. 瀏覽器缺省設置
  2. 外部樣式表
  3. 內部樣式表(位於<head> 標籤內部)
  4. 內聯樣式(在HTML 元素內部)

因此,內聯樣式(在HTML 元素內部)擁有最高的優先權,這意味著它將優先於以下的樣式聲明:<head> 標籤中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。

網站構建初級教程-HTML 初級教程

HTML 初級教程

實例

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

親自試一試

什麼是HTML?

HTML 是用來描述網頁的一種語言。

  • HTML指的是超文本標記語言( H yper T ext M arkup L anguage)
  • HTML不是一種編程語言,而是一種標記語言(markup language)
  • 標記語言是一套標記標籤(markup tag)
  • HTML使用標記標籤來描述網頁

HTML 標籤

HTML 標記標籤通常被稱為HTML 標籤(HTML tag)。

  • HTML標籤是由尖括號包圍的關鍵詞,比如<html>
  • HTML標籤通常是成對出現的,比如<b>和</b>
  • 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
  • 開始和結束標籤也被稱為開放標籤閉合標籤

HTML 文檔= 網頁

  • HTML文檔描述網頁
  • HTML文檔包含HTML標籤和純文本
  • HTML文檔也被稱為網頁

Web 瀏覽器的作用是讀取HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示HTML 標籤,而是使用標籤來解釋頁面的內容:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解釋

  • <html> 與</html> 之間的文本描述網頁
  • <body> 與</body> 之間的文本是可見的頁面內容
  • <h1> 與</h1> 之間的文本被顯示為標題
  • <p> 與</p> 之間的文本被顯示為段落