Web建站技術(shù)的概述

互聯(lián)網(wǎng)是指通過(guò)TCP/IP協(xié)議族互相連接在一起的計(jì)算機(jī)網(wǎng)絡(luò)。萬(wàn)維網(wǎng)和互聯(lián)網(wǎng)是兩個(gè)聯(lián)系極其緊密但卻不盡相同的概念。
Web是運(yùn)行在互聯(lián)網(wǎng)上的一個(gè)超大規(guī)模的分布式系統(tǒng)：
(1)通過(guò)超文本標(biāo)記語(yǔ)言(HTML)描述信息資源
(2)通過(guò)統(tǒng)一資源標(biāo)識(shí)符(URI)定位信息資源
(3)通過(guò)超文本轉(zhuǎn)移協(xié)議(HTTP)請(qǐng)求信息資源。
HTML、URL(統(tǒng)一資源定位符)和HTTP三個(gè)規(guī)范構(gòu)成了Web的核心體系結(jié)構(gòu)。通俗地說(shuō)，客戶端(一般為瀏覽器)通過(guò)URL找到網(wǎng)站，發(fā)出HTTP請(qǐng)求，服務(wù)器收到請(qǐng)求后返回HTML頁(yè)面。
Web是基于TCP/IP協(xié)議的，TCP/IP協(xié)議把計(jì)算機(jī)連接在一起，而Web在這個(gè)協(xié)議族之上，進(jìn)一步將計(jì)算機(jī)的信息資源連接在一起，形成萬(wàn)維網(wǎng)。Web應(yīng)用本質(zhì)上就是可以提供信息或功能的Web資源，成為Web這個(gè)全球超大規(guī)模分布式系統(tǒng)中的一部分。

一個(gè)普通網(wǎng)站訪問(wèn)的過(guò)程及其涉及到的技術(shù)：
(1)用戶操作瀏覽器，瀏覽器向服務(wù)器發(fā)出一個(gè)HTTP請(qǐng)求；
(2)服務(wù)器接收到HTTP請(qǐng)求，Web Server進(jìn)行相應(yīng)的初步處理，使用服務(wù)器腳本生成頁(yè)面：服務(wù)器腳本利用Web Framework調(diào)用本地和瀏覽器傳來(lái)的數(shù)據(jù)，生成頁(yè)面；
(3)Web Server將生成的頁(yè)面作為HTTP響應(yīng)的body，根據(jù)不同的處理結(jié)果生成HTTP header，發(fā)回給瀏覽器；
(4)瀏覽器接收到HTTP響應(yīng)，通常第一個(gè)請(qǐng)求得到的HTTP響應(yīng)的body里是HTML代碼，對(duì)HTML代碼開(kāi)始解析；
(5)解析過(guò)程中，若需要引用服務(wù)器上的資源(如額外的CSS、JS代碼，圖片、音視頻，附件等)，再向Web Server發(fā)送請(qǐng)求，Web Server找到相應(yīng)的文件，發(fā)送回來(lái)；
(6)瀏覽器解析HTML包含的內(nèi)容，用得到的CSS代碼進(jìn)行外觀上的進(jìn)一步渲染，JS代碼也可能會(huì)對(duì)外觀進(jìn)行一定的處理；
(7)用戶與頁(yè)面交互(如點(diǎn)擊，懸停等)時(shí)，JS代碼對(duì)此作出一定的反應(yīng)，添加特效與動(dòng)畫(huà)；
(8)交互的過(guò)程中可能需要向服務(wù)器索取或提交額外的數(shù)據(jù)(如局部的刷新等)，要么通過(guò)跳轉(zhuǎn)，要么通過(guò)JS代碼(響應(yīng)某個(gè)動(dòng)作或者定時(shí))向Web Server發(fā)送請(qǐng)求，Web Server 再用服務(wù)器腳本進(jìn)行處理(如生成資源or寫(xiě)入數(shù)據(jù)等)，把資源返回給瀏覽器，瀏覽器用得到的資源來(lái)實(shí)現(xiàn)動(dòng)態(tài)效果或其他特效。
HTML、CSS和JavaScript：
HTML：負(fù)責(zé)構(gòu)建一個(gè)靜態(tài)的網(wǎng)頁(yè)。多元素編輯語(yǔ)言，以網(wǎng)站頁(yè)面為編輯區(qū)域，任意指定頁(yè)面具有哪些元素，包括文字、圖片、鏈接、多媒體等。并任意指定不同元素在頁(yè)面的基本格式，如文字字體、大小、位置，圖片大小、位置，鏈接顏色、狀態(tài)變化等。利用標(biāo)簽標(biāo)記，將多種不同類別的元素甚至不同位置的文件關(guān)聯(lián)在一起，因此叫超文本標(biāo)記語(yǔ)言。HTML5就是HTML語(yǔ)言的最新標(biāo)準(zhǔn)，強(qiáng)調(diào)語(yǔ)義化，新增語(yǔ)義化標(biāo)簽(如header， figure， canvas， video等)，新增標(biāo)簽屬性(如input的datetime， tel， email等)。這種標(biāo)準(zhǔn)制定使頁(yè)面可以表現(xiàn)的內(nèi)容更加強(qiáng)大。
CSS：負(fù)責(zé)完成頁(yè)面的美觀度(顏色、布局)。目前的CSS3標(biāo)準(zhǔn)的出現(xiàn)，在原有基礎(chǔ)上做了增強(qiáng)(如多背景，nth-child 選擇器等)增加了很多高級(jí)特性，比如對(duì)漸變色的處理(gradient， linear)，對(duì)形狀的處理(border-radius， transform)，甚至對(duì)簡(jiǎn)單動(dòng)畫(huà)的處理(key-frames， transition)，對(duì)設(shè)備類型及狀態(tài)的判斷(media-query)，使CSS強(qiáng)大到可以實(shí)現(xiàn)很多元素動(dòng)態(tài)變化效果。當(dāng)然，更復(fù)雜的動(dòng)態(tài)變化還是需要另一種專門(mén)的語(yǔ)言來(lái)實(shí)現(xiàn)，就是JavaScript。
JavaScript：負(fù)責(zé)完成頁(yè)面的操作需求。一般來(lái)說(shuō)，JavaScript可以分成兩種，一種是DOM操作，用來(lái)和頁(yè)面交互。一方面是后臺(tái)操作，用Ajax的方式獲取數(shù)據(jù)。JavaScript語(yǔ)言可以實(shí)現(xiàn)對(duì)頁(yè)面元素的復(fù)雜功能編程，除了可以看到的動(dòng)態(tài)效果之外，JavaScript還可以實(shí)現(xiàn)用戶看不到頁(yè)面數(shù)據(jù)處理工作。例如數(shù)據(jù)加解密、文字過(guò)濾分析等。JavaScript單獨(dú)使用可以分析數(shù)據(jù)；在瀏覽器中跟DOM 結(jié)合，可以修改頁(yè)面的HTML 和CSS，以達(dá)到修改動(dòng)態(tài)修改頁(yè)面結(jié)構(gòu)、內(nèi)容和樣式的目的；跟事件結(jié)合可以處理響應(yīng)，比如頁(yè)面中用戶的點(diǎn)擊行為，前后端交互中數(shù)據(jù)的流動(dòng)。
總結(jié)一下，HTML：網(wǎng)頁(yè)的基本組成，網(wǎng)頁(yè)的結(jié)構(gòu)層；CSS：網(wǎng)頁(yè)的樣式屬性，網(wǎng)頁(yè)的樣式層；JavaScript：將靜態(tài)的標(biāo)簽變成動(dòng)態(tài)的，并從后端獲取動(dòng)態(tài)的數(shù)據(jù)，網(wǎng)頁(yè)的邏輯層。Html5和CSS3是新版的特性，增加了很多如LocalStorage，Manifest，Canvars，WebSocket等一系列的內(nèi)容，簡(jiǎn)單來(lái)說(shuō)，Html5和CSS3是原來(lái)的升級(jí)版，功能很強(qiáng)大，語(yǔ)義化更強(qiáng)。

網(wǎng)頁(yè)題目：Web建站技術(shù)的概述
文章路徑：http://muchs.cn/news/192107.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、電子商務(wù)、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)