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

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

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

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

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

廣告

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