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

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