Tag Archives: 教學

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

SQL 初級教程

SQL 是用於訪問和處理數據庫的標準的計算機語言。

通過SQL 來管理數據

結構化查詢語言(SQL) 是用於訪問數據庫的標準語言,這些數據庫包括SQL Server、Oracle、MySQL、Sybase 以及Access 等等。

對於那些希望在數據庫中存儲數據並從中獲取數據的人來說,SQL 的知識是價值無法衡量的。

什麼是SQL?

  • SQL指結構化查詢語言( S tructured Q uery L anguage)
  • SQL 使我們有能力訪問數據庫
  • SQL 是一種ANSI 的標準計算機語言
  • SQL 面向數據庫執行查詢
  • SQL 可從數據庫取回數據
  • SQL 可在數據庫中插入新的記錄
  • SQL 可從數據庫刪除記錄
  • SQL 很容易學習

編者註: ANSI,美國國家標準化組織

SQL 是一種標準- 但是…

SQL 是一門ANSI 的標準計算機語言,用來訪問和操作數據庫系統。SQL 語句用於取回和更新數據庫中的數據。SQL 可與數據庫程序協同工作,比如MS Access、DB2、Informix、MS SQL Server、Oracle、Sybase 以及其他數據庫系統。

不幸地是,存在著很多不同版本的SQL 語言,但是為了與ANSI 標準相兼容,它們必須以相似的方式共同地來支持一些主要的關鍵詞(比如SELECT、UPDATE、DELETE、INSERT、WHERE 等等) 。

註釋:除了SQL標準之外,大部分SQL數據庫程序都擁有它們自己的私有擴展!

SQL 數據庫表

一個數據庫通常包含一個或多個表。每個表由一個名字標識(例如“客戶”或者“訂單”)。表包含帶有數據的記錄(行)。

下面的例子是一個名為」Persons」 的表:

LastName FirstName Address City
Hansen Ola Timoteivn 10 Sandnes
Svendson Tove Borgvn 23 Sandnes
Pettersen Kari Storgt 20 Stavanger

上面的表包含三條記錄(每一條對應一個人)和四個列(姓、名、地址和城市)。

SQL 查詢程序

通過SQL,我們可以查詢某個數據庫,並獲得返回的一個結果集。

查詢程序類似這樣:

SELECT LastName FROM Persons

結果集類似這樣:

LastName
Hansen
Svendson
Pettersen

註釋:某些數據庫系統要求在SQL命令的末端使用分號。在我們的教程中不使用分號。

SQL 數據操作語言(DML)

SQL (結構化查詢語言)是用於執行查詢的語法。但是SQL 語言也包含用於更新、插入和刪除記錄的語法。

這些查詢和更新語句都來自SQL 的DML 部分:

  • SELECT -從數據庫表中獲取數據
  • UPDATE -更新數據庫表中的數據
  • DELETE -從數據庫表中刪除數據
  • INSERT INTO -向數據庫表中插入數據

SQL 數據定義語言(DDL)

SQL 的數據定義語言部分使我們有能力創建或刪除表格。我們也可以定義索引(鍵),規定表之間的鏈接,以及施加表間的約束。

SQL 中最重要的DDL 語句:

  • CREATE TABLE -創建新表
  • ALTER TABLE -變更(改變)數據庫表
  • DROP TABLE -刪除表
  • CREATE INDEX -創建索引(搜索鍵)
  • DROP INDEX -刪除索引

SQL 教程

學習W3School提供的SQL教程

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

服務器端腳本初級教程

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> 標籤中的樣式聲明,外部樣式表中的樣式聲明,或者瀏覽器中的樣式聲明(缺省值)。