網(wǎng)站構(gòu)建初級(jí)指南
什么是WWW
WWW指萬(wàn)維網(wǎng)(World Wide Web),萬(wàn)維網(wǎng)常被稱為Web,Web是由遍布全球的計(jì)算機(jī)所組成的網(wǎng)絡(luò),所有Web中的計(jì)算機(jī)都可以彼此通信。
WWW
是如何工作的呢? Web信息存儲(chǔ)于被稱為網(wǎng)頁(yè)的文檔中赋铝,網(wǎng)頁(yè)
是存儲(chǔ)于被稱為Web服務(wù)器
的計(jì)算機(jī)中,讀取網(wǎng)頁(yè)的計(jì)算機(jī)稱為Web客戶端
沽瘦,Web客戶端常被稱為瀏覽器
的程序來(lái)查看網(wǎng)頁(yè)革骨。Web的規(guī)則制定主體是W3C,即萬(wàn)維網(wǎng)聯(lián)盟(World Wide Web Consortium)
瀏覽器如何讀取頁(yè)面
瀏覽器可通過(guò)一個(gè)請(qǐng)求來(lái)讀取某個(gè)服務(wù)器上的一張網(wǎng)頁(yè)析恋,請(qǐng)求是一個(gè)包含頁(yè)面地址的標(biāo)準(zhǔn)HTTP請(qǐng)求良哲,頁(yè)面地址類似于https://galory.github.io/index.html
瀏覽器如何顯示頁(yè)面
所有網(wǎng)頁(yè)都含有其如何被顯示的結(jié)構(gòu)
,瀏覽器通過(guò)閱讀這些結(jié)構(gòu)來(lái)顯示頁(yè)面助隧,最常用的顯示結(jié)構(gòu)稱為HTML標(biāo)簽
臂外,用于段落的HTML標(biāo)簽類似于這樣:<p>
;在HTML中像這樣定義段落:<p>This is a paragraph.</p>
什么是HTML
首先要明白HTML是一種語(yǔ)言
,指的是超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language)
,它不是一種編程語(yǔ)言漏健,而是一種標(biāo)記語(yǔ)言(markup language)
嚎货,HTML使用標(biāo)記標(biāo)簽
來(lái)描述網(wǎng)頁(yè)。
HTML標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽(HTML tag)蔫浆,HTML標(biāo)簽是由尖括號(hào)
包圍的關(guān)鍵詞殖属,比如<html>
,HTML標(biāo)簽通常是成對(duì)出現(xiàn)的
瓦盛,比如<b>
和``</b>洗显,標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽原环,開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽
和閉合標(biāo)簽
挠唆。HTML文檔=網(wǎng)頁(yè)
,HTML文檔描述網(wǎng)頁(yè)嘱吗,包含HTML標(biāo)簽和純文本玄组,HTML文檔也被稱為網(wǎng)頁(yè)。Web瀏覽器的作用便是讀取HTML文檔谒麦,并以網(wǎng)頁(yè)的形式顯示它們俄讹,瀏覽器不會(huì)顯示HTML標(biāo)簽,而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容
绕德。
CSS初級(jí)指南
了解了HTML患膛,會(huì)不會(huì)就覺(jué)得精通它就夠了呢?要知道你所看到的網(wǎng)頁(yè)的布局排版可都是經(jīng)過(guò)精心設(shè)計(jì)好的耻蛇,此時(shí)便要CSS大放異彩踪蹬。
CSS
指層疊樣式表(Cascading Style Sheets)
,樣式定義如何顯示HTML元素臣咖,樣式通常存儲(chǔ)在樣式表中跃捣。外部樣式表可以極大提高工作效率,常存儲(chǔ)在CSS文件中亡哄。
多重樣式將層疊為一個(gè),樣式表允許以多種方式規(guī)定樣式信息布疙。樣式可以被規(guī)定于單個(gè)的 HTML 元素中蚊惯,在 HTML 頁(yè)的頭元素中,或在一個(gè)外部的 CSS 文件中灵临。甚至可以在一個(gè)單一的 HTML 文檔內(nèi)部引用多個(gè)外部樣式表截型。
對(duì)于層疊次序
,當(dāng)同一個(gè)HTML元素被不止一個(gè)樣式所定義時(shí),會(huì)使用哪個(gè)樣式呢儒溉?一般而言宦焦,所有的樣式會(huì)根據(jù)下面的規(guī)則層疊于一個(gè)新的虛擬樣式表中,其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。
- 瀏覽器缺省設(shè)置
- 外部樣式表
- 內(nèi)部樣式表(位于 <head> 標(biāo)簽內(nèi)部)
- 內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)
因此波闹,內(nèi)聯(lián)樣式(在 HTML 元素內(nèi)部)擁有最高的優(yōu)先權(quán)酝豪,這意味著它將優(yōu)先于以下的樣式聲明:<head> 標(biāo)簽中的樣式聲明,外部樣式表中的樣式聲明精堕,或者瀏覽器中的樣式聲明(缺省值)孵淘。
Javascript初級(jí)指南
在數(shù)百萬(wàn)張頁(yè)面中,Javascript被用來(lái)改進(jìn)設(shè)計(jì)歹篓、驗(yàn)證表單瘫证、檢測(cè)瀏覽器、創(chuàng)建cookies等等庄撮。Javascript是因特網(wǎng)上最流行的腳本語(yǔ)言背捌,并且可在所有主要的瀏覽器中運(yùn)行,比如IE(Internet Explorer)洞斯、Chrome毡庆、Firefox、獵豹等等巡扇。
Javascript
是被設(shè)計(jì)用來(lái)向HTML頁(yè)面添加交互行為
扭仁,Javascript是一種腳本語(yǔ)言(腳本語(yǔ)言是一種輕量級(jí)編程語(yǔ)言),由可執(zhí)行計(jì)算機(jī)代碼組成厅翔,通常被直接嵌入HTML頁(yè)面乖坠,是一種解釋性語(yǔ)言(代碼執(zhí)行不進(jìn)行預(yù)編譯)
,所有人無(wú)需購(gòu)買許可證均可使用Javascript刀闷。Java與Javascript不一樣
熊泵,在概念和設(shè)計(jì)方面二者完全不同,Java是一種面向?qū)ο蟮木幊陶Z(yǔ)言甸昏。
Javascript的用途
- 為HTML設(shè)計(jì)師提供了一種編程工具
- 可以將動(dòng)態(tài)文本放入HTML頁(yè)面
- 可以對(duì)事件作出響應(yīng): 可以將Javascript設(shè)置為當(dāng)某件事發(fā)生時(shí)才會(huì)被執(zhí)行顽分,例如頁(yè)面載入完成或者當(dāng)用戶點(diǎn)擊某個(gè)HTML元素時(shí)
- 可以讀寫(xiě)HTML元素
- 可以被用來(lái)驗(yàn)證數(shù)據(jù):在數(shù)據(jù)被提交到服務(wù)器之前,Javascript可被用來(lái)驗(yàn)證這些數(shù)據(jù)
- 可被用來(lái)檢測(cè)訪問(wèn)者的瀏覽器:可被用來(lái)檢測(cè)訪問(wèn)者的瀏覽器施蜜,并根據(jù)所檢測(cè)到的瀏覽器卒蘸,為這個(gè)瀏覽器載入相應(yīng)的頁(yè)面
- 可被用來(lái)創(chuàng)建cookies:可悲同來(lái)存儲(chǔ)和取回位于訪問(wèn)者的計(jì)算機(jī)中的信息
XML初級(jí)指南
XML
被設(shè)計(jì)用來(lái)描述數(shù)據(jù)
,其焦點(diǎn)是數(shù)據(jù)的內(nèi)容翻默,HTML
被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)
缸沃,其焦點(diǎn)是數(shù)據(jù)的外觀。
XML
指可擴(kuò)展標(biāo)記語(yǔ)言(Extensible Markup Language)修械,是一種標(biāo)記語(yǔ)言趾牧,類似于HTML,被設(shè)計(jì)用來(lái)描述數(shù)據(jù)肯污,XML標(biāo)簽沒(méi)有被預(yù)定義翘单,需要自行定義標(biāo)簽吨枉。XML使用文件類型聲明(DTD)或者XML Schema
來(lái)描述數(shù)據(jù)。帶有DTD或者XML Schema的XML被設(shè)計(jì)為具有自我描述性哄芜,XML是一個(gè)W3C標(biāo)準(zhǔn)
貌亭。
XML
與HTML
的區(qū)別:
- 為不同目的而設(shè)計(jì)
- XML被設(shè)計(jì)用來(lái)描述數(shù)據(jù),其焦點(diǎn)是數(shù)據(jù)的內(nèi)容忠烛;HTML被設(shè)計(jì)用來(lái)顯示數(shù)據(jù)属提,其焦點(diǎn)是數(shù)據(jù)的外觀
- HTML旨在顯示信息,而XML旨在描述信息
服務(wù)器端腳初級(jí)指南
HTML文本可以包含文本美尸、HTML標(biāo)簽以及腳本冤议,HTML文件中的腳本可以再Web服務(wù)器上執(zhí)行。服務(wù)器端腳本
是對(duì)服務(wù)器行為的編程师坎。通常恕酸,當(dāng)瀏覽器請(qǐng)求某個(gè)HTML文件時(shí),服務(wù)器會(huì)返回此文件胯陋,但是假如此文件含有服務(wù)器端的腳本蕊温,那么在此HTML文件作為純HTML被返回瀏覽器之前,首先會(huì)執(zhí)行HTML文本中的腳本遏乔。
服務(wù)器腳本
能做什么呢义矛?
- 動(dòng)態(tài)地向web頁(yè)面編輯、改變或添加任何內(nèi)容
- 對(duì)由HTML表單提交的用戶請(qǐng)求或數(shù)據(jù)進(jìn)行響應(yīng)
- 訪問(wèn)數(shù)據(jù)或數(shù)據(jù)庫(kù)盟萨,并向?yàn)g覽器返回結(jié)果
- 為不同的用戶定制頁(yè)面
- 提高網(wǎng)頁(yè)安全性凉翻,是您的網(wǎng)頁(yè)代碼不會(huì)通過(guò)就藍(lán)旗被查看到(由于腳本在服務(wù)器上執(zhí)行,因此瀏覽器在不支持腳本的情況下就可以顯示服務(wù)器端的文件)
SQL初級(jí)指南
SQL
是用來(lái)訪問(wèn)和處理數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)計(jì)算機(jī)語(yǔ)言捻激。結(jié)構(gòu)化查詢語(yǔ)言(SQL)
是用于訪問(wèn)數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)語(yǔ)言制轰,這些數(shù)據(jù)庫(kù)包括SQL Server、Oracle胞谭、MySQL垃杖、Sybase以及Access等等。SQL是一門(mén)ANSI(美國(guó)國(guó)家標(biāo)準(zhǔn)化組織)的標(biāo)準(zhǔn)計(jì)算機(jī)語(yǔ)言丈屹,用來(lái)訪問(wèn)和操作數(shù)據(jù)庫(kù)系統(tǒng)调俘。SQL語(yǔ)句用于取回和更新數(shù)據(jù)庫(kù)中的數(shù)據(jù),SQL可與數(shù)據(jù)庫(kù)程序協(xié)同工作旺垒,比如MS Access彩库、DB2、Informix袖牙、MS SQL Server侧巨、Oracle舅锄、Sybase以及其他數(shù)據(jù)庫(kù)系統(tǒng)鞭达。盡管存在著很多不同版本的 SQL 語(yǔ)言司忱,但為了與 ANSI 標(biāo)準(zhǔn)相兼容,它們必須以相似的方式共同地來(lái)支持一些主要的關(guān)鍵詞(比如 SELECT畴蹭、UPDATE坦仍、DELETE、INSERT叨襟、WHERE 等等)繁扎。