自考0900網(wǎng)頁設(shè)計與制作-第一章-網(wǎng)頁設(shè)計基礎(chǔ)與原則

《網(wǎng)頁設(shè)計與制作》課程代碼：0900

《—第一章網(wǎng)頁設(shè)計與制作基礎(chǔ)及原則》主要內(nèi)容一、網(wǎng)頁設(shè)計與制作基礎(chǔ)關(guān)于互聯(lián)網(wǎng)什么是網(wǎng)頁什么是HTMLWeb瀏覽器網(wǎng)頁設(shè)計的基本目標(biāo)網(wǎng)頁制作工具及其分類一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第一節(jié)關(guān)于互聯(lián)網(wǎng)互聯(lián)網(wǎng)(Internet)是由世界上各種各樣的網(wǎng)絡(luò)互聯(lián)所形成的“網(wǎng)絡(luò)的網(wǎng)絡(luò)”。也音譯為“因特網(wǎng)”。它是目前世界上最大的計算機通信網(wǎng)絡(luò)，遍布全球，將世界各地各種規(guī)模的計算機網(wǎng)絡(luò)連接成一個整體，從而實現(xiàn)了信息交流和共享。1969年美國國防部高級研究所計劃局（ARPA）建立ARPAnet，1986年美國國家科學(xué)基金會（NSF）建立了NSFnet。1991年6月中國第一條與國際互聯(lián)網(wǎng)連接的專線建成，我國1994年3月正式加入Internet，目前我國有權(quán)管理Internet國際出口的單位有5家。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)Internet起源及發(fā)展歷程第一階段（1987～1993年），電子郵件使用階段1991年6月中國第一條與國際Internet聯(lián)網(wǎng)的專線由北京的中國科學(xué)院高能物理所建成。第二階段（1994～1995年），教育科研網(wǎng)發(fā)展階段1994年4月正式開通了中國與國際Internet的64Kbps專線連接，并設(shè)立了中國最高域名（CN）服務(wù)器。到1995年初，高能所將衛(wèi)星專線改用海地電纜，通過日本進入Internet。這時，我國才算是真正加入了國際Internet行列之中。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)Internet在中國的發(fā)展1994年9月，中國郵電部門開始計劃進入Internet，建立中國公用Internet網(wǎng)，即CHINANET，作為公共商用網(wǎng)向公眾提供Internet服務(wù)。第三階段（1995年至今），商業(yè)應(yīng)用階段1.電子郵件〔E-mail〕POP3SERVERSMTPSERVERSMTP（SimpleMailProtocol，簡單郵件傳輸協(xié)議）POP3（PostOfficeProtocolversion3，郵局協(xié)議）

2.FTP文件傳輸協(xié)議FTPSERVER文件傳輸（FTP：FileTransferProtocol）一、網(wǎng)頁設(shè)計與制作基礎(chǔ)Internet的功能3.遠程登錄4.網(wǎng)上查詢名稱地址錄信息檢索工具索引式信息檢索工具交互式信息檢索工具

5.網(wǎng)上交流公告板系統(tǒng)BBS網(wǎng)絡(luò)新聞組電子郵件通信組

聊天

一、網(wǎng)頁設(shè)計與制作基礎(chǔ)1、什么是協(xié)議網(wǎng)絡(luò)協(xié)議（Protocol）是一系列通信規(guī)則的總稱，主要包括用戶數(shù)據(jù)與控制信息的結(jié)構(gòu)和格式，需要發(fā)出的控制信息以及相應(yīng)要完成的操作與響應(yīng)、對事件實現(xiàn)順序的詳細說明等三部分內(nèi)容。一般分為硬件協(xié)議和軟件協(xié)議。硬件協(xié)議：定義硬件如何運作以及如何協(xié)同工作，如100M以太網(wǎng)協(xié)議軟件協(xié)議：程序之間的通信規(guī)則，如TCP/IP、IPX、NetBUIE。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、互聯(lián)網(wǎng)協(xié)議1）TCP/IP協(xié)議TCP/IP(TransmissionControlProtocol/InternetProtocol)傳輸控制協(xié)議/互聯(lián)網(wǎng)協(xié)議，是為連接不同的網(wǎng)絡(luò)而設(shè)計的一個協(xié)議集，主要有TCP和IP兩套協(xié)議組成。這套協(xié)議包括遠程登錄（Telnet）、文件傳送（FTP）、電子郵件（SMTP）等一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、互聯(lián)網(wǎng)協(xié)議IP網(wǎng)際協(xié)議IP協(xié)議處理網(wǎng)絡(luò)上一個主機(host)到另一個主機的數(shù)據(jù)報(datagram)路由選擇，運行在OSI網(wǎng)絡(luò)七層模型中的網(wǎng)絡(luò)層上。OSI(OpenSystemInterconnection，開放式系統(tǒng)互聯(lián))是由國際標(biāo)準(zhǔn)化組織(ISO)發(fā)起制定的計算機網(wǎng)絡(luò)通信標(biāo)準(zhǔn)。OSI定義了網(wǎng)絡(luò)功能的七層模型：應(yīng)用層、表示層、會話層、傳輸層、網(wǎng)絡(luò)層、數(shù)據(jù)鏈路層、物理層。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、互聯(lián)網(wǎng)協(xié)議TCP傳輸控制協(xié)議TCP協(xié)議工作在OSI模型中的傳輸層上，用于建立和校驗數(shù)據(jù)連接。TCP/IP規(guī)范了網(wǎng)絡(luò)上所有通信設(shè)備之間的數(shù)據(jù)往來格式及傳送方法，是一種對計算機數(shù)據(jù)打包和尋址的標(biāo)準(zhǔn)方法。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、互聯(lián)網(wǎng)協(xié)議2）PPP協(xié)議，點對點協(xié)議是在串行線路傳輸IP數(shù)據(jù)報的TCP/IP協(xié)議，一般被用來建立與互聯(lián)網(wǎng)的撥號鏈接。該協(xié)議同時提供了物理層及數(shù)據(jù)鏈路層的功能，ppp附加的功能包括出錯控制、安全性、動態(tài)地址分配以及運行多種協(xié)議等。PPP連接包括錯誤檢測與糾正以及分組驗證(packetauthentication)。分組驗證是指確保收到的數(shù)據(jù)分組確實來自于特定的發(fā)送者的過程。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、互聯(lián)網(wǎng)協(xié)議3）

其他協(xié)議HTTP(HyperTextTransferProtocol):超文本傳輸協(xié)議，用于WWW服務(wù)。FTP(FileTransferProtocol):文件傳輸協(xié)議，用于實現(xiàn)計算機之1司的文件傳輸SMTP(SimpleMailTransferProtocol):簡單郵件傳輸協(xié)議，用于電子郵件發(fā)送POP3(PostOfficeProtocol3):郵件協(xié)議3，一般用于電子郵件接收。TELNET(Telnet):遠程登錄協(xié)議、一般用于遠程終端登錄主機。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)3、IP地址IP地址是IP層所用的互聯(lián)網(wǎng)地址，是供全球識別的通信地址。每一個IP地址在全球是惟一的，是運行TCP/IP協(xié)議的惟一標(biāo)識。在Internet中，每臺服務(wù)器和路由器的每一個端口都必須有一個IP地址。IP地址由四個從0~255之間的32位二進制組成，如192.168.45,255。分三個層次：主機、主機構(gòu)成的網(wǎng)絡(luò)、網(wǎng)絡(luò)構(gòu)成的互聯(lián)網(wǎng)。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)4、域名和域名系統(tǒng)1984年起在互聯(lián)網(wǎng)上采用了一種字符型的地址標(biāo)識，即域名(DomainName).域名標(biāo)識了一個用戶所屬的機構(gòu)、所使用的主機或節(jié)點機。域的命名方式稱為域名系統(tǒng)、域名必須按ISO有關(guān)標(biāo)準(zhǔn)進行。域名采用層次型命名機制，由N級組成，各級之間以圓點分隔。格式如下：例如，北京航空航天大學(xué)圖書館在Internet中的域名為lib.buaa.E，表示主機為中國教育網(wǎng)北京航空航天大學(xué)圖書館。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)4、域名和域名系統(tǒng)域名是容易記憶的字符型主機名，IP地址則是計算機容易處理的數(shù)值型主機名。兩者均描述了主機在Internet中的地址，而且一一對應(yīng)。域名系統(tǒng)(DomainNameSystem,DNS)實現(xiàn)了域名IP地址的映射。域名系統(tǒng)的實質(zhì)是一個分布式數(shù)據(jù)庫，包括提出數(shù)據(jù)的標(biāo)準(zhǔn)格式(以使全世界的DNS采用統(tǒng)一的標(biāo)準(zhǔn)格式)、數(shù)據(jù)庫査詢方法，以及本地更新數(shù)據(jù)的標(biāo)準(zhǔn)方法。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)5、WWWWWW是WorldWideWeb（環(huán)球信息網(wǎng)）的縮寫，也可簡稱為Web，中文名字為“萬維網(wǎng)”。它是一種基于超文本文件的交互式瀏覽檢索工具。用戶可用WWW在Internet網(wǎng)上瀏覽、傳遞、編輯超文本格式的文件。包含三個方面：實現(xiàn)資源引用的統(tǒng)一命名機制使用標(biāo)準(zhǔn)的Web文件傳輸機制HTTP文本的邏輯結(jié)構(gòu)采用編輯語言HTML描述協(xié)議一、網(wǎng)頁設(shè)計與制作基礎(chǔ)URL（UniqueResourceLocation，中文意義為“統(tǒng)一資源定位符”，是指向互聯(lián)網(wǎng)上文件位置的標(biāo)志，其基本格式為：（訪問類型）://(訪問的主機)[:端口號]/訪問的文件一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第二節(jié)什么是網(wǎng)頁網(wǎng)頁（WebPage）就是瀏覽Web時看到的文檔，而Web服務(wù)器也成為網(wǎng)點或站點，如“新浪”、“搜狐”、“網(wǎng)易”等一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第二節(jié)什么是網(wǎng)頁一個站點的眾多的頁中，總有一個網(wǎng)頁是強指為該站點的“門戶網(wǎng)頁”，即為該站點的主頁(HomePage)，這個頁面是整個站點的核心、站點內(nèi)所有內(nèi)容都由門戶頁面進行索引，該頁通常被命名為index.hmlt或defaulthtml。它是站點訪問者在網(wǎng)頁瀏覽器的地址欄中鍵人該站點的網(wǎng)址時，默認(rèn)顯示在瀏覽器中的網(wǎng)頁。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第三節(jié)什么是HTMLHTML(HyperTextMarkupLanguage，超文本標(biāo)記語言)，是網(wǎng)頁的核心，它并不是一種程序設(shè)計語言，而是一種頁面描述語言。HTML語言編寫的文件稱為HTML文本。HTML文檔的基本特征——超文本。作用：編制HTML文本時需加一些標(biāo)記(Tag)，說明段落、標(biāo)題、圖像、字體等。當(dāng)用戶通過網(wǎng)頁瀏覽器閱讀HTML文件時，瀏覽器負(fù)責(zé)解釋插入到HTML文本中的各種標(biāo)記，并以此為依據(jù)顯示文本的內(nèi)容。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)1、Web瀏覽器Web瀏覽器(Browser)，是指一個運行在用戶計算機上的程序，它負(fù)責(zé)下載、顯示網(wǎng)頁，因此也稱為WWW客戶程序。

Web瀏覽器作用：能將Web文檔的HTML編碼解釋，并顯示為在瀏覽器上所見的Web頁面。Web頁面：在客戶端所呈現(xiàn)的是一個具有文本、圖片或動畫的文檔，是由超文本標(biāo)記語言(HyperTextMarkupLanguage,HTML)的特殊格式化語言創(chuàng)建的文本文檔。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)2、瀏覽器與超文本超文本，是指將一個文檔的鏈接嵌入另外一個文檔的形式。超級鏈接也稱快捷鏈接或超鏈。超級鏈接的特點：鼠標(biāo)指針指在超級鏈接上時，通常會變?yōu)橐粋€手形指針能引出WWW中的任何信息，不僅是原文檔的補充或擴展內(nèi)容，還可以是保存在不同的Web服務(wù)器上的其他文檔不僅可鏈接別的站點或文檔，還可定位(Anchoring)某一文檔內(nèi)的某特定點一、網(wǎng)頁設(shè)計與制作基礎(chǔ)3、瀏覽器與超媒體超媒體：增強的、利用超文本的工作方法，它以包括圖形和多媒體在內(nèi)的兩種方式大大增強了Web瀏覽器的表現(xiàn)能力。超媒體的兩個應(yīng)用：（1）網(wǎng)頁中的圖形本身就是一個鏈接，單擊該圖形鏈接后，常會顯示某一相應(yīng)的文檔或放大本圖形（2）可以打開某一程序，而且顯示并播放其中的圖片、音頻或視頻剪輯等。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)4、處理多媒體信息工作原理：Web瀏覽器向Web服務(wù)器索取HTML文件，然后等待服務(wù)器將文件送回。瀏覽器得到了文件后(服務(wù)器找到相應(yīng)的文件后發(fā)送給瀏覽器)，按一定的格式顯示這些網(wǎng)頁，以供用戶查看。Web瀏覽器僅可以顯示文本、字體和一些類型的彩色圖形。當(dāng)訪問其他多媒體信息時，如聲音，必須要打開能顯示或播放這些多媒體信息的程序，即文件觀察器(Viewer)。文件觀察器是指任何能使用戶打開、觀看或播放特殊格式文件的輔助應(yīng)用程序，如用于看GIF和JPEG等圖像文件的應(yīng)用程序。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)5、保存Web文檔的方式Web瀏覽器能以HTML或無格式文本（以.txt為擴展名）方式來保存文檔。保存為HTML文檔，后續(xù)可通過瀏覽器或HTML編輯器查看；保存為無格式文本，后續(xù)可以再編輯，可通過WordPad、NotePad或其他文本編輯器進行保存web文檔，又稱為下載，可通過瀏覽器的File菜單選擇“另存為”即可。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)6、當(dāng)前流行的Web瀏覽器NetscrapeNavigator、MicroInternetExplorer,都是基于最早的瀏覽器Mosaic開發(fā)的。此外還有批處理（Batch-Mode，采用命令序列方式取得信息）和離線瀏覽器（如Telepro和ForeGroupWebWhacker）。選擇瀏覽器要考慮操作平臺問題，要求工作在具有圖形界面（GUI）的操作系統(tǒng)。目前主流操作系統(tǒng)有：Windows、Linux、Unix、Macintosh、MacOS一、網(wǎng)頁設(shè)計與制作基礎(chǔ)6、當(dāng)前流行的Web瀏覽器一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)總的目標(biāo)：要有好的創(chuàng)意、豐富的內(nèi)容、新穎的觀點，能為用戶帶來有價值的信息和有益的經(jīng)驗。評價網(wǎng)頁好壞：包括創(chuàng)意和制作兩個部分。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)頁面制作注意事項：1、網(wǎng)頁結(jié)構(gòu)采用框架結(jié)構(gòu)表現(xiàn)主題、索引和正文網(wǎng)頁的大小應(yīng)控制在50KB以內(nèi)網(wǎng)頁在瀏覽器中顯示的大小與客戶端的顯示器分辨率相關(guān)設(shè)置使用分級結(jié)構(gòu)，將若干個網(wǎng)頁按層次組織在網(wǎng)頁的尾部放上聯(lián)系方式，如E-mail等一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)頁面制作注意事項：2、頁面內(nèi)容網(wǎng)頁本身應(yīng)盡量簡單，設(shè)計網(wǎng)頁時不要把全部內(nèi)容都堆疊在一起，更不要放一些不必要的內(nèi)容。典型的個人網(wǎng)頁應(yīng)包括個人介紹、相片和必要的圖形、以列表或表格形式組織起來的超級鏈接、建立日期和作者的E-mail地址。商業(yè)網(wǎng)頁應(yīng)加入本公司的標(biāo)志、主要產(chǎn)品的介紹及新產(chǎn)品的信息。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)頁面制作注意事項：3、文字網(wǎng)頁標(biāo)題要簡潔、明確在文本敘述部分使用水平線以分隔不同部分對重點的文字和段落要使用強調(diào)字體一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)頁面制作注意事項：4、圖形設(shè)計好圖形并使用新技術(shù)圖形應(yīng)盡量小一些，大圖建議用縮略圖圖形要附加文字描述不要為圖形添加太長的交互文本，也不要把所有超鏈接都放圖形中控制頁面中圖的數(shù)量，不要濫用GIF一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第五節(jié)網(wǎng)頁設(shè)計的基本目標(biāo)商業(yè)網(wǎng)頁設(shè)計的要求：1、良好的視覺效果2、站點開發(fā)周期應(yīng)盡可能短，網(wǎng)頁發(fā)布信息準(zhǔn)確維護更新要方便、及時申請有意義且容易記的域名固定位置放公司標(biāo)志和站點標(biāo)志網(wǎng)頁底部描述站點網(wǎng)址、工作聯(lián)系的地址、版權(quán)等表明最后更新日期；若地址變更，需在原來網(wǎng)址中增加變更信息一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第六節(jié)網(wǎng)頁制作工具及其分類1、標(biāo)記型網(wǎng)頁制作工具，及HTML標(biāo)記編輯器（1）HotDog最流行的HTML標(biāo)記編輯器之一，有SausageSoft公司開發(fā)的專業(yè)編輯器，是通過按鈕來實現(xiàn)。（2）HomeSite是一種較新的、使用BorlandDelphi編寫的32位HTML編輯器，小巧而功能齊全，需要掌握一點HTML基礎(chǔ)才會編輯。是一個使用內(nèi)部瀏覽器及快捷界面的純標(biāo)記編輯器。一、網(wǎng)頁設(shè)計與制作基礎(chǔ)第六節(jié)網(wǎng)頁制作工具及其分類2、“所見即所得”型網(wǎng)頁制作工具所見即所得（WhatyouseeisWhatyouget）,指創(chuàng)建中的文件在編輯過程中的顯示與文件最終在瀏覽器中顯示的是一致的，也稱作可視化。1、通用工具-office套件適用于文字處理，包括Word、Excel、PowerPoint、Access