網(wǎng)站構(gòu)建初級(jí)指南


網(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)。

  1. 瀏覽器缺省設(shè)置
  2. 外部樣式表
  3. 內(nèi)部樣式表(位于 <head> 標(biāo)簽內(nèi)部)
  4. 內(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的用途

  1. 為HTML設(shè)計(jì)師提供了一種編程工具
  2. 可以將動(dòng)態(tài)文本放入HTML頁(yè)面
  3. 可以對(duì)事件作出響應(yīng): 可以將Javascript設(shè)置為當(dāng)某件事發(fā)生時(shí)才會(huì)被執(zhí)行顽分,例如頁(yè)面載入完成或者當(dāng)用戶點(diǎn)擊某個(gè)HTML元素時(shí)
  4. 可以讀寫(xiě)HTML元素
  5. 可以被用來(lái)驗(yàn)證數(shù)據(jù):在數(shù)據(jù)被提交到服務(wù)器之前,Javascript可被用來(lái)驗(yàn)證這些數(shù)據(jù)
  6. 可被用來(lái)檢測(cè)訪問(wèn)者的瀏覽器:可被用來(lái)檢測(cè)訪問(wèn)者的瀏覽器施蜜,并根據(jù)所檢測(cè)到的瀏覽器卒蘸,為這個(gè)瀏覽器載入相應(yīng)的頁(yè)面
  7. 可被用來(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)貌亭。

XMLHTML的區(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 等等)繁扎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市糊闽,隨后出現(xiàn)的幾起案子梳玫,更是在濱河造成了極大的恐慌,老刑警劉巖右犹,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件提澎,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡念链,警方通過(guò)查閱死者的電腦和手機(jī)盼忌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)掂墓,“玉大人谦纱,你說(shuō)我怎么就攤上這事【啵” “怎么了跨嘉?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)啦粹。 經(jīng)常有香客問(wèn)我偿荷,道長(zhǎng),這世上最難降的妖魔是什么唠椭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任跳纳,我火速辦了婚禮,結(jié)果婚禮上贪嫂,老公的妹妹穿的比我還像新娘寺庄。我一直安慰自己,他們只是感情好力崇,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布斗塘。 她就那樣靜靜地躺著,像睡著了一般亮靴。 火紅的嫁衣襯著肌膚如雪馍盟。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,231評(píng)論 1 299
  • 那天茧吊,我揣著相機(jī)與錄音贞岭,去河邊找鬼八毯。 笑死,一個(gè)胖子當(dāng)著我的面吹牛瞄桨,可吹牛的內(nèi)容都是我干的话速。 我是一名探鬼主播,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼芯侥,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼泊交!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起柱查,我...
    開(kāi)封第一講書(shū)人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤廓俭,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后唉工,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體白指,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年酵紫,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了告嘲。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡奖地,死狀恐怖橄唬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情参歹,我是刑警寧澤仰楚,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站犬庇,受9級(jí)特大地震影響僧界,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜臭挽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一捂襟、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧欢峰,春花似錦葬荷、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至懊直,卻和暖如春扒吁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背室囊。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工雕崩, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凝危,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓晨逝,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親懦铺。 傳聞我的和親對(duì)象是個(gè)殘疾皇子捉貌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法冬念,類相關(guān)的語(yǔ)法趁窃,內(nèi)部類的語(yǔ)法,繼承相關(guān)的語(yǔ)法急前,異常的語(yǔ)法醒陆,線程的語(yǔ)...
    子非魚(yú)_t_閱讀 31,625評(píng)論 18 399
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件裆针、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,096評(píng)論 4 62
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理刨摩,服務(wù)發(fā)現(xiàn),斷路器世吨,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • 既然 深處低谷 那無(wú)論 朝哪個(gè)方向努力 都是在前進(jìn)耘婚! END “有人質(zhì)疑瑯琊榜罢浇,我跟他差點(diǎn)吵起來(lái)!” “是下期的題...
    無(wú)表情小姐閱讀 542評(píng)論 40 26