網(wǎng)頁設(shè)計入門篇課件

網(wǎng)頁設(shè)計師應(yīng)用教程網(wǎng)頁設(shè)計師應(yīng)用教程第1章網(wǎng)頁設(shè)計基礎(chǔ)什么叫做Internet？

Internet是全球范圍內(nèi)的，開放的，由眾多網(wǎng)絡(luò)互連而成的計算機網(wǎng)絡(luò)，也稱為因特網(wǎng)。Internet就是互聯(lián)網(wǎng)，是用于連接各個計算機平臺的網(wǎng)絡(luò)。Internet本身可以提供多種網(wǎng)絡(luò)服務(wù)，Web服務(wù)就是其中的一種。HTML是用來制作網(wǎng)頁的計算機語言，使用該語言可以制作用于瀏覽的網(wǎng)頁或網(wǎng)站。第1章網(wǎng)頁設(shè)計基礎(chǔ)什么叫做Internet？IInternet提供的網(wǎng)絡(luò)服務(wù)在Internet里有許多用來提供服務(wù)的服務(wù)器，這些服務(wù)器提供的服務(wù)大致可以分為以下幾種：Web服務(wù)：使用http超文本傳輸協(xié)議http://Ftp服務(wù)：文件傳輸協(xié)議ftp://

E－mail服務(wù)：mailto:后面可以直接輸入E-mail地址，不需要“//”mailto:Telnet服務(wù):使用Telnet協(xié)議遠程登錄服務(wù)器,不需要“//”telnet:NNTP服務(wù):NNTP網(wǎng)絡(luò)新聞傳輸協(xié)議news:Gopher服務(wù):信息查訪服務(wù)gopher://Internet提供的網(wǎng)絡(luò)服務(wù)在Int什么是Web服務(wù)?從廣義上來講,Web是WorldWideWeb的簡稱(也可以稱為"W3"或"WWW")。Web服務(wù)只是Internet中的一個服務(wù)，只是這個服務(wù)太廣了，以至于很多人都把Web看成是Internet了。Web使用的是HTTP即超文本傳輸協(xié)議，使用該協(xié)議可以將文檔的不同部分或不同文檔之間用鏈接建立起聯(lián)系，但信息可以用交互的方式進行搜索。什么是Web服務(wù)?從廣義上來講,Web是WorldWide什么是網(wǎng)頁？

網(wǎng)頁是用html語言編寫的一種文件，將這種文件放在Web服務(wù)器上可以讓互連網(wǎng)上的其它用戶瀏覽。網(wǎng)頁也是通過HTTP協(xié)議來傳遞給瀏覽者的。其中網(wǎng)頁的表現(xiàn)形式很豐富，可以是文字也可以是圖片，甚至可以將一些多媒體文件如音頻、視頻等插入到網(wǎng)頁里。網(wǎng)站是網(wǎng)頁的集合，多個網(wǎng)頁可以共同組成一個網(wǎng)站。網(wǎng)站的第一個網(wǎng)頁稱為首頁。什么是網(wǎng)頁？

HTML(HyperTextMark-uplanguage)是超文本標(biāo)記語言，是用來編寫網(wǎng)頁的語言。雖然目前由許多種用來編寫交互性網(wǎng)站的語言，如asp/jsp/php/等，但是歸根結(jié)底用這些語言編寫出來的程序也是生成一個標(biāo)準(zhǔn)的HTML網(wǎng)頁也傳遞給瀏覽者觀看。什么是html?什么是html?在一個網(wǎng)站中，網(wǎng)頁與網(wǎng)頁之間并不是獨立的，它們之間通過超級鏈接建立起聯(lián)系。其中超級鏈接不僅僅可以指向網(wǎng)頁，同樣也可以指向文本、圖片、音頻、視頻或其他類型的文件。什么是超級鏈接？什么是超級鏈接？1.網(wǎng)頁類：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁2.圖片類：網(wǎng)頁中傳輸常見的圖片格式有jpg/gif二種格式{（gif圖片是Web中使用最多的一種圖片格式，最多支持256種顏色，并且可以支持透明底色、動畫和交互功能）(jpg圖片的壓縮率很高，一般用于不包含大色塊的圖像，它可以支持1600萬種顏色)}在Web中，可以傳輸各種格式的文件，大致可以分為以下幾類：1.網(wǎng)頁類：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁在Web中，可以傳輸各3.音頻類：音頻類文件常見的文件擴展名有：mid(MIDI文件).wav(WAV文件).mp2或者.mp3

常見的聲音流文件（可以一邊下載，一邊播放）RealNetworks公司的聲音流文件，其擴展名有

.ra.ram.rpm.rae；還有Microsoft公司自己開發(fā)的聲音流文件.wma3.音頻類：音頻類文件常見的文件擴展名有：mid(MIDI4.視頻類：視頻文件一般有AVI文件、MPG文件和視頻流文件等。擴展名為.avi.mpg

常見的視頻流文件有QuickTime格式的文件（擴展名為.qt或.mov）、RealPlay格式文件（擴展名為.rm.ram）、Microsoft公司開發(fā)的WMV和ASF文件（擴展名為.wma.asf）等5.下載類：常見的文件壓縮格式有ZIP和RAR二種文件格式。4.視頻類：視頻文件一般有AVI文件、MPG文件和視頻流文件在使用瀏覽器上網(wǎng)時，一般都會在瀏覽器中輸入網(wǎng)址，通過這個網(wǎng)址來打開相應(yīng)的網(wǎng)頁，這個網(wǎng)址就是URL。嚴(yán)格來說URL(UniformResourceLocator)就是“統(tǒng)一資源定位器”，簡單來講就是網(wǎng)址。什么是URL?在使用瀏覽器上網(wǎng)時，一般都會在瀏覽器中輸入網(wǎng)

URL與現(xiàn)實生活中的地址類似，也是由幾部分構(gòu)成的，這幾部分為：協(xié)議、域名或ip、虛擬路徑和文件名四部分構(gòu)成的。如這個網(wǎng)址：

(表示名為“ibucm”的商業(yè)公司的主機名為“www”的計算機提供基于http的Web服務(wù)。

(12/)61135145202hao123的IP地址URL的組成部分？URL與現(xiàn)實生活中的地址類似，也是由幾部分構(gòu)成其中第一部分是“http://”，這代表該網(wǎng)頁使用的是http協(xié)議。在internet中可以使用多種協(xié)議，http是其中的一種，如果使用的是Ftp，則URL的第一部分就會是“ftp://”.

第二部分是“”，這表示該URl的地址是“”，其中“com”是頂級域名，代表該網(wǎng)站是屬于商業(yè)網(wǎng)站，“ibucm”代表網(wǎng)站的提供者；“www”代表主機名。注：URL的域名部分不區(qū)分大小寫，同樣域名也可以用IP地址來替換，即用圓點分開的4組數(shù)字，稱為ip地址。其中第一部分是“http://”，這代表該網(wǎng)頁使用的是htt常見的域名類型：域名解釋.info提供信息服務(wù)的企業(yè).com商業(yè)公司.cc全球性國際頂級域名（用于商業(yè)領(lǐng)域）.net網(wǎng)絡(luò)服務(wù)商.name適用于個人注冊.edu教育機構(gòu).biz網(wǎng)絡(luò)商務(wù)向?qū)?，適用于商業(yè)公司.org非贏利組織.tv全球性國際頂級域名（用于視聽、電影、電視、廣播等）：.gov政府機構(gòu).cn中國頂級域名.Mil軍事部門.mobi手機域名常見的域名類型：域名解釋.info提供信息服務(wù)的企業(yè).co在Internet內(nèi)部，如果要訪問一臺計算機里的內(nèi)容，只有通過ip地址才能找到這臺計算機。當(dāng)用戶在瀏覽器里輸入一個帶域名的URL時，瀏覽器將會先發(fā)送一個消息給DNS服務(wù)器（域名服務(wù)器），DNS服務(wù)器負(fù)責(zé)將域名轉(zhuǎn)化為對應(yīng)的IP地址，再通過IP地址找到Web服務(wù)器，然后從Web服務(wù)器里取得相應(yīng)網(wǎng)頁，并返回到客戶端瀏覽器上。

IP地址的工作機制？在Internet內(nèi)部，如果要訪問一臺計算機里的內(nèi)容，只有通注：一般來說，使用ip地址訪問網(wǎng)頁要比使用域名訪問網(wǎng)頁的速度稍快一點。在Web里，每一個網(wǎng)頁或文件的地址都是唯一的，一個URL只能指向一個網(wǎng)頁或文件，但是同一個網(wǎng)頁卻可以同時擁有多個URL.注：一般來說，使用ip地址訪問網(wǎng)頁要比使用域名訪問網(wǎng)頁的速度URL中的端口？在Internet里可以提供多項服務(wù)（如Web服務(wù)、Ftp服務(wù)等），為了節(jié)省資源，通常都會把Web服務(wù)與Ftp服務(wù)架設(shè)在一臺計算機里。當(dāng)一個用戶向這臺計算機請求Web服務(wù)，而另一臺計算機卻向這臺計算機請求Ftp服務(wù)時，計算機就可以通過不同的端口來區(qū)分不同的服務(wù)。URL中的端口？什么是端口？端口是計算機與外界通信的接口，一個IP地址最多可以擁有65536個端口。通常Web服務(wù)使用的是80或8080端口，而Ftp服務(wù)使用的是21端口。計算機會監(jiān)聽所有的端口，當(dāng)某個端口接收到請求，就會把請求遞給該端口對應(yīng)的應(yīng)用程序或服務(wù)，應(yīng)用程序或服務(wù)接收到請求后進行處理，再把處理結(jié)果從該端口傳遞給請求服務(wù)的計算機。什么是端口？服務(wù)器與客戶端當(dāng)用戶在瀏覽網(wǎng)頁時，實際上是由個人的計算機向存放網(wǎng)頁的計算機發(fā)出一個請求，對方的計算機在收到請求后，將所需要的內(nèi)容發(fā)送回來。相對的本地計算機稱為客戶計算機，對方計算機被稱為服務(wù)器。瀏覽器(Browser)是指在用戶計算機上安裝的、用來顯示指定Internet文件的程序。網(wǎng)站——空間（服務(wù)器）——互聯(lián)網(wǎng)商品——攤位（商場）——商業(yè)街服務(wù)器與客戶端瀏覽器(Browser)網(wǎng)站——空間（服務(wù)器）網(wǎng)頁設(shè)計構(gòu)思1.網(wǎng)頁的主題也就是網(wǎng)頁的題材，常的題材有：科技、自然、生活、娛樂、體育、影視、旅游、文學(xué)、游戲等。原則：小而精；選擇自己比較感興趣、了解多的題材。2.網(wǎng)頁的命名1.名稱要合理、合法、易記；2.名稱要體現(xiàn)網(wǎng)頁的主題，凝練、概括性強；3.網(wǎng)頁的字?jǐn)?shù)要控制在6個字以內(nèi)（如“雅虎”“搜狐”“網(wǎng)易”）；4.名稱要有一定的內(nèi)涵，能給瀏覽者更多的沖擊力和想象力。網(wǎng)頁設(shè)計構(gòu)思1.網(wǎng)頁的主題也就是網(wǎng)頁的題材，常的題材有：科技3.網(wǎng)頁的標(biāo)志網(wǎng)站標(biāo)志（logo），是站點內(nèi)容和特色的體現(xiàn)，簡稱站標(biāo)，一般放在主頁和鏈接頁上，如同商品的品牌一樣。4.色彩搭配適合網(wǎng)頁標(biāo)準(zhǔn)色的顏色有藍色、黃橙色、黑/灰/白3大系;比較成功的配色有：IBM的深藍色、肯德基的紅色條和Windows視窗標(biāo)志上的紅藍黃綠色塊；微軟Microsoft網(wǎng)頁采用了藍、橙、白色搭配。5.字體同標(biāo)準(zhǔn)色一樣，標(biāo)準(zhǔn)字體一般用于標(biāo)志、標(biāo)題和主菜單的特有字體。默認(rèn)的網(wǎng)頁字體為宋體。3.網(wǎng)頁的標(biāo)志網(wǎng)站標(biāo)志（logo），是站點內(nèi)容和特色的體現(xiàn)，一、網(wǎng)頁的布局

在網(wǎng)頁布局過程中，應(yīng)該遵循的原則有：對稱平衡、異常平衡及對比、凝視和空白等。一般來說，網(wǎng)頁的布局有下面幾種常見的結(jié)構(gòu)。π型結(jié)構(gòu)布局

T型布局“三”型布局

一、網(wǎng)頁的布局π型結(jié)構(gòu)布局

網(wǎng)頁的布局網(wǎng)頁布局大致可分為：“國”字型

(例如：CCTV網(wǎng)站……）拐角型（例如：TCSZ網(wǎng)站……

例：左右框架型（例如：雅虎網(wǎng)站）上下框架型（上下分為兩頁的框架）綜合框架型（例如：新浪網(wǎng)、搜狐網(wǎng)）封面型（一般由標(biāo)題和圖片構(gòu)成）Flash型（功能強大、信息豐富、視覺及聽覺效果強大的相當(dāng)于多媒體。）變化型（即上面幾種類型的結(jié)合與變化）網(wǎng)頁的布局網(wǎng)頁布局“國”字型(例如：CCTV網(wǎng)站……）二、站點規(guī)劃與設(shè)計流程圖層

1、決定站點目標(biāo)（確定它將提供什么樣的服務(wù)）2、選擇目標(biāo)群眾3、為兼容的瀏覽器創(chuàng)建站點4、組織站點結(jié)構(gòu)5、創(chuàng)建設(shè)計圖6、設(shè)計導(dǎo)航圖7、計劃和收集資源

二、站點規(guī)劃與設(shè)計流程圖層 1.5網(wǎng)頁制作的基本步驟1.5.1整體規(guī)劃

進行網(wǎng)站的整體規(guī)劃也就是組織網(wǎng)站的內(nèi)容和設(shè)計其結(jié)構(gòu)。網(wǎng)頁制作者在明確網(wǎng)頁制作的目的及要包括的內(nèi)容之后，接下來就應(yīng)該對網(wǎng)站進行規(guī)劃，以確保文件內(nèi)容條理清楚、結(jié)構(gòu)合理，這樣不僅可以很好地體現(xiàn)設(shè)計者的意圖，也將使網(wǎng)站可維護性與可擴展性增強。1.5網(wǎng)頁制作的基本步驟①層狀結(jié)構(gòu)

層狀結(jié)構(gòu)（如圖1.8所示）類似于目錄系統(tǒng)的樹型結(jié)構(gòu)，由網(wǎng)站文件的主頁開始，依次劃分為一級標(biāo)題、二級標(biāo)題等等，逐級細化，直至提供給瀏覽者具體信息。主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7一級標(biāo)題二級標(biāo)題圖1.8層狀結(jié)構(gòu)default.htmlindex.htmlhomepage主頁的命名①層狀結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面6頁面7②線性結(jié)構(gòu)線性結(jié)構(gòu)（如圖1.9所示）類似于數(shù)據(jù)結(jié)構(gòu)中的線性表，用于組織本身的線性順序形式存在的信息，可以引導(dǎo)瀏覽者按部就班地瀏覽整個網(wǎng)站文件。這種結(jié)構(gòu)一般都用在意義是平行的頁面上。通常情況下，網(wǎng)站文件的結(jié)構(gòu)是層狀結(jié)構(gòu)和線性結(jié)構(gòu)相結(jié)合的。這樣可以充分利用兩種結(jié)構(gòu)各自的特點，使網(wǎng)站文件既具有條理性、規(guī)范性，又可同時滿足設(shè)計者和瀏覽者的要求。主頁頁面1頁面2頁面3圖1.9線性結(jié)構(gòu)②線性結(jié)構(gòu)主頁頁頁頁圖1.9線性結(jié)構(gòu)③Web結(jié)構(gòu)

Web結(jié)構(gòu)（如圖1.10所示）類似于Internet的組成結(jié)構(gòu)，各網(wǎng)頁之間形成網(wǎng)狀連接，允許用戶隨意瀏覽。主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面8一級標(biāo)題二級標(biāo)題圖1.10Web結(jié)構(gòu)頁面6③Web結(jié)構(gòu)主頁頁面1頁面2頁面3頁面4頁面5頁面7頁面三、主頁的基本制作流程

1、指定網(wǎng)頁標(biāo)題2、采集網(wǎng)頁內(nèi)容3、準(zhǔn)備網(wǎng)頁圖片4、設(shè)定網(wǎng)頁框架5、設(shè)定網(wǎng)頁背景6、創(chuàng)建其他頁面元素

三、主頁的基本制作流程 四、網(wǎng)站的后期工作

1、測試網(wǎng)站2、申請站點域名3、上傳站點內(nèi)容4、管理網(wǎng)站5、宣傳自己的網(wǎng)站四、網(wǎng)站的后期工作宣傳自己的網(wǎng)站如何讓網(wǎng)站地址讓別人知道，方法有二：1、用專門的軟件，可以將網(wǎng)站登錄到各大搜索引擎。

2、手工登錄。如打開百度（）,在下面有個鏈接“網(wǎng)站登錄”，點擊后會被要求填寫網(wǎng)站地址、名稱、內(nèi)容等，然后就被收入百度的搜索引擎了，這樣別人就可以搜索到你的網(wǎng)站了。宣傳自己的網(wǎng)站如何讓網(wǎng)站地址讓別人知道，方法有二五、思考主頁的基本制作流程主要有哪些。

網(wǎng)頁的命名應(yīng)遵循哪些基本原則。五、思考本章小結(jié)：掌握制作一個主頁的基本工作流程。熟悉網(wǎng)頁內(nèi)容的規(guī)劃方法、設(shè)計網(wǎng)頁布局等。熟悉站點規(guī)劃與設(shè)計流程、創(chuàng)建設(shè)計圖。本章小結(jié)：網(wǎng)頁設(shè)計師應(yīng)用教程網(wǎng)頁設(shè)計師應(yīng)用教程第1章網(wǎng)頁設(shè)計基礎(chǔ)什么叫做Internet？

Internet是全球范圍內(nèi)的，開放的，由眾多網(wǎng)絡(luò)互連而成的計算機網(wǎng)絡(luò)，也稱為因特網(wǎng)。Internet就是互聯(lián)網(wǎng)，是用于連接各個計算機平臺的網(wǎng)絡(luò)。Internet本身可以提供多種網(wǎng)絡(luò)服務(wù)，Web服務(wù)就是其中的一種。HTML是用來制作網(wǎng)頁的計算機語言，使用該語言可以制作用于瀏覽的網(wǎng)頁或網(wǎng)站。第1章網(wǎng)頁設(shè)計基礎(chǔ)什么叫做Internet？IInternet提供的網(wǎng)絡(luò)服務(wù)在Internet里有許多用來提供服務(wù)的服務(wù)器，這些服務(wù)器提供的服務(wù)大致可以分為以下幾種：Web服務(wù)：使用http超文本傳輸協(xié)議http://Ftp服務(wù)：文件傳輸協(xié)議ftp://

E－mail服務(wù)：mailto:后面可以直接輸入E-mail地址，不需要“//”mailto:Telnet服務(wù):使用Telnet協(xié)議遠程登錄服務(wù)器,不需要“//”telnet:NNTP服務(wù):NNTP網(wǎng)絡(luò)新聞傳輸協(xié)議news:Gopher服務(wù):信息查訪服務(wù)gopher://Internet提供的網(wǎng)絡(luò)服務(wù)在Int什么是Web服務(wù)?從廣義上來講,Web是WorldWideWeb的簡稱(也可以稱為"W3"或"WWW")。Web服務(wù)只是Internet中的一個服務(wù)，只是這個服務(wù)太廣了，以至于很多人都把Web看成是Internet了。Web使用的是HTTP即超文本傳輸協(xié)議，使用該協(xié)議可以將文檔的不同部分或不同文檔之間用鏈接建立起聯(lián)系，但信息可以用交互的方式進行搜索。什么是Web服務(wù)?從廣義上來講,Web是WorldWide什么是網(wǎng)頁？

網(wǎng)頁是用html語言編寫的一種文件，將這種文件放在Web服務(wù)器上可以讓互連網(wǎng)上的其它用戶瀏覽。網(wǎng)頁也是通過HTTP協(xié)議來傳遞給瀏覽者的。其中網(wǎng)頁的表現(xiàn)形式很豐富，可以是文字也可以是圖片，甚至可以將一些多媒體文件如音頻、視頻等插入到網(wǎng)頁里。網(wǎng)站是網(wǎng)頁的集合，多個網(wǎng)頁可以共同組成一個網(wǎng)站。網(wǎng)站的第一個網(wǎng)頁稱為首頁。什么是網(wǎng)頁？

HTML(HyperTextMark-uplanguage)是超文本標(biāo)記語言，是用來編寫網(wǎng)頁的語言。雖然目前由許多種用來編寫交互性網(wǎng)站的語言，如asp/jsp/php/等，但是歸根結(jié)底用這些語言編寫出來的程序也是生成一個標(biāo)準(zhǔn)的HTML網(wǎng)頁也傳遞給瀏覽者觀看。什么是html?什么是html?在一個網(wǎng)站中，網(wǎng)頁與網(wǎng)頁之間并不是獨立的，它們之間通過超級鏈接建立起聯(lián)系。其中超級鏈接不僅僅可以指向網(wǎng)頁，同樣也可以指向文本、圖片、音頻、視頻或其他類型的文件。什么是超級鏈接？什么是超級鏈接？1.網(wǎng)頁類：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁2.圖片類：網(wǎng)頁中傳輸常見的圖片格式有jpg/gif二種格式{（gif圖片是Web中使用最多的一種圖片格式，最多支持256種顏色，并且可以支持透明底色、動畫和交互功能）(jpg圖片的壓縮率很高，一般用于不包含大色塊的圖像，它可以支持1600萬種顏色)}在Web中，可以傳輸各種格式的文件，大致可以分為以下幾類：1.網(wǎng)頁類：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁在Web中，可以傳輸各3.音頻類：音頻類文件常見的文件擴展名有：mid(MIDI文件).wav(WAV文件).mp2或者.mp3

常見的聲音流文件（可以一邊下載，一邊播放）RealNetworks公司的聲音流文件，其擴展名有

.ra.ram.rpm.rae；還有Microsoft公司自己開發(fā)的聲音流文件.wma3.音頻類：音頻類文件常見的文件擴展名有：mid(MIDI4.視頻類：視頻文件一般有AVI文件、MPG文件和視頻流文件等。擴展名為.avi.mpg

常見的視頻流文件有QuickTime格式的文件（擴展名為.qt或.mov）、RealPlay格式文件（擴展名為.rm.ram）、Microsoft公司開發(fā)的WMV和ASF文件（擴展名為.wma.asf）等5.下載類：常見的文件壓縮格式有ZIP和RAR二種文件格式。4.視頻類：視頻文件一般有AVI文件、MPG文件和視頻流文件在使用瀏覽器上網(wǎng)時，一般都會在瀏覽器中輸入網(wǎng)址，通過這個網(wǎng)址來打開相應(yīng)的網(wǎng)頁，這個網(wǎng)址就是URL。嚴(yán)格來說URL(UniformResourceLocator)就是“統(tǒng)一資源定位器”，簡單來講就是網(wǎng)址。什么是URL?在使用瀏覽器上網(wǎng)時，一般都會在瀏覽器中輸入網(wǎng)

URL與現(xiàn)實生活中的地址類似，也是由幾部分構(gòu)成的，這幾部分為：協(xié)議、域名或ip、虛擬路徑和文件名四部分構(gòu)成的。如這個網(wǎng)址：

(表示名為“ibucm”的商業(yè)公司的主機名為“www”的計算機提供基于http的Web服務(wù)。

(12/)61135145202hao123的IP地址URL的組成部分？URL與現(xiàn)實生活中的地址類似，也是由幾部分構(gòu)成其中第一部分是“http://”，這代表該網(wǎng)頁使用的是http協(xié)議。在internet中可以使用多種協(xié)議，http是其中的一種，如果使用的是Ftp，則URL的第一部分就會是“ftp://”.

第二部分是“”，這表示該URl的地址是“”，其中“com”是頂級域名，代表該網(wǎng)站是屬于商業(yè)網(wǎng)站，“ibucm”代表網(wǎng)站的提供者；“www”代表主機名。注：URL的域名部分不區(qū)分大小寫，同樣域名也可以用IP地址來替換，即用圓點分開的4組數(shù)字，稱為ip地址。其中第一部分是“http://”，這代表該網(wǎng)頁使用的是htt常見的域名類型：域名解釋.info提供信息服務(wù)的企業(yè).com商業(yè)公司.cc全球性國際頂級域名（用于商業(yè)領(lǐng)域）.net網(wǎng)絡(luò)服務(wù)商.name適用于個人注冊.edu教育機構(gòu).biz網(wǎng)絡(luò)商務(wù)向?qū)?，適用于商業(yè)公司.org非贏利組織.tv全球性國際頂級域名（用于視聽、電影、電視、廣播等）：.gov政府機構(gòu).cn中國頂級域名.Mil軍事部門.mobi手機域名常見的域名類型：域名解釋.info提供信息服務(wù)的企業(yè).co在Internet內(nèi)部，如果要訪問一臺計算機里的內(nèi)容，只有通過ip地址才能找到這臺計算機。當(dāng)用戶在瀏覽器里輸入一個帶域名的URL時，瀏覽器將會先發(fā)送一個消息給DNS服務(wù)器（域名服務(wù)器），DNS服務(wù)器負(fù)責(zé)將域名轉(zhuǎn)化為對應(yīng)的IP地址，再通過IP地址找到Web服務(wù)器，然后從Web服務(wù)器里取得相應(yīng)網(wǎng)頁，并返回到客戶端瀏覽器上。

IP地址的工作機制？在Internet內(nèi)部，如果要訪問一臺計算機里的內(nèi)容，只有通注：一般來說，使用ip地址訪問網(wǎng)頁要比使用域名訪問網(wǎng)頁的速度稍快一點。在Web里，每一個網(wǎng)頁或文件的地址都是唯一的，一個URL只能指向一個網(wǎng)頁或文件，但是同一個網(wǎng)頁卻可以同時擁有多個URL.注：一般來說，使用ip地址訪問網(wǎng)頁要比使用域名訪問網(wǎng)頁的速度URL中的端口？在Internet里可以提供多項服務(wù)（如Web服務(wù)、Ftp服務(wù)等），為了節(jié)省資源，通常都會把Web服務(wù)與Ftp服務(wù)架設(shè)在一臺計算機里。當(dāng)一個用戶向這臺計算機請求Web服務(wù)，而另一臺計算機卻向這臺計算機請求Ftp服務(wù)時，計算機就可以通過不同的端口來區(qū)分不同的服務(wù)。URL中的端口？什么是端口？端口是計算機與外界通信的接口，一個IP地址最多可以擁有65536個端口。通常Web服務(wù)使用的是80或8080端口，而Ftp服務(wù)使用的是21端口。計算機會監(jiān)聽所有的端口，當(dāng)某個端口接收到請求，就會把請求遞給該端口對應(yīng)的應(yīng)用程序或服務(wù)，應(yīng)用程序或服務(wù)接收到請求后進行處理，再把處理結(jié)果從該端口傳遞給請求服務(wù)的計算機。什么是端口？服務(wù)器與客戶端當(dāng)用戶在瀏覽網(wǎng)頁時，實際上是由個人的計算機向存放網(wǎng)頁的計算機發(fā)出一個請求，對方的計算機在收到請求后，將所需要的內(nèi)容發(fā)送回來。相對的本地計算機稱為客戶計算機，對方計算機被稱為服務(wù)器。瀏覽器(Browser)是指在用戶計算機上安裝的、用來顯示指定Internet文件的程序。網(wǎng)站——空間（服務(wù)器）——互聯(lián)網(wǎng)商品——攤位（商場）——商業(yè)街服務(wù)器與客戶端瀏覽器(Browser)網(wǎng)站——空間（服務(wù)器）網(wǎng)頁設(shè)計構(gòu)思1.網(wǎng)頁的主題也就是網(wǎng)頁的題材，常的題材有：科技、自然、生活、娛樂、體育、影視、旅游、文學(xué)、游戲等。原則：小而精；選擇自己比較感興趣、了解多的題材。2.網(wǎng)頁的命名1.名稱要合理、合法、易記；2.名稱要體現(xiàn)網(wǎng)頁的主題，凝練、概括性強；3.網(wǎng)頁的字?jǐn)?shù)要控制在6個字以內(nèi)（如“雅虎”“搜狐”“網(wǎng)易”）；4.名稱要有一定的內(nèi)涵，能給瀏覽者更多的沖擊力和想象力。網(wǎng)頁設(shè)計構(gòu)思1.網(wǎng)頁的主題也就是網(wǎng)頁的題材，常的題材有：科技3.網(wǎng)頁的標(biāo)志網(wǎng)站標(biāo)志（logo），是站點內(nèi)容和特色的體現(xiàn)，簡稱站標(biāo)，一般放在主頁和鏈接頁上，如同商品的品牌一樣。4.色彩搭配適合網(wǎng)頁標(biāo)準(zhǔn)色的顏色有藍色、黃橙色、黑/灰/白3大系;比較成功的配色有：IBM的深藍色、肯德基的紅色條和Windows視窗標(biāo)志上的紅藍黃綠色塊；微軟Microsoft網(wǎng)頁采用了藍、橙、白色搭配。5.字體同標(biāo)準(zhǔn)色一樣，標(biāo)準(zhǔn)字體一般用于標(biāo)志、標(biāo)題和主菜單的特有字體。默認(rèn)的網(wǎng)頁字體為宋體。3.網(wǎng)頁的標(biāo)志網(wǎng)站標(biāo)志（logo），是站點內(nèi)容和特色的體現(xiàn)，一、網(wǎng)頁的布局

在網(wǎng)頁布局過程中，應(yīng)該遵循的原則有：對稱平衡、異常平衡及對比、凝視和空白等。一般來說，網(wǎng)頁的布局有下面幾種常見的結(jié)構(gòu)。π型結(jié)構(gòu)布局

T型布局“三”型布局

一、網(wǎng)頁的布局π型結(jié)構(gòu)布局

網(wǎng)頁的布局網(wǎng)頁布局大致可分為：“國”字型

(例如：CCTV網(wǎng)站……）拐角型（例如：TCSZ網(wǎng)站……

例：左右框架型（例如：雅虎網(wǎng)站）上下框架型（上下分為兩頁的框架）綜合框架型（例如：新浪網(wǎng)、搜狐網(wǎng)）封面型（一般由標(biāo)題和圖片構(gòu)成）Flash型（功能強大、信息豐富、視覺及聽覺效果強大的相當(dāng)于多媒體。）變化型（即上面幾種類型的結(jié)合與變化）網(wǎng)頁的布局網(wǎng)頁布局“國”字型(例如：CCTV網(wǎng)站……）二、站點規(guī)劃與設(shè)計流程圖層

1、決定站點目標(biāo)（確定它將提供什么樣的服務(wù)）2、選擇目標(biāo)群眾3、為兼容的瀏覽器創(chuàng)建站點4、組織站點結(jié)構(gòu)5、創(chuàng)建設(shè)計圖6、設(shè)計導(dǎo)航圖7、計劃和收集資源

二、站點規(guī)劃與設(shè)計流程圖層 1.5網(wǎng)頁制作的基本步驟1.5.1