- 網(wǎng)頁設(shè)計(jì)與制作案例教程(HTML+CSS+DIV+JavaScript)
- 李志云
- 1051字
- 2021-01-28 17:32:58
1.2 網(wǎng)頁相關(guān)概念
從事網(wǎng)頁制作的人員必須了解與互聯(lián)網(wǎng)相關(guān)的一些專業(yè)術(shù)語,例如,IP地址,域名,URL, HTTP,網(wǎng)站、網(wǎng)頁與主頁,HTML,Web標(biāo)準(zhǔn)等概念。
1.IP地址
IP地址(Internet Protocol Address)用于確定Internet上的每臺(tái)主機(jī),它是每臺(tái)主機(jī)唯一的標(biāo)識(shí)。在Internet上,每臺(tái)計(jì)算機(jī)或網(wǎng)絡(luò)設(shè)備的IP地址是全世界唯一的。
IP地址的格式是xxx.xxx.xxx.xxx,其中xxx是0到255之間的任意整數(shù)。
例如,某臺(tái)主機(jī)的IP地址是61.172.201.232。
2.域名
由于IP地址是數(shù)字編碼,不易記憶,所以我們平時(shí)上網(wǎng)所使用的大多是如www.sina.com之類的地址,即域名地址。www表示的是萬維網(wǎng)。
例如,www.sdcit.cn是山東信息職業(yè)技術(shù)學(xué)院的域名。
3.URL
統(tǒng)一資源定位符(Uniform Resource Locator,URL)其實(shí)就是Web地址,俗稱“網(wǎng)址”。在WWW上的文件都有唯一的URL,只要知道資源的URL,就能夠?qū)ζ湓L問。
URL格式:協(xié)議名://主機(jī)域名或IP地址/路徑/文件名稱
例如,http://www.sdcit.cn/index.asp就是山東信息職業(yè)技術(shù)學(xué)院網(wǎng)站首頁的URL地址。
4.HTTP
超文本傳輸協(xié)議(HyperText Transfer Protocol,HTTP)是互聯(lián)網(wǎng)上應(yīng)用最為廣泛的一種網(wǎng)絡(luò)協(xié)議。所有的WWW文件都必須遵守這個(gè)標(biāo)準(zhǔn)。設(shè)計(jì)HTTP的最初目的是為了提供一種發(fā)布和接收HTML頁面的方法。
5.網(wǎng)站、網(wǎng)頁與主頁
簡單地說,網(wǎng)頁就是把文字、圖形、聲音、影片等多種媒體形式的信息,以及分布在因特網(wǎng)上的各種相關(guān)信息,相互鏈接而構(gòu)成的一種信息表達(dá)方式。
在瀏覽網(wǎng)站時(shí)看到的每個(gè)頁面像是書中的一頁,我們稱之為“網(wǎng)頁”。
把一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁叫作網(wǎng)站,或者說,網(wǎng)站就是一個(gè)鏈接的頁面集合,它具有共享的屬性。
主頁是網(wǎng)站在WWW上開始的頁面,其中包含指向其他頁面的超鏈接。通常用index.htm或index.html表示。
6.HTML
超文本標(biāo)記語言(Hyper Text Markup Language,HTML)是表示網(wǎng)頁的一種規(guī)范(或者說是一種標(biāo)準(zhǔn)),它通過標(biāo)記符定義了網(wǎng)頁內(nèi)容的顯示。HTML提供了許多標(biāo)記,如段落標(biāo)記、標(biāo)題標(biāo)記、超鏈接標(biāo)記和圖片標(biāo)記等。網(wǎng)頁中需要顯示什么內(nèi)容,就用相應(yīng)的HTML標(biāo)記進(jìn)行描述。
如果在IE瀏覽器中任意打開一個(gè)網(wǎng)頁,然后在窗口中空白位置單擊鼠標(biāo)右鍵,選擇“查看源文件”命令,則系統(tǒng)會(huì)啟動(dòng)“記事本”,其中有大量的 HTML 標(biāo)記和一些文本信息等,如圖1-3所示。

圖1-3 網(wǎng)頁的HTML源文件
7.Web標(biāo)準(zhǔn)
為了使用不同瀏覽器瀏覽網(wǎng)頁時(shí)顯示相同的效果,在開發(fā)新的應(yīng)用程序時(shí),瀏覽器開發(fā)商和網(wǎng)頁開發(fā)商都必須共同遵守W3C與其他標(biāo)準(zhǔn)化組織共同制定的一系列Web標(biāo)準(zhǔn)。
萬維網(wǎng)聯(lián)盟(World Wide Web Consortium,W3C),是國際著名的標(biāo)準(zhǔn)化組織。
Web 標(biāo)準(zhǔn)并不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合,主要包括結(jié)構(gòu)、表現(xiàn)和行為。結(jié)構(gòu)主要指網(wǎng)頁的(X)HTML結(jié)構(gòu),即網(wǎng)頁文檔的內(nèi)容;表現(xiàn)指網(wǎng)頁元素的版式、顏色、大小等外觀樣式,主要指CSS(Cascading Style Sheet),即層疊樣式表;行為指網(wǎng)頁模型的定義及交互代碼的編寫,主要是用JavaScript腳本語言實(shí)現(xiàn)的網(wǎng)頁行為效果。
- CSS+DIV網(wǎng)頁樣式與布局案例指導(dǎo)
- Web前端開發(fā)精品課 HTML與CSS進(jìn)階教程
- HTML5實(shí)驗(yàn)室
- HTML+CSS+JavaScript網(wǎng)頁設(shè)計(jì)與布局:從新手到高手
- 速學(xué)速通:快學(xué)Flash網(wǎng)頁動(dòng)畫
- Photoshop網(wǎng)頁設(shè)計(jì)從入門到精通
- 電子商務(wù)網(wǎng)頁設(shè)計(jì)(第二版)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設(shè)計(jì)基礎(chǔ)培訓(xùn)教程
- 網(wǎng)頁設(shè)計(jì)與制作
- Highcharts網(wǎng)頁圖表制作實(shí)例詳解 (Web開發(fā)典藏大系)
- 在實(shí)戰(zhàn)中成長:JSP開發(fā)之路
- Dreamweaver CC網(wǎng)頁設(shè)計(jì)從入門到精通(微課精編版)
- 精通HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計(jì)(視頻教學(xué)版)(第2版)
- 別具光芒:CSS網(wǎng)頁布局案例剖析
- 眾妙之門:電子商務(wù)網(wǎng)站設(shè)計(jì)指南