自學考試《網(wǎng)頁設計與制作》聽課筆記(1)

字號:

IP地址:在TCP/IP地址編排方案中,采用了一種通用的地址格式,為互聯(lián)網(wǎng)中的每一個網(wǎng)絡和每一臺計算機都分配了一個地址,這個地址在Internet中是的,并以此屏蔽了物理網(wǎng)絡地址的差異。這個統(tǒng)一的地址是由高層軟件技術來實現(xiàn)的,準確地說是通過IP協(xié)議層來實現(xiàn)的。IP層所用到的地址是互聯(lián)網(wǎng)地址,又叫IP地址。
    域名:為了解決IP地址不便于記憶這個問題,同時也為了便于網(wǎng)絡地址的分層管理和分配,自1984年起在互聯(lián)網(wǎng)上采用了一種字符型的地址標識,這便是域名(Domain Name)。
    協(xié)議:事先約定或定義的一組通信規(guī)則,它精確地規(guī)定了所交換數(shù)據(jù)的格式和傳輸方法,即計算機在交換信息時都要遵守的表達方式。
    URL:統(tǒng)一資源定位器的英文縮寫,是一個提供在全球廣域網(wǎng)上的站點或資源的Internet位置字符串,與此被訪問的站點或資源所協(xié)議在一起。主要由四部分組成,分別是:訪問類型、訪問的主機、端口號以及訪問的文件的路徑。
    互聯(lián)網(wǎng):是由世界上各種各樣的網(wǎng)絡互聯(lián)所形成的“網(wǎng)絡的網(wǎng)絡”,是一個網(wǎng)際網(wǎng)。有時候也根據(jù)音譯稱為“因特網(wǎng)”,它是目前世界上的計算機通信網(wǎng)絡,遍布全球,將世界各地種種規(guī)模的計算機網(wǎng)絡連接成一個整體,從而實現(xiàn)信息交流和共享。
    Web瀏覽器:是指一個運行在用戶計算機上的程序,主要作用在于在客戶端與服務器端之間進行交互、通信,負責下載、顯示網(wǎng)頁,因此也稱為WWW客戶程序。
    軟件協(xié)議:程序之間的通信是通過軟件協(xié)議完成的。無論是網(wǎng)絡客戶機,還是網(wǎng)絡服務器都提供有特定的協(xié)議包,它們與其他計算機通信之間,必須在那些計算機中載入相應的協(xié)議包,協(xié)議包里包含了計算機訪問特定網(wǎng)絡設備或服務所需的協(xié)議。
    標記型網(wǎng)頁制作工具:是指創(chuàng)建的網(wǎng)頁文件在編輯過程中只能看到頁面的源代碼,而需要轉(zhuǎn)到瀏覽器中才能夠看到頁面的效果。要求用戶對HTML的使用方法非常熟悉才能夠做出希望要的頁面,其優(yōu)點在于可以完全地控制頁面的元素,寫出精簡的代碼。
    下載:為了能夠方便處理,客戶機把文件從服務器上復制到本地的過程,與下載相反的過程是上傳(Upload)。
    網(wǎng)頁:Web站點中使用HTML編寫而成的單位文檔,是Web中的信息載體。其使用的描述語言是HTML.
    所見所得型網(wǎng)頁制作工具:創(chuàng)建的網(wǎng)頁文件在編輯過程中的顯示與文件最終在瀏覽器中顯示的效果是一樣的,用戶不需要接觸HTML源代碼就可以做出希望要的頁面。
    HTML:超文本標記語言是創(chuàng)建網(wǎng)頁時使用的語言。HTML文件被瀏覽器所解釋后就是網(wǎng)頁,由標記和文本組成。
    網(wǎng)站的鏈接結(jié)構(gòu):頁面之間相互鏈接的拓撲結(jié)構(gòu),它建立在目錄結(jié)構(gòu)基礎之上,可以跨越目錄甚至主機。
    網(wǎng)站風格:整個網(wǎng)站所采用的結(jié)構(gòu)布局、色調(diào)、文字、標志、圖案等要素帶給瀏覽者的關于網(wǎng)站的印象。
    信息看板:Web站點中為訪問者提供的各種最新信息的集合。
    樹形鏈接結(jié)構(gòu):類似DOS的目錄結(jié)構(gòu),首頁鏈接指向二級頁面,二級頁面鏈接指向三級頁面。當使用這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進入,一級級退出。優(yōu)點是條理清晰,訪問者明確知道自己在什么位置,不會“迷路”。缺點是瀏覽效率低,要進行欄目跳轉(zhuǎn)時,必須繞經(jīng)首頁。
    網(wǎng)站的層次:整個站點各個層次之間的結(jié)構(gòu)關系。這是一種邏輯上的概念,目的在于合理組織整個站點中的所有內(nèi)容,便于訪問者查找和瀏覽,一般來說站點都把自身的內(nèi)容分為多個層次。每個層逐漸遞進,最后達到最詳細的內(nèi)容。
    CMYK色彩體系:以打印在紙張上油墨的光線吸收特性為基礎,當白光照射到半透明油墨上時,部分光譜被吸收,部分被反射回眼睛。該色彩體系以純青色(C)、洋紅(M)、黃(Y)和黑色(K)通過減色原理合成各種色彩。
    加色原理:所有的色彩都可以通過三原色調(diào)配出來。只要對紅、綠、藍三種基色的含量進行配比,就可以調(diào)配出其他的顏色,稱為加色原理。
    頁腳:頁腳和頁眉相呼應,是指在頁面的最下方的一塊空間。頁眉是放置站點主題和標識的地方,而頁腳通常是放置制作者、公司相關信息、版權(quán)的地方,有時還會放置一導航欄。
    色相:是顏色的基本屬性,反映顏色的原貌,通過色相,人們才能區(qū)分種種彩色。
    飽和度:也叫純度,指顏色的純潔程度。飽和度大,顏色就顯得生動,活潑,有很強的視覺沖擊力;飽和度小,顏色就不純凈,看起來顯得灰暗。
    抖動:由于瀏覽器不能夠顯示所有的顏色,因此偽造了那些在顏色有限的調(diào)色板中不能顯示出來的顏色,通過近鄰像素傾向于混合而產(chǎn)生在圖像中實際不存在的顏色,從而達到一種補償目的?!岸秳印钡膱D像有很多顆粒,圖像顯得非常粗糙。
    明度:也叫亮度,體現(xiàn)顏色的深淺。通常說顏色“深了”、“淺了”,就是指明度的高低。而非彩色只有明度特征,沒有色相飽和度。
    造型:就是創(chuàng)造出來的物體形象。這里是指頁面的整體形象,這種形象應該是一個整體,圖形與文本的接合應該是層疊有序的。雖然,顯示器和瀏覽器都是矩形,但對于頁面的的造型,可以充分運用自然界中各種幾何形狀以及它們的組合:矩形、圓形、三角形、菱形等。
    WEB安全色:由于瀏覽器在顯示這1670萬種顏色時是有選擇的,它只能選擇其中的216種進行顯示,無論是Rec(00-FF),Green(00-FF)顏色通道,或是Blue(00-FF)對任意一通道,都采取一種“跳躍”的方式進行顏色編碼,即R、G、B都只能在00-FF之間的跳躍取值,而不能任意取值。這種跳躍顯示的色彩被稱為WEB安全色,意義是在任何瀏覽器上都能夠正確顯示。
    表單:就是網(wǎng)頁中站點服務器處理的一組數(shù)據(jù)輸入域。當訪問者單按鈕或圖形來提交表單后,數(shù)據(jù)就會傳送到服務器上。它是非常重要的通過網(wǎng)頁在與服務器之間傳遞信息的途徑,表單網(wǎng)頁可以用來收信瀏覽者的意見和建議,以實現(xiàn)瀏覽者與站點之間的互動。
    框架:是一個由框架網(wǎng)頁所定義的瀏覽器初見窗區(qū)域,它通過框架網(wǎng)頁實現(xiàn)??蚣芫W(wǎng)頁是一種特別的HTML網(wǎng)頁,它可將瀏覽器視窗分為不同的框架,而每一個框架則可顯示一個不同網(wǎng)頁。
    客戶端圖像地圖:它可將每個作用區(qū)的URL位置直接地對應在WEB網(wǎng)頁的圖像上??蛻舳藞D像映射并不需要通過服務器處理來允許站點訪問者是否可在圖像映射上進行超鏈接,但是,并非所有的瀏覽器都支持客戶端圖像映射。
    超級鏈接:是指從一個網(wǎng)頁指向另一個目的端的鏈接,是從文本圖片或圖形或圖像映射到全球文域網(wǎng)上網(wǎng)頁或文件的指針。在全球廣域網(wǎng)上,超鏈接是網(wǎng)頁之間和WEB站點之中主要的導航方法。
    標記:HTML中用來標識網(wǎng)頁元素的類型、格式和外觀的文本字符串。
    DHTML:就是一種即使在網(wǎng)頁下載進瀏覽器以的仍然能夠隨時變換更新網(wǎng)頁內(nèi)容排版樣式以及動畫等等的技術,它是一種通過各種技術的綜合發(fā)展而得以實現(xiàn)的概念,主要包括JavaScript、VBScript、DOM、CSS等技術。
    DOM:為HTML文件定義了一個與平臺無關的程序接口。使用該接口可以控制文件的內(nèi)容、結(jié)構(gòu)和樣式,WEB開發(fā)人員借助DOM可以在其WEB頁中引入動態(tài)和交互式內(nèi)容,而不必依賴于WEB服務器來提供新的內(nèi)容或改變現(xiàn)有內(nèi)容的顯示方式。
    JavaScript:一種由Netscape Communications和Sun Microsystems,Inc.所發(fā)展出來的一種Scripting語言。它可以被嵌入在HTML文檔中,在網(wǎng)頁被下載到客戶端后被瀏覽器所處理。
    CSS:是由全球廣域網(wǎng)協(xié)會所發(fā)展出來的HTML的規(guī)范表??墒筗EB網(wǎng)頁的制作者將樣式表附加到HTML文件上。樣式表包括了該如何顯示網(wǎng)頁的排版信息,也可在HTML文件樣式表與用戶自定義樣式混合的情況下工作。
    靜態(tài)聯(lián)編:是指程序語言的各種對象和庫的引用必須在編譯時進行,以使編譯器能夠?qū)崿F(xiàn)強類型檢查,Java就屬于靜態(tài)聯(lián)編類的語言。
    動態(tài)聯(lián)編:是指程序語言的各種對象和庫的引用在運行時再進行檢查,如不經(jīng)運行就無法實現(xiàn)對象引用的檢查。JavaScript就屬于動態(tài)聯(lián)編類的語言。
    函數(shù):是一系列指令的集合,是對反復使用或可能重用的行為的抽象,從本質(zhì)上看,函數(shù)是存放代碼的代碼段。這些代碼可能在某些時候被執(zhí)行,或在文檔被裝載時立即被執(zhí)行,也可能是對被觸發(fā)事件的響應。
    選擇符:在層疊樣式表的樣式定義中(可樣式規(guī)則中),把HTML組件連接到一個樣式內(nèi)容和值的特定組合。
    內(nèi)聯(lián)式樣式單:它利于現(xiàn)有的HTML標記,把特殊的樣式加入到那些由標記控制的信息中。
    貼層:是用于更精確地定位頁面元素的一種CSS屬性,它把網(wǎng)頁想象為一個平面,具有貼層(clip)屬性的元素就像一個貼層漂浮在網(wǎng)頁之上,三維方向的位置都是可以控制的。
    主題:是一套經(jīng)過許多專業(yè)網(wǎng)站設計人員的圖形、色彩、字體的組合,可以用來對網(wǎng)頁進行修飾,增強網(wǎng)頁的視覺效果。BOX模型:在CSS中把HTML中以<標記>…的部分稱為BOX(容器)。每個BOX都有三種基本屬性:margin,padding和border.
    站點:是一個各種媒體的集合的抽象概念,有時也被翻譯為“站臺”。在物理上它可能是一個有許多子目錄的大目錄,但是站點的許多媒體也可能分布在其他各個不同的物理位置上。WEB服務器通常以站點為單位來組織要發(fā)布的信息。
    熱區(qū):在客戶端圖像地圖上設置的一片區(qū)域,并為這片區(qū)域設置了相應的超級鏈接。當在瀏覽器中單擊圖片上相應的區(qū)域時,可以跳轉(zhuǎn)到預先設置的目標超級鏈接上。
    網(wǎng)頁動態(tài)效果:在Frontpage內(nèi)增加文檔與對象的演示文稿效果,可以利用DHTML效果工具欄添加效果網(wǎng)頁元素內(nèi),且不需要任何編程。
    向?qū)В菏潜磺度朐诔绦蛑械囊环N程序,可以被用來與用戶不斷交互,最后依用戶在向?qū)У妮斎氪案裰兴龅倪x項來創(chuàng)建完成用戶需要完成的事情。
    模板:指一類特殊文檔,可提供構(gòu)造最終文檔的基本工具。模板中可包含以下元素:在同類型的所有文件中都相同的文字或格式設置,如備忘錄或報表樣式。其他的文件通過引用模板就可以完成格式的規(guī)范化等標準工作。
    CPC:“Cost Per Click throuth”的縮寫,為每千次點擊成本,與CPM類似,也是千次成計算單位,以廣告圖形被點擊并連接到相關網(wǎng)址或詳細內(nèi)容頁面1000次為基準的網(wǎng)絡廣告收費模式。雖然CPC費用比CPM的費用高很多,但效率比較高,廣告主往往更傾向選擇依據(jù)CPC付費。
    CGI:(common Gateway Interface)通用網(wǎng)關接口,是指在WEB服務器上定義的一套WEB客戶請求與應答的方法。客戶機向服務器的請求只要屬于CGI范圍,WEB服務器將自動啟動一個CGI(網(wǎng)關)程序。它的任務是把客戶的請求從網(wǎng)關程序的環(huán)境變量中取出,并進行相應的加工處理,由CGI程序決定如何對客戶的請求做出應答。CGI是WEB服務器不可缺少的組成部分,它是WWW與現(xiàn)有數(shù)據(jù)程序或?qū)嵱梦募z索系統(tǒng)之間的橋梁。
    “結(jié)構(gòu)良好的”規(guī)則:XML文件的結(jié)構(gòu)是按其標記集的語法規(guī)則進行控制的。有一些一般規(guī)則應用于所有的XML文件以確定文檔是否為“結(jié)構(gòu)良好的”。要進行語法分析的XML文件必須為“良好格式”。
    PWS:(Personal Web Server)個人WEB服務器,是一個在window 9X平臺下運行的WEB服務器。其目的主要是便于調(diào)試網(wǎng)頁和在局域網(wǎng)中的基于網(wǎng)頁的信息發(fā)布。
    UNIX:一個多用戶、多任務的操作系統(tǒng),以許多種形式存在和實現(xiàn),一般用在專用的計算機工作站上。許多站點服務器是在UNIX系統(tǒng)上執(zhí)行。
    虛擬主機:是使用特殊的軟硬件技術,把一臺運行在因特網(wǎng)上的服務器主機分成多臺“虛擬”主機,每一臺虛擬主機都具有獨立的域名和IP地址,具有完事的Internet服務器(WWW,F(xiàn)TP,E-mail)等功能,虛擬主機之間完全獨立,并可由用戶自行管理,在WEB上看,每一臺虛擬主機和一*立的主機完全一樣。
    CPM:“Cost Per one thousand impressions”的縮寫,每千播放次數(shù)成本,以廣告圖形(Demographic)被瀏覽者LOAD(裝載)1000次為基準的網(wǎng)絡廣告收費模式。國內(nèi)ICP編愛這種計費模式。
    SGML:“Standard Generalized Markup Language”(通用標識語言標準)。它是國際上定義電子文件結(jié)構(gòu)和內(nèi)容描述的標準。
    XML:(Extensible Markup Language可擴展標記語言)是一種基于SGML標準的網(wǎng)絡信息描述語言,能夠使用戶自己根據(jù)文件的結(jié)構(gòu)來創(chuàng)建自己的DTD(Document Type Definition文件類型定義),從而使XML能夠脫離固定標記而表述數(shù)據(jù)的含義。
    DTD:Document Type Definition文件類型定義,是一個或是一些用XML書寫的文件,包含了對一種文件的正式定義,定義了文件中的元素能用什么名字,能放在什么位置,應該怎樣組合等定義。
    什么是網(wǎng)絡協(xié)議,內(nèi)容主要包括:
    網(wǎng)絡協(xié)議是一系列通信規(guī)則的總稱,主要包括:
    1.用戶數(shù)據(jù)與控制信息的結(jié)構(gòu)和格式;
    2.需要發(fā)出的控制信息以及相應要完成的操作與響應;
    3.對事件實順序的詳細說明等三部分內(nèi)容。
    規(guī)劃目錄結(jié)構(gòu)時應當遵循的幾個原則:
    1.不要將所有文件都存放在根目錄下;
    2.按欄目內(nèi)容分別建立子目錄;
    3.在每個主目錄下都建立獨立的images目錄;
    4.目錄的層次不要太深;
    5.切忌使用中文目錄;
    6.不要使用過長的目錄;
    7.盡量使用意義明確的目錄。
    網(wǎng)絡中存在著多種級別的協(xié)議??偟膩碚f可以分為:
    1、硬件協(xié)議:定義了硬件設備如何動作以及如何協(xié)同工作。
    2、軟件協(xié)議:程序之間的通信是通過軟件協(xié)議完成的。
    除創(chuàng)意之外,在網(wǎng)站設計時還需要考慮以下基本原則:
    1.網(wǎng)頁內(nèi)容要便于閱讀;
    2.站點內(nèi)容要精、專和及時更新;
    3.注重色彩搭配;
    4.考慮帶寬;
    5.要適當考慮不同游覽器、不同分辨率的情況;
    6.提供交互性;
    7.簡單即為美。
    整個站點設計大體分為八個部分:
    1、初始商討;2、構(gòu)思;3、綜合內(nèi)容;4、頁面布局和導航;5、圖像制作;6、內(nèi)容流程;7、測試;8、驗收交付;
    網(wǎng)頁設計的通用規(guī)則:
    1.網(wǎng)站的設計目的決定設計方案;
    2.瀏覽者的需求第一位;
    3.頁面的有效性;
    4.頁面布局的保持統(tǒng)一性;
    5.使用表格和適當?shù)慕Y(jié)構(gòu)來設計網(wǎng)頁;
    6.謹慎使用圖片;
    7.平面設計意識;
    8.減少Java Applet和其他多媒體的使用。
    JavaScript的基本特點:
    1、一種腳本編寫語言;2、基于對象;3、簡單性;4、安全性;5、基于事件;6、跨平臺。
    有關商業(yè)網(wǎng)站的風格特征:
    1.公司徽標或商標應當出現(xiàn)在頁面最上方,盡可能做到色彩醒目,同時占用版面??;
    2.可以采用主題圖形產(chǎn)品廣告來突出公司形象與風格。
    3.主要欄目一般采用圖文并茂的超級鏈接實現(xiàn),要考慮到主要欄目圖片、文字之間的色彩配合,同時要和主題圖形相互襯托,主題圖形如果較大,則欄目必須縮?。?BR>    4.不要把主要欄目和次要欄目都顯示在同一個頁面上;
    5.商業(yè)網(wǎng)站一般都有固定的欄目頁面,如:Support,service,About us等;
    6.必須建立站內(nèi)搜索引擎,以便瀏覽者在站內(nèi)查找所需要的信息。
    請仔細閱讀P15-16的細節(jié)內(nèi)容
    JavaScript對象:
    1.Window對象
    2.String對象
    3.Document對象
    4.Navigator對象
    5.String對象
    6.Math對象
    7.Date對象
    使用DHTML的原因:
    1.DHTML將網(wǎng)頁上的每一個元素劃分成許多獨立的對象,這些對象的屬性通過CSS來指定。
    2.DHTML將每個對象向一個編程和腳本語言的框架開放,可使用編程語言C++操縱網(wǎng)頁上的對象,也可以使用JavaScript,VBScript操縱網(wǎng)頁上的對象。
    JavaScript與Java的區(qū)別:
    1.兩者語言間的異同:
    B. JavaScript是基于對象和事件驅(qū)動的編程語言,Java是一種真正面向?qū)ο蟮恼Z言;
    C.前者是一種解釋性編程語言,后者的源代碼在傳遞到客戶端執(zhí)行之前,須經(jīng)過編譯;
    D.強變量和弱變量。前者采用弱定義類型變量檢查,后者相反。
    E.前者的代碼是一種文本字符格式,可以直接嵌入HTML文件中,并可用動態(tài)裝載,后者是一種與HTML無關格式,必須通過像HTML中引用外媒體那樣進行裝載,其代碼以字節(jié)代碼的形式保存在獨立的文檔中;
    F.嵌入方式不一樣,前者使用…來標識,后者用來標識;
    G.前者采用動態(tài)聯(lián)編,后者使用靜態(tài)聯(lián)編。