互聯網是指通過TCP/IP協議族互相連接在一起的計算機網絡。萬維網和互聯網是兩個聯系極其緊密但卻不盡相同的概念。
Web是運行在互聯網上的一個超大規模的分布式系統:
(1)通過超文本標記語言(HTML)描述信息資源
(2)通過統一資源標識符(URI)定位信息資源
(3)通過超文本轉移協議(HTTP)請求信息資源。
HTML、URL(統一資源定位符)和HTTP三個規范構成了Web的核心體系結構。通俗地說,客戶端(一般為瀏覽器)通過URL找到網站,發出HTTP請求,服務器收到請求后返回HTML頁面。
Web是基于TCP/IP協議的,TCP/IP協議把計算機連接在一起,而Web在這個協議族之上,進一步將計算機的信息資源連接在一起,形成萬維網。Web應用本質上就是可以提供信息或功能的Web資源,成為Web這個全球超大規模分布式系統中的一部分。
一個普通網站訪問的過程及其涉及到的技術:
(1)用戶操作瀏覽器,瀏覽器向服務器發出一個HTTP請求;
(2)服務器接收到HTTP請求,Web Server進行相應的初步處理,使用服務器腳本生成頁面:服務器腳本利用Web Framework調用本地和瀏覽器傳來的數據,生成頁面;
(3)Web Server將生成的頁面作為HTTP響應的body,根據不同的處理結果生成HTTP header,發回給瀏覽器;
(4)瀏覽器接收到HTTP響應,通常第一個請求得到的HTTP響應的body里是HTML代碼,對HTML代碼開始解析;
(5)解析過程中,若需要引用服務器上的資源(如額外的CSS、JS代碼,圖片、音視頻,附件等),再向Web Server發送請求,Web Server找到相應的文件,發送回來;
(6)瀏覽器解析HTML包含的內容,用得到的CSS代碼進行外觀上的進一步渲染,JS代碼也可能會對外觀進行一定的處理;
(7)用戶與頁面交互(如點擊,懸停等)時,JS代碼對此作出一定的反應,添加特效與動畫;
(8)交互的過程中可能需要向服務器索取或提交額外的數據(如局部的刷新等),要么通過跳轉,要么通過JS代碼(響應某個動作或者定時)向Web Server發送請求,Web Server 再用服務器腳本進行處理(如生成資源or寫入數據等),把資源返回給瀏覽器,瀏覽器用得到的資源來實現動態效果或其他特效。
HTML、CSS和JavaScript:
HTML:負責構建一個靜態的網頁。多元素編輯語言,以網站頁面為編輯區域,任意指定頁面具有哪些元素,包括文字、圖片、鏈接、多媒體等。并任意指定不同元素在頁面的基本格式,如文字字體、大小、位置,圖片大小、位置,鏈接顏色、狀態變化等。利用標簽標記,將多種不同類別的元素甚至不同位置的文件關聯在一起,因此叫超文本標記語言。HTML5就是HTML語言的最新標準,強調語義化,新增語義化標簽(如header, figure, canvas, video等),新增標簽屬性(如input的datetime, tel, email等)。這種標準制定使頁面可以表現的內容更加強大。
CSS:負責完成頁面的美觀度(顏色、布局)。目前的CSS3標準的出現,在原有基礎上做了增強(如多背景,nth-child 選擇器等)增加了很多高級特性,比如對漸變色的處理(gradient, linear),對形狀的處理(border-radius, transform),甚至對簡單動畫的處理(key-frames, transition),對設備類型及狀態的判斷(media-query),使CSS強大到可以實現很多元素動態變化效果。當然,更復雜的動態變化還是需要另一種專門的語言來實現,就是JavaScript。
JavaScript:負責完成頁面的操作需求。一般來說,JavaScript可以分成兩種,一種是DOM操作,用來和頁面交互。一方面是后臺操作,用Ajax的方式獲取數據。JavaScript語言可以實現對頁面元素的復雜功能編程,除了可以看到的動態效果之外,JavaScript還可以實現用戶看不到頁面數據處理工作。例如數據加解密、文字過濾分析等。JavaScript單獨使用可以分析數據;在瀏覽器中跟DOM 結合,可以修改頁面的HTML 和CSS,以達到修改動態修改頁面結構、內容和樣式的目的;跟事件結合可以處理響應,比如頁面中用戶的點擊行為,前后端交互中數據的流動。
總結一下,HTML:網頁的基本組成,網頁的結構層;CSS:網頁的樣式屬性,網頁的樣式層;JavaScript:將靜態的標簽變成動態的,并從后端獲取動態的數據,網頁的邏輯層。Html5和CSS3是新版的特性,增加了很多如LocalStorage,Manifest,Canvars,WebSocket等一系列的內容,簡單來說,Html5和CSS3是原來的升級版,功能很強大,語義化更強。
當前題目:Web建站技術的概述
文章鏈接:http://m.newbst.com/news7/192107.html
成都網站建設公司_創新互聯,為您提供軟件開發、面包屑導航、品牌網站制作、做網站、企業網站制作、網站設計公司
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯