Web建站技術的概述

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

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

當前題目：Web建站技術的概述
文章鏈接：http://www.muchs.cn/news7/192107.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、面包屑導航、品牌網(wǎng)站制作、做網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站設計公司

廣告

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