網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ).doc

網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ).txt我退化了，到現(xiàn)在我還不會(huì)游泳，要知道在我出生之前，我絕對(duì)是游的最快的那個(gè)第一章網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ) 本章要點(diǎn) 通過(guò)本章學(xué)習(xí)，考生應(yīng)了解互聯(lián)網(wǎng)的基本功能、服務(wù)、原理，對(duì)網(wǎng)頁(yè)瀏覽服務(wù)的體系結(jié)構(gòu)、技術(shù)名詞、瀏覽器有基本的了解，對(duì)于網(wǎng)頁(yè)的設(shè)計(jì)原則和所使用工具也應(yīng)有一定的認(rèn)識(shí)，從而為繼續(xù)深入學(xué)習(xí)網(wǎng)頁(yè)制作技術(shù)打下知識(shí)基礎(chǔ)。 第一節(jié)關(guān)于互聯(lián)網(wǎng) 一、什么是協(xié)議 網(wǎng)絡(luò)協(xié)議：是一系列通信規(guī)則的總稱，主要包括用戶數(shù)據(jù)與控制信息的結(jié)構(gòu)和格式、需要發(fā)出的控制信息以及相應(yīng)要完成的操作與響應(yīng)、對(duì)事件實(shí)現(xiàn)順序的詳細(xì)說(shuō)明等三部門內(nèi)容。 硬件協(xié)議：定義了硬件設(shè)備如何運(yùn)作以及如何協(xié)同工作。 軟件協(xié)議：程序之間的通信是通過(guò)軟件協(xié)議完成的。 二、互聯(lián)網(wǎng)協(xié)議 1、TCP/IP是為了連接不同的網(wǎng)絡(luò)而設(shè)計(jì)的一個(gè)協(xié)議集，主要由TCP和IP兩套協(xié)議組成，互聯(lián)網(wǎng)就是以此為基礎(chǔ)建立的。這套協(xié)議包括遠(yuǎn)程登錄、文件傳送、電子郵件等，TCP/IP可與任何硬件或操作系統(tǒng)一起工作。 （1）IP網(wǎng)際協(xié)議 IP協(xié)議處理網(wǎng)絡(luò)上一個(gè)主要到另一個(gè)主要的數(shù)據(jù)報(bào)路由選擇，遠(yuǎn)行在OSI網(wǎng)絡(luò)七層模型中的網(wǎng)絡(luò)層上。OSI開放系統(tǒng)互聯(lián)是由國(guó)際標(biāo)準(zhǔn)化組織發(fā)起制定的計(jì)算機(jī)網(wǎng)絡(luò)通信標(biāo)準(zhǔn)。OSI定義了網(wǎng)絡(luò)功能的七層模型，分別是：應(yīng)用層、表示層、會(huì)話層、傳輸層、網(wǎng)絡(luò)層、數(shù)據(jù)鏈路層、物理層，稱為OSI七層模型。 （2）TCP傳輸控制協(xié)議 TCP工作在OSI模型中的傳輸層上，用于建立和校驗(yàn)數(shù)據(jù)連接。 整個(gè)數(shù)據(jù)傳送過(guò)程是由計(jì)算機(jī)、網(wǎng)關(guān)、路由器和協(xié)議共同保證的。 2、PPP協(xié)議 PPP指點(diǎn)對(duì)點(diǎn)協(xié)議，是在串行線路上傳輸IP數(shù)據(jù)報(bào)的TCP/IP協(xié)議。一般被用來(lái)建立與互聯(lián)網(wǎng)的撥號(hào)連接，該協(xié)議同時(shí)提供了物理層和數(shù)據(jù)鏈路層的功能，PPP附加的功能包括出錯(cuò)控制、安全性、動(dòng)態(tài)地址分配以及運(yùn)行多種協(xié)議等。 3、其他協(xié)議 HTTP：超文本傳輸協(xié)議，用于WWW服務(wù)。 FTP：文件傳輸協(xié)議，用于實(shí)現(xiàn)計(jì)算機(jī)之間的文件傳輸。 SMTP：簡(jiǎn)單郵件傳輸協(xié)議，用于電子郵件發(fā)送。 POP3：郵件協(xié)議3，一般用于電子郵件接收。 TELNET：遠(yuǎn)程登錄協(xié)議，一般用于遠(yuǎn)程終端登錄主機(jī)。 三、IP地址 IP地址由32位二進(jìn)制數(shù)表示，每8位為一組，以圓點(diǎn)分隔，在面向用戶的文檔中，IP地址被直觀地表示為四個(gè)以圓點(diǎn)隔開的十進(jìn)制數(shù)，其中每個(gè)十進(jìn)制數(shù)對(duì)應(yīng)一個(gè)8位二進(jìn)制數(shù)組（鄧一個(gè)字節(jié)），每個(gè)十進(jìn)制數(shù)可取值為0-255。如：55。IP地址是一種層次型地址，在概念上分為三個(gè)層次：主機(jī)、由主機(jī)構(gòu)成的網(wǎng)絡(luò)和由網(wǎng)絡(luò)構(gòu)成的互聯(lián)網(wǎng)。 四、域名和域名系統(tǒng) 1984年起在互聯(lián)網(wǎng)上采用了一種字符型的地址標(biāo)識(shí)，這便是域名?；蛎捎脤哟涡兔麢C(jī)制。 （主機(jī)名）（機(jī)構(gòu)名）（網(wǎng)絡(luò)類型名）（國(guó)別代碼） 域名系統(tǒng)實(shí)現(xiàn)了域名IP地址的映射。 域名系統(tǒng)的實(shí)質(zhì)是一個(gè)分布式數(shù)據(jù)庫(kù)，包括提出數(shù)據(jù)的標(biāo)準(zhǔn)格式、數(shù)據(jù)庫(kù)查詢方法，以及本地更新數(shù)據(jù)的標(biāo)準(zhǔn)方法。 五、WWW 萬(wàn)維網(wǎng)于1990年誕生于瑞士日內(nèi)瓦的歐洲粒子物理實(shí)驗(yàn)室。 萬(wàn)維網(wǎng)建立在標(biāo)準(zhǔn)化的網(wǎng)絡(luò)概念之上，采用客戶機(jī)/服務(wù)器的體系結(jié)構(gòu)。資源共享是互聯(lián)網(wǎng)的基本特征。 Web是通過(guò)超文本語(yǔ)言的來(lái)具體實(shí)現(xiàn)的。 在實(shí)際應(yīng)用之中，它主要包括三個(gè)方面： 1、實(shí)現(xiàn)資源引用的統(tǒng)一命名機(jī)制 URL即統(tǒng)一資源定位器，是指向互聯(lián)網(wǎng)上文件位置的標(biāo)志，主要由四部分組成，分別是：訪問(wèn)類型、訪問(wèn)的主機(jī)、端口號(hào)以及訪問(wèn)的文件的路徑。 HTTP一般使用80端口，F(xiàn)TP一般使用21端口。 2、使用標(biāo)準(zhǔn)的Web文件傳輸機(jī)制HTTP 3、文本的邏輯結(jié)構(gòu)采用標(biāo)記語(yǔ)言HTML描述協(xié)議 HTML是萬(wàn)維網(wǎng)中超文超文件的基礎(chǔ) 第二節(jié)網(wǎng)頁(yè)概述 網(wǎng)頁(yè)：Web站點(diǎn)中使用HTML編寫而成的單位文檔，是Web中的信息載體。其使用的描述語(yǔ)言是HTML。 超文本：指的是在一個(gè)網(wǎng)頁(yè)上可以通過(guò)事先嵌入的超級(jí)鏈接轉(zhuǎn)到存儲(chǔ)于其他任何地方的網(wǎng)頁(yè)。 超媒體：是網(wǎng)頁(yè)包含了種種多媒體信息或多媒體鏈接。除了含有文本、圖形、圖像、動(dòng)畫外，還可以包含表格、窗體，可以和用戶進(jìn)行交互、接收用戶輸入。 Web服務(wù)器也稱為網(wǎng)點(diǎn)或站點(diǎn) 主頁(yè)：在一個(gè)站點(diǎn)的眾多網(wǎng)頁(yè)中，總有一個(gè)網(wǎng)頁(yè)是被指定為該站點(diǎn)的“門戶網(wǎng)頁(yè)”，即為該站點(diǎn)的主要，這個(gè)頁(yè)面是整個(gè)站點(diǎn)的核心，站點(diǎn)內(nèi)所有內(nèi)容都由門戶頁(yè)面進(jìn)行索引，該頁(yè)通常被命名為index.html或default.html 萬(wàn)維網(wǎng)是全球性的信息服務(wù)網(wǎng)絡(luò)，而Web服務(wù)器上的信息，則以網(wǎng)頁(yè)的方式組織一個(gè)整體。網(wǎng)頁(yè)就是存放在互聯(lián)網(wǎng)中的Web服務(wù)器上的一個(gè)文件，或者說(shuō)是一種文檔Web文檔。 第三節(jié)HTML概述 HTML：超文本標(biāo)記語(yǔ)言是創(chuàng)建網(wǎng)頁(yè)時(shí)使用的語(yǔ)言。HTML文件被瀏覽器解釋后就是網(wǎng)頁(yè)由標(biāo)記（tag）和文本組成。就其本質(zhì)而言，是一個(gè)基于文本的編碼標(biāo)準(zhǔn)，用于指示瀏覽器以什么方式顯示信息。 第四節(jié)Web瀏覽器 一、Web瀏覽器 所謂Web瀏覽器：指一個(gè)運(yùn)行在用戶計(jì)算機(jī)上的程序，它負(fù)責(zé)下載、顯示網(wǎng)頁(yè)，因此也稱為WWW客戶程序。 二、瀏覽器與超文本 網(wǎng)頁(yè)的特征，也就是HTML文檔的基本特征超文本，它是指將一個(gè)文檔的鏈接嵌入另外一個(gè)文檔的形式。超鏈接有時(shí)也稱為快捷鏈接或簡(jiǎn)稱為超鏈。超級(jí)鏈接的最大特點(diǎn)在于它能引出WWW中的任何信息。 三、瀏覽器與超媒體 在超媒體的第一個(gè)應(yīng)用中，網(wǎng)頁(yè)中的圖形本身就是一個(gè)鏈接。 在超媒體的第二個(gè)應(yīng)用中，Web的鏈接可以打開某一程序，而且顯示并播放其中的圖片、音頻或視頻剪輯。 四、處理多媒體信息 五、保存Web文檔的方式 Web瀏覽器能以HTML文件（以.htm或.html為擴(kuò)展名）方式或無(wú)格式文體（.Txt為擴(kuò)展名）方式來(lái)保存Web文檔。 六、當(dāng)前流行的Web瀏覽器 目前最流行的瀏覽器主要有Netscape Navigator 和Microsoft Internet Explorer(IE)兩種。 批處理瀏覽器和離線瀏覽器 第五節(jié)網(wǎng)頁(yè)設(shè)計(jì)的基本目標(biāo) 評(píng)價(jià)一個(gè)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的好壞主要包括創(chuàng)意和制作兩個(gè)部分。 一、創(chuàng)意要新 網(wǎng)站設(shè)計(jì)總的目標(biāo)是：好的創(chuàng)意、豐富的內(nèi)容、新穎的觀點(diǎn) 二、頁(yè)面制作 1、網(wǎng)頁(yè)結(jié)構(gòu) 2、頁(yè)面內(nèi)容 3、文字 4、圖形 三、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)的要求 1、良好的視覺效果 2、站點(diǎn)開發(fā)周期盡可能短，網(wǎng)頁(yè)發(fā)布的信息一定要準(zhǔn)確 3、維護(hù)更新要方便 4、商業(yè)網(wǎng)頁(yè)制作的其他應(yīng)注意的幾個(gè)問(wèn)題 第六節(jié)網(wǎng)頁(yè)制作工具及其分類 一、標(biāo)記型網(wǎng)頁(yè)制作工具 HTML是網(wǎng)頁(yè)制作的基礎(chǔ)，也是最基本的工具。 最具代表性的HTML標(biāo)記編輯器有： 1、HotDog是最流行的HTML標(biāo)記編輯器之一，不要求用戶熟悉HTML。 2、Homesite是一種較新的、使用Borland Delphi編輯器，小巧而工能齊全。需要用戶有一點(diǎn)HTML基礎(chǔ)，適合已有一定網(wǎng)頁(yè)制作經(jīng)驗(yàn)的人使用。 二、“所見即所得”型網(wǎng)頁(yè)制工作 所見即所得型網(wǎng)頁(yè)制作工具：它是指創(chuàng)建的網(wǎng)頁(yè)文件在編輯過(guò)程中的顯示與文件最終在瀏覽器顯示的效果是一樣的，用戶不需要接觸HTML源代碼就可以做出希望要的網(wǎng)頁(yè)。 1、通用工具備office套件 2、專用工具 （1）FrontPage （2）Dreamweaver 基本特征 （1）最佳的制作效率 （2）網(wǎng)站管理 （3）無(wú)可比擬的控制能力 （4）豐富模板和XML支援 （5）多游覽器平臺(tái)的支持三、編程型網(wǎng)頁(yè)制作工具 1、CGI編程 所謂CGI腳本程序，是服務(wù)器上的一個(gè)可執(zhí)行程序。 CGI只是一種實(shí)現(xiàn)用戶交互的環(huán)境，并不是一種語(yǔ)言。 2、Java編程 Java是一種廣泛使用的網(wǎng)絡(luò)編程語(yǔ)言，它是一種新的計(jì)算機(jī)概念。首先，作為一種程序設(shè)計(jì)語(yǔ)言，它簡(jiǎn)單、面向?qū)ο?，不依賴于機(jī)器的結(jié)構(gòu)，具有可移值性、安全性，提供了并發(fā)的機(jī)制并具有很高的性能。其次，它最大限度地利用了網(wǎng)絡(luò)。它的小應(yīng)用程序可在網(wǎng)絡(luò)上運(yùn)行而不受CPU和環(huán)境的限制。還提供了豐富的類庫(kù)。 四、圖像處理工具 GIF圖像交換格式是一種最大色系256色的通用圖像格式。 JPEG是一種壓縮存儲(chǔ)的圖形格式，由聯(lián)合照片專家組開發(fā)并以其命名。 使用圖像處理工具可對(duì)圖像進(jìn)行編輯、修飾、優(yōu)化、圖形文件格式轉(zhuǎn)換等處理。 五、通用圖像處理工具（Photoshop） 六、專用圖像處理工具 七、不同類型工具的比較 “所見即所得”編輯器往往具有一些致命的弱點(diǎn)： 難以精確達(dá)到與瀏覽器完全一致的顯示效果 “所見即所得”編輯器往往會(huì)書寫冗余高的代碼，不如手工書寫的來(lái)得簡(jiǎn)潔。 第七節(jié)小結(jié) 一、從了解HTML的基本標(biāo)記開始 二、選擇一個(gè)自己認(rèn)為頗為順手的工具，從第一頁(yè)面開始 三、多多訪問(wèn)他人的網(wǎng)頁(yè)，從中受到啟發(fā) 四、深入分析成功的網(wǎng)站、網(wǎng)頁(yè) 考核要求 第一節(jié)關(guān)于互聯(lián)網(wǎng) 識(shí)記：互聯(lián)網(wǎng)提供的幾種服務(wù)及其各自概念與功勇；互聯(lián)網(wǎng)發(fā)展歷程。 領(lǐng)會(huì)：Web瀏覽服務(wù)的基本體系結(jié)構(gòu)，互聯(lián)網(wǎng)基本名詞：URL，超級(jí)鏈接。 第二節(jié)網(wǎng)頁(yè)概述 識(shí)記：網(wǎng)頁(yè)與主頁(yè)之間的關(guān)系。 領(lǐng)會(huì)：網(wǎng)頁(yè)的基本要領(lǐng)。 應(yīng)用：實(shí)際上際，查看網(wǎng)頁(yè)。 第三節(jié)HTML概述 領(lǐng)會(huì)：HTML的概念；HTML的基本構(gòu)成單位：標(biāo)記。 應(yīng)