1、網頁設計與制作自考課程復習資料1網絡協議分為：硬件協議和軟件協議。2TCP/IP協議：TCP為傳輸控制協議，工作在傳輸層，FTP默認端口號為21；IP為網際協議，工作在網絡層，WEB默認端口號為80；Telnet為遠程登錄協議，默認端口號為23；SMTP為簡單郵件傳輸協議，默認端口號為25；POP3為郵局協議，默認端口號為110。3IP地址：由32位二進制數表示，每8位為一組，以圓點“”分隔；其中IP直觀表示時采用十進制，每組的有效范圍是0255；主要分為三個層次，分別是主機、由主機構成的網絡和網絡構成的互聯網；IP分為5類IP地址，A類1126，B類128191，C類192223，D類224

2、239，E類240254。4域名與域名系統：IP是三個層次的由數字表示，而域名是多個層次由字符表示，域名分為國內域名（中國.cn）和國際域名（商業.com/網絡.net/教育.edu/政府.gov/組織.org），DNS即（Domain Name System/ Domain Name Server）實現域名與IP地址的一一對應關系。5URL：即統一資源定位器，基本格式為：訪問類型：/訪問主機：端口號/訪問的文件。6網頁：即基于超文本和超媒體的信息載體；超文本指一個網頁可以通過事先嵌入的超級鏈接跳轉到存儲于其他任何地方的網頁；超媒體指網頁包含了種種多媒體信息或多媒體鏈接。7網頁的核心是HTML

3、，它并不是一種程序設計語言，而是一種頁面描述語言。8WEB瀏覽器是指一個運行在用戶計算機上的程序，它負責下載、顯示網頁，因此也稱為WWW客戶程序。9超媒體的兩大應用：一是指網頁中的圖形本身就是一個鏈接，二是指WEB鏈接可以打開某一程序，而且顯示并播放其中的圖片、音頻或視頻剪輯。10目前流行的兩大瀏覽器：Internet Explorer和Netscape Navigator。11評價一個網站設計好壞，主要包括創意和制作兩個部分。12網頁制作的工具：HotDog、Notepad、HomeSite屬于標記型網頁制作工具；Frontpage、Dreamweaver屬于所見即所得網頁制作工具；Phot

4、oshop、Fireworks屬于圖形處理型網頁制作工具；CGI、JAVA屬于編程型網頁制作工具。13圖形圖像處理主要包括：圖形編輯、圖像修飾和圖像優化。14網站設計專業流程：初始商計、網站構思、綜合內容、頁面布局與導航、圖形制作、內容流程、網站測試和驗收交付。15網站風格：指整個網站所采用的結構布局、色調、文字、標志、圖案等要素給瀏覽者的關于該網站的印象。個人網站的基本風格為3種：主題圖形、信息發布及介于兩者之間的形式。16站點的層次：一般采用三級結構，首頁、欄目頁、文章頁。17站點目錄結構規劃原則：不要將所有文件都存放在根目錄下，按欄目內容分別建立子目錄，在每個主目錄下都建立獨立的imag

5、es目錄，目錄的層次不要太深，不要使用中文目錄，不要使用過長的目錄，盡量采用意義明確的目錄。18重心平衡：即頁面重心反映的網頁上各種元素分布的協調程度。19色彩：彩色具有色相、飽和度、明度屬性，而非彩色只具有明度屬性；通常色相就是指顏色，飽和度又稱純度，指顏色的純潔程度，明度也叫亮度，指顏色的深淺；三原色（Red Green Blue，RGB）指紅色、綠色和藍色，色彩都是通過三原色按照不同的配比調配出來的，每種顏色可調配的范圍從0255共計256個色階。20Gif和JPEG格式圖片：Gif格式最多允許的色彩數量為256色，適用于動態圖片和透明背景圖；Jpeg格式一般采用24位表示顏色的數量為2

6、24，適用于數碼照片。Fireworks保存的文件格式為PNG；畫圖工具保存的文件格式為BMP(位圖)，其中位圖放大后會出現馬賽克現象，矢量圖放大不影響質量；TIF格式圖片（用于印刷）和PSD格式圖不能在網頁中顯示。21WEB安全色：指瀏覽器只能跳躍式的識別00、33、66、99、cc、ff組成的216種顏色。抖動：指網頁中采用了WEB安全色以外的顏色，圖像出現顆粒、粗糙等現象。22網頁布局中頁面尺寸：與顯示器大小及分辨率有關系，常用分辨率有800600和1024768。23色塊構圖要點：冷暖色調在均勻使用時不宜靠近；純度接近的兩種顏色也不宜放在一起；整個頁面中最好有一個主色調。抽象線條構圖：

7、很容易造成重心不穩，因此通常和圖片搭配使用。24文本色彩體系：其中bgcolor=”#000000”指設置網頁背景色為黑色，text=”#ffffff”指設置網頁中文字顏色為白色，link=”#ff0000”指設置網頁中超鏈接文字顏色為紅色，alink=”#00ff00”指設置網頁中點擊時超鏈接文字顏色為綠色，vlink=”#0000ff”指設置網頁中已經訪問過的超鏈接文字顏色為藍色。25在Photoshop中，Resolution是解析度，也叫精度，單位為dpi，就是“每英寸多少個點”的縮寫，默認為72dpi。26Photoshop中的圖像模式有：灰度、RGB、CMYK、LAB，其中CMYK

8、模式中C. 青色(Cyan) M. 洋紅色(Magenta) Y. 黃色(Yellow) K. 黑色(blacK)，一般用于印刷中。27圖層的操作：圖層的命名，添加，選擇，移動，刪除，鎖定，隱藏，合并（Ctrl+E）。28橡皮圖章的作用：就是對復制點取樣，然后用與復制點相同的圖像畫圖。29色彩調節：選擇Image(圖像)菜單中的Adjust(調整)選項，可以進行色彩調節的方法有，色彩層次、色彩曲線、色彩平衡、亮度和對比度等。30HTML文件的基本結構：文件頭部信息文件主體信息31標題標記：文件標題，該標記放在兩個head之間，作用是在瀏覽器的標題欄上顯示文件標題。32標題字體標記：，其中X的取

9、值為16，標記號越小，描述的標題文字越大；hx可設置水平對齊屬性，格式為，其中#可以是left、center、right，如：文字。33轉（換）行標記：，作用強制文字轉行，屬于單標記。（水平線、背景聲音、圖片都屬單標記）34預排版標記：，作用按照排版原樣顯示出來。35文字效果標記：粗體標記：、；斜體標記：、；底線標記：；刪除線標記：；文字閃爍標記：（該標記IE不支持，而Netscape支持）；上標：；下標：；字體大小顏色標記：其中字體可以是宋體、黑體等，n可以是個字號，n的值越大描述的文字越大，可以是顏色英文單詞或加上位十六進制的顏色代碼。36特殊符號： 表示成 表示成 ；“ 表示成；&表示成

10、&；空格表示成 ；37符號清單：或或其中#的值可以是：Disc、Circle、Square。標號清單： ，其中的值可以是1、A、a、i, 而n為一個整數代碼起始的數字。38表格由標記開始，以 標記結束，包括行標記、表頭元標記、列標記。表格屬性中有：border屬性表示表格的邊框，默認為；width屬性表示表格的寬度，單位可以是px和；cellspacing屬性表示框線厚度；cellpadding屬性表示數據與邊框的距離；bgcolor屬性表示表格的背景色；bcakground屬性表示表格背景圖。單元格屬性中有：width屬性設置單元格的寬度；height屬性設置單元格的高度；align屬性設置

11、單元格水平對齊方式可以為left、center、right；valign屬性設置單元格的垂直對齊方式為top、middle、bottom；bgcolor屬性設置單元格的背景色；nowrap屬性強制單元格內容不換行。合并單元格：colspan屬性為合并左右相鄰的單元格，rowspan屬性為合并上下相鄰的單元格。表格標題：，標題內容顯示在表格正上方，字體居中并加粗。39圖片：其中為單標記，src屬性指定圖片所在路徑，width屬性和height屬性設置圖片的寬度和高度，align屬性設置圖片的水平對齊方式可為left、center、right，border屬性設置圖片的邊框，alt屬性為替代文字，

12、作用是對圖片進行說明。40嵌入聲音：在網頁中嵌入的聲音文件可以是后綴為.wav、.au、.mid的文件，分別是波形文件、real文件、idi序列文件，其中波形文件最大，mid文件最小。41嵌入視頻：在網頁中可嵌入的視頻文件是后綴為.mov、mpg、dat、avi的文件。聲音和視頻都可采用標記來的實現播放： ，其中loop=true表示始終循環播放。42超級鏈接：文字鏈接：字符串；圖片鏈接：；錨點鏈接：建立書簽的方法：text ，指向書簽的方法text腳本鏈接：關閉窗口；啟動郵件系統：43單圖多鏈接：其中shape的值可以是rect（矩形）、circle（圓形）、poly（多邊形），coords

13、指明各區域坐標，href指明各區域的鏈接。44表單：其中action的值是指定表單的處理程序，method的值可以是get或post，一般情況為post，參數傳遞時采用get，type屬性值為text單行文本、passoword為密碼文本、radio為單選框、checkbox為多選框、submit為提交按鈕、reset為重置按鈕。45選擇菜單框： ，其中selected表示該選項默認被選中。46文本域：，其中rows表示行數，cols表示列數。47框架：也被稱為幀，將瀏覽器的窗口劃分成多個區域，每個區域可以顯示獨立的網頁文件。例如：瀏覽器分成三個框架結構，共涉及到個網頁文件，其中第個文件就是框

14、架劃分信息具體代碼如下：框架48META標記：動態鏈接、動態排列文件、網頁關鍵字設置；動態鏈接：，其中#為延時的時間，單位為秒；動態排列文件：，其中GB2312指簡體中文，Big5指繁體中文；網頁關鍵字：，其中#表示關鍵字，如果有多個關鍵字時使用逗號分隔。49XML側重組織和查找數據；CSS側重于WEB頁的繼承和表現；DHTML側重于WEB頁內容的動態表現。50DHTM包括：HTML4.0（超文本標記語言）、CSS3.0（層疊樣式表）、Javascript、Vbscript、DOM(文檔對象模型)，主要優點有，動態樣式、動態內容、動態定位。51DOM：即文檔對象模型，為HTML文檔定義了一個與

15、平臺無關的程序接口，使用該接口控制文檔的內容、結構和樣式。52Javascript的基本特點：是一種腳本編寫語言、基于對象的、簡單的、安全的、基于事件的、跨平臺的。53Javascript是Netscape公司的產品，前身是Live Script語言，而Java是SUN公司的產品，前身是Oak語言；Javascript是基于對象，而Java是面向對象；Javascript是解釋執行，而Java是編譯執行；Javascript使用弱變量，而Java使用強變量；Javascript使用嵌入方式，而Java使用嵌入方式；Javascript采用動態聯編，而Java采用靜態聯編；Java試圖統一計算平

16、臺的角度實現互操作。54Javascript的元素：包括事件和事件處理句柄、變量(var定義)和常量、表達式和運算符、函數(Function)、數組、對象等。55Javascript的事件和事件處理句柄：Load OnLoad 頁面被裝入，UnLoad OnUnLoad 離開頁面，MouseoverOnMouseover 鼠標經過，Change OnChange 改變表單文本的值，Select OnSelect選中復選或單選按鈕，Submit OnSubmit 提交表單，Focus OnFocus當前焦點位于該元素，Click OnClick單擊頁面元素，BlurOnBlur失去焦點56Jav

17、ascript對象：包括Window、Document、Form、Navigator、String、Math、Date等，其中對象與屬性、方法間使用點號“”分隔。如：DocumentWrite（）57Javascript有兩種注釋：逐行注釋“/”和多行注釋“/*/”。CSS樣式的注釋可以采用“/*/”。58Javascript使用方式有三種：腳本置于標記中間，直接嵌入在HTML的窗體和鏈接中，使用SRC屬性應用外部腳本文件（擴展名為js）59DOM將HTML、CSS（層疊樣式表）和腳本語言聯合起來組成一人或多人都能實現的互操作模型。60CSS是層疊樣式表，也稱級聯樣式表，由3C頌布的樣式標準，

18、最高版本3.0，作用一個就是針對頁面中對象風格和樣式進行定義，另一個就是使HTML各標記屬性更具有一般性和通用性。61CSS樣式的引用方法：內聯式樣式單、嵌入式樣式單（）、外部式樣式單（）62CSS樣式的選擇符分為：超文本標記選擇符、類選擇符、ID選擇符。63BOX模型指CSS把HTML中之間的部分稱為BOX（容器），包括Margin、Padding和Border三類屬性；其中Margin屬性具體分為margin、margin-left、margin-right、margin-top、margin-bottom，邊距屬性設置4個值時應按頂、右、底、左邊距順序賦予；Padding屬性具體分為pa

19、dding、padding-top、padding-right、padding-bottom、padding-left，填充屬性設置4個值時應按頂、右、底、左邊距順序賦予；Border屬性具體分為border-width、border-color、border-style。64布局屬性：帖層都是矩形，一般使用或，帖層包括溢出屬性、位置屬性、層高指數；其中溢出屬性取值有可視、隱藏、滾動、自動，默認為可視；位置屬性取值為絕對、相對、靜態，初始值為靜態，一般設置為絕對；層高指數值越大位置越靠前。65文本屬性：詞間距（word-spacing）：設置英文單詞間距、字間距（letter-spacing）

20、：指字母和中文的間距、文本修飾（text-decoration）：underline表示下劃線,overline表示上劃線、垂直對齊（vertical-align）：top表示頂線對齊，middle表示中線對齊，bottom表示底線對齊、文本轉換（text-transform）：capitalize表示大寫每個單詞第一個字母，uppercase表示大寫所有字母，lowercase表示小寫所有字母、文本對齊（text-align）：left表示居左對齊，center表示居中對齊，right表示居右對齊、文字縮進（text-indent）、行間距（line-height）。注：1em=12pt66

21、背景屬性：background-color屬性表示背景色；background-image：url（a.gif）表示背景圖；background-repeat：repeat表示背景重復；background-attachment：fixed表示背景圖固定；background-position：20% 2cm表示背景圖位于左邊20%的位置，上邊2cm的位置。67字體屬性：包括字形（font-family）、字體大小（font-size）、字體效果（font-style）、字體磅值（font-weight）、字母轉換（font-variant），如：font-variant：small-caps

22、表示將字母轉為大寫顯示。68Frontpage的主要功能：創建和管理WEB站點，制作網頁，發布站點，維護站點。69Frontpage2000的頁面視圖包括：普通、HTML 、預覽，而Frontpage2003的頁面視圖包括：設計、拆分、代碼、預覽，Dreamweaver的頁面視圖包括：設計、拆分、代碼。其中Frontpage和Dreamweaver都可以按F12使用IE預覽網頁。70Fontpage創建站點，如果是創建一個網頁的站點包括_private和images文件夾和index.htm文件，如果創建一個空站點包括_private和images文件夾。71虛擬目錄可以分布在網絡中不同的物理

23、位置上。72通過報表視圖可以查看當前站點中各種信息的統計結果。73網頁的過渡效果：選擇“格式”菜單中的網頁過渡選項，可以設置進入網頁、退出網頁過渡的效果。74Dreamweaver的界面組成：包括菜單、插入欄、文檔工具欄、文檔窗口、標簽選擇器、屬性面板及其他控制面板組。75 Dreamweaver中創建站點的工作流程：計劃和準備；創建網頁，調整網頁布局，添加內容；根據需要編輯代碼；將網頁鏈接在一起；預覽和發布站點；添加顯示來自數據庫的信息的動態網頁。76 Dreamweaver中切換工作區：選擇“編輯”菜單中的首選參數選項，在彈出的對話中選擇常規選項卡，更改工作區為設計者或代碼編寫者。77Fi

24、reworks的界面：包括菜單、工具欄、畫布、屬性面板、其他控制面板組成。78Firewroks中切割圖片所使用的工具是切片工具，可將大圖片切割成若干個小圖片。79Fireworks中元件的類型包括：圖形、動畫、按鈕。80Fireworks中“洋蔥皮”按鈕可以調整的選項：無洋蔥皮、顯示下一幀、之間和之后、顯示所有幀、自定義、多幀編輯。 81Fireworks繪圖工具的使用：線形工具的使用技巧，按住“Shift”鍵可以畫出水平或豎直的直線，而按住“Alt”鍵可畫出45度直線；矩形工具的使用技巧，按住“Shift”鍵可以畫出一個正方形，按住“Alt”鍵可以畫出由中心向四周發展的矩形，同時按住“Sh

25、ift”和“Alt”鍵，可以畫出一個從中心張大的正方形；橢圓工具與矩形工具使用方式類似；鋼筆工具、矢量路徑可以繪制路徑。82路徑一般分為閉合路徑和敞開路徑。路徑的著色方法分為描邊和填充兩種，描邊的作用是讓路徑擁有不同的筆觸，而填充是使用不同的材質填滿路徑所包圍的區域。83Flash的界面組成：菜單、工具欄、場景、時間軸、屬性面板及其他控制面板。84時間軸由圖層和幀組成，默認的幀頻為12fps，其中圖層分為普通圖層、導向圖層、被導向圖層、遮罩圖層、被遮罩圖層，而幀分為普通幀（F5）、關鍵幀(F6)、空白關鍵幀(F7)。85鉛筆工具的繪圖模式有：拉直模式、平滑模式、徒手模式，其中徙手模式繪制的近似手繪的任意形狀線條。86滴管工具：使用滴管工具中，點擊線條后會立即進入墨水瓶填充狀態，點擊圖形內部會立即進入顏料桶填充狀態。87集合和打散對象：集合命令可以將選定的多個對象組合成一個對象，對應的快捷鍵Ctrl+G，打散命令可以將選定的一個對象分離出多個對象，對應的快捷鍵Ctrl+B。88Flash的元件類型為：圖形、影片剪輯、按鈕；Flash補間的形式分為：動作和形狀。Fla