1、網頁制作復習題（含某人的“答案”）寫在前面：資料來源于互聯網和本人對這本書的理解，不一定準確，僅供參考。需配合教材使用。各題所對應的頁碼數待確認。如內容有誤，請指出。預祝大家網頁設計與制作考試取得佳績。第1章網頁制作概況網頁的概念網頁是用HTML（超文本編輯語言）語言編寫，通過WWW傳播，并被WEB瀏覽器翻譯成 為可以顯示出來的集文本、超鏈接、圖片、聲音和動畫、視頻等信息元素為一體的頁面文件。網頁HTML文件與web瀏覽器間的關系理 參照P5首頁和主頁的異同點首頁與主頁的區別：瀏覽網站時最先訪問的頁為首頁，一般為歡迎信息，通過鏈接再進入主頁（例如：榕樹下網站）。主頁是整個網站的導航中心（例如：

2、163網站）。有些網站首頁 即主頁。網頁制作的常用工具軟件有哪些FrontPage、網頁制作三劍客（Dreamweaver與Flash、Fireworks并稱為Macromedia的網頁 制作三劍客）、Photoshop .網頁正文區v/BODY和文件頭v/HEAD的位置關系，文件頭內的唯個必須出現的標記是哪一個標記？Title標記HTML文件的基本框架：文件開始表頭區開始.v/TITLE標題區表頭結束本文區開始（注：書上寫本文區，本人認為應是文本區，待確認）本文區內容（注：書上寫本文區，本人認為應是文本區，待確認）本文區結束（注：書上寫本文區，本人認為應是文本區，待確認）v/HEML文件結束

3、單標記和雙標記的概念，HTML標記中哪些是單標記，哪些是雙標記？P5起單標記指令（由標記指令構成），女口：p、Hn、Br、Hr、input、link雙標記指令（由起始標記/結束標記構成），如： HEAD / HEAD 注釋語句的含義，其正確書寫格式HTML標記的常用屬性的含義，例如大小尺寸、對齊方式、顏色值屬性的書寫方式在HTML文件中實現換段和強制換行的不同，及分別使用哪個標記段落標記（Pv/P）與換行標記（br）P是HTML格式中特有的段落元素。在原始文件中的P,指出在這兒告一段落，下面的 文字另起一段。另外一個類似的標記元素是br。br這個標記用來標識一個換行動作，相當于字處理文件 中的

4、按回車鍵的功能。在HTML文件中可以用它來調整行間距。在處理類似詩歌式的語句時 常常用到。語法格式：P alig n=“left/ce nter/righ文本 ”文本brHTML中的常用標記的對應名稱插入多媒體對象的HTML語句的正確格式P13-15參考1.2.5圖像與多媒體標記（個人認為） 無序列表的相關知識P9參考1.2.3列表顯示1無序列表（UI）有序列表的相關知識P9-P10參考1.2.3列表顯示2有序列表（OI）表格標記的相關知識P11-P13參考1.2.4表格標記超鏈接語句的相關知識P15參考1.2.6超鏈接標記第2章DW網頁制作基礎如果想更改工作區，可以使用“編輯”菜單中的什么命

5、令切換到一種不同的工作區？首選參數（P22）Dreamweaver站點的概念和特點 （P29起）一種組織所有與Web站點關聯的文檔的方法通過在站點中組織文件，可以與FTP起利用Dreamweaver將站點上傳到Web服務器、 自動跟蹤和維護鏈接、管理文件以及共享文件。除非定義站點，否則不能充分利用Dreamweaver的功能。設置Dreamweaver站點的方法不止一種“文檔”窗口用于顯示當前文檔。有哪些dreamweave的文檔視圖在文件面板中進行管理的功能有:新建網頁更改文件名刪除文件等 關于【遠端站點】和【本地文件】的特點和概念所有制作完成的網頁最后要放置在Web Server上。制作者

6、可以在服務器上制作網頁。制作網頁時常把本地計算機的文件夾模擬成遠程服務器的文件夾，因此本地文件夾也稱 為本地文件。完成作品后再將本地文件夾里完成的作品上傳到服務器中成為真正的網站，服 務器即遠端站點。哪些是HTM文檔的基本屬性？頁面標題背景圖像文本關于如何插入圖像的一些基本常識？為了管理方便，一般設計習慣把圖片放在“images”文件夾內以便于管理網站里的網頁和圖片等資源的文件名最好用中文，以便于管理。插入圖像可以選擇“插入”菜單中的“圖像”命令進行插入。插入圖像可以選擇使用面板組“資源”面板進行插入。URL的全稱是？URL是Uniform Resource Location的縮寫，譯為 統一

7、資源定位符”。網頁中添加換行符的快捷鍵？BR為換行符（快捷鍵為CTRL+ENTER）Dreamweaver工作區是一個使用什么（多文檔界面）的集成工作區？Dreamweaver MX工作區是一個使用MDI（多文檔界面）的集成工作區 層疊樣式表（CSS是一系列格式規則，它們控制網頁內容的外觀。CSS樣式規則由什么組成?選擇器和聲明（詳細說明見P50） 層疊樣式表（CSS的選擇器類型有哪些？CSS選擇器針對超級鏈接進行設置的狀態有哪些？如何將CSS文件在站點內共享給其他HTML文件插入音樂的方法有哪些？直接插入法、代碼法（詳細說明見P59-P60）Dreamweaver MX 2004提供的工作區

8、布局,分別是什么? 設計人員工作區，編碼人員工作區。設計視圖，代碼視圖，拆分視圖插入視音頻的相關操作與參數設置 插入視頻見P64插入音頻見P59-P60第3章DW網頁設計應用 在Dreamweaver中插入表格的實現方法。1） 選擇“插入”“表格”；2）在常用類之插入工具欄中單擊“表格”按鈕；3） 在布局類之插入工具欄中單擊“表格”按鈕。 表格的三種查看模式。標準、擴展和布局 表格的組成元素。單元格、行/列、表格如何選取表格元素？單擊標簽選擇器中的td標簽可選取光標所在單元格；單擊標簽選擇器中的tr標簽可選取光標所在行；讓鼠標指向表格的頂邊，當鼠標變成黑色實心下向單箭頭形狀時單擊，便可選取箭頭

9、所 指向的列；單擊標簽選擇器中的table標簽可選取光標所在表格。如何設置表格寬度？方法可有：1）新建表格時，在“表格”設置框的“寬度”框中輸入值，再指定其相應的寬度單位。2）選取表格后，在其屬性面板的“寬度”框中輸入值，再指定其相應的寬度單位；3） 當寬度單位為像素時，在選取表格后，用鼠標拖拽右邊框的黑色控點。 如何設置表格高度？方法可有：1）選取表格后，在其屬性面板的“高度”框中輸入值，再指定其相應的寬度單位；2） 當寬度單位為像素時，在選取表格后，用鼠標拖拽下邊框的黑色控點。 可用哪些單位來度量表格的寬度或高度？百分比或像素你為什么把表格的寬度或高度設置為100%的？希望表格會隨著瀏覽器

10、窗口大小的變化而自動調整其寬度或高度。 你是怎么理解表格的邊框粗細的？在瀏覽器窗口中瀏覽網頁時，是否可見到表格線。0則見不到，0則見得到。你是怎么理解表格的單元格邊距的？單元格邊距指的是單元格內容到單元格左/右邊框之間的距離。你是怎么理解表格的單元格間距的？單元格間距指的是相鄰兩個單元格之間的距離。 嵌套表格的實現。在一個單元格中插入另一個表格。 布局表格與布局單元格？標準表格與布局表格。在布局查看模式下所制作的表格稱為布局表格。布局單元格是布局表格的組成成分。即 一個布局表格是由布局單元格組成的。在標準查看模式下所查看到的表格稱為標準表格。布局表格最終都要被轉換成標準表格，才能在網頁中得以使

11、用。一個標準表格由布局單元格和非布局單元格所組成。換句話說，一 個布局表格是一個標準表格的子集。有哪些創建網頁模板的常用方法？最基本的方法是哪一種？方法可有：1）基于現有網頁文檔創建；2）基于Dreamweaver設計文件創建；3）在“資源”面板中創建。最基本的方法是基本現有網頁文檔來加以創建。制作網頁的常用方法方法可有：1）在代碼視圖下輸入HTML代碼；2）在設計視圖下直接加入網頁元素；3）基于表格來安排網頁元素布局；4）基于框架集來制作網頁；5）基于模板來設計網頁。 何謂框架集？框架集指的是包含有多個框架的網頁文檔。何謂框架？框架是瀏覽器窗口中的一個區域，用它來顯示出一個網頁。框架是框架集

12、的組成成分。 一個Dreamweaver模板文檔的文件擴展名是什么？.dwt。意即：dreamweaver templates在Dreamweaver中，模板與站點的關系。1）模板一定存在于站點中；2）模板可使站點的網頁風格保持一致性，站點不一定非得包含有模板不可。套用已建成模板來設計網頁的實現方法。在Dreamweaver中調出要套用模板的網頁文檔，然后使資源面板顯示于Dreamweaver窗口右側的面板組中（按F11鍵），單擊該面板左側的“模板”按鈕，使當前站點中所有模板都 顯示出來，然后從中挑選所要模板，最后單擊面板左下角的“應用”按鈕。 合并表格中單元格的實現。對表格中拆分某個單元格。

13、把光標移入到拆分的單元格中，然后執行“修改”表格” 合并單元格”菜單操作。在表表格” 合并單元格”菜單操作。第4章FW網頁制作基礎位圖與矢量圖的特點及常用格式是什么？位圖：由像素點組成，記錄每個像素點的顏色值，再拼成整圖。常用格式有.jpg、.gif、.bmp等矢量圖由矢量輪廓線和矢量色塊組成，文件的大小由圖像的復雜程度決定，與圖形的大 小無關，并且 矢量圖可以無限放大而不會模糊。 適用于網絡 標志或動畫。常用格式有.ai、.cdr、.fh.、swf等。數碼圖像常選擇什么格式？JPEGJPEG文件格式是Joi nt Photographic Experts Group （聯合圖像專家組）的縮寫

14、，文件 的后綴名是JPG,這也是最常見的一種文件格式，幾乎所有的圖像軟件都可以打開它。TIFFTIFF是Tagged Image File Format標記圖像文件格式）的縮寫，文件的后綴名是.TIF， 這是現階段印刷行業使用最廣泛的文件格式。RAW目前，數碼相機的存儲格式除了JPEG、TIFF夕卜，還有RAW格式。其實，RAW格 式并不是一種圖像格式，不能直接編輯。RAW格式是CCD或CMOS在將光信號轉換為電信 號時的電平高低的原始記錄，單純地將數碼相機內部沒有進行任何處理的圖像數據，即CCD等攝影元件直接得到的電信號進行數字化處理而得到的。GIFGIF是Graphics Intercha

15、nge Fotmat（圖像交換格式）的縮寫，文件的后綴名是.GIF。BMPBMP是Bitmap的縮寫，后綴名是.BMP。網頁上常見的圖像的格式及特點？JPEGJPEG文件格式是Joi nt Photographic Experts Group （聯合圖像專家組）的縮寫，文件 的后綴名是JPG,這也是最常見的一種文件格式，幾乎所有的圖像軟件都可以打開它。GIFGIF是Graphics Interchange Fotmat （圖像交換格式） 的縮寫， 文件的后綴名是.GIF Fireworks默認的存儲格式是？PNG（Portable Network Graphics的縮寫）格式:此格式是Macr

16、omedia Fireworks的默認格式Fireworks生成動畫時，幀延時設置默認為多少秒？7/100秒 各種工具的使用，例如“放大”工具、“銳化”工具、“模糊”工具、“減淡”工具、“橡皮圖 章”工具、“矩形”工具、橢圓”工具、“替換顏色”工具等等1） 直線工具：畫出線段;調整顏色、筆尖描邊種類；例：筆尖大小邊緣揉化筆刷顏色描邊種類紋理2）鋼筆工具:繪制線段與多邊形；拖拽出曲線3）用 橡皮圖章”工具可以把圖像的一個區域復制或克隆到另一個區域中。4）選取框”工具在圖像中選擇一個矩形區域。橢圓選取框”工具在圖像中選擇一個橢圓形區域。5）套索”工具在圖像中選擇一個自由變形區域。用套索工具大致選出

17、人物，邊界可多選一些，反選去背多邊形套索”工具在圖像中選擇一個直邊的自由變形區域。（適合處理邊緣由直線構 成的畫面）6）選區的魔術棒”工具在圖像中選擇一個顏色相似區域。適合圖像中的主題或背景為單一色彩或相似色彩的選區7）用 橡皮圖章”工具可以把圖像的一個區域復制或克隆到另一個區域中。小技巧：按ALT可重新選取參照點8）替換顏色”工具：修改圖像的用色。9）紅眼消除”工具：移除閃光燈產生的紅眼。10）模糊”工具減弱圖像中所選區域的焦點。11）銳化”工具銳化圖像中的區域。對于修復掃描問題或聚焦不準的照片很有用12）減淡”工具加亮圖像中的部分區域13）烙印”工具加深圖像中的部分區域。例：加強雪地上樹木

18、的陰影效果14）涂抹”工具拾取顏色并在圖像中沿拖動的方向推移該顏色。例：令主體呈現滑行的效果15）圖像的化妝術-濾鏡，調整亮度對比度選區的操作：加選、減選、全選、取消選擇全選CTRL+A取消選取CTRL+D向像素選區添加SHIFT從選區中去除像素ALT圖像優化Fireworks的優化面板是關鍵，比較簡單的1首先確定你的顏色數，256色的用GIF和PNG格式，256色以上的用JPG格式。GIF的例子，注意顏色參數JPG的例子，注意品質參數2確定顏色數和壓縮比，進行比較對文本的操作 參照P157-P159的4.7“文本的操作”引導線、標尺 參照P129的435的“1.使用標尺”和“2使用引導線畫布

19、大小與圖像大小關于畫布的就在P126,第5章FW網頁設計應用資源面板包括什么？樣式、URL、庫、形狀樣式的概念及相關操作1）應用樣式將樣式應用到所選對象或文本塊。（1）選擇對象或文本塊。（2）單擊 樣式”面板中的某種樣式2）創建新樣式基于所選對象的屬性來創建樣式，該樣式將顯示在樣式”面板中。（1）創建或選擇具有所需筆觸、填充、效果或文本屬性的矢量對象或文本。（2）從 樣式”面板的 選項”菜單中選擇 新建樣式”（3）選擇希望該樣式所具有的屬性。（4）給出樣式名稱，然后單擊 確定”按鈕。下列屬性可以保存在樣式中：（1）填充類型和顏色，包括圖案、紋理以及角度、位置和不透明度等矢量漸變屬性。（2）筆觸

20、類型和顏色。（3）效果。（4） 文本屬性，如字體、字號、樣式（粗體、斜體或下劃線）、對齊方式、消除鋸齒、自動 字距調整、水平縮放、范圍微調以及字頂距等。3）刪除樣式（1）從 樣式”面板中選擇一個樣式。（2）從 樣式”面板的 選項”菜單中選擇 刪除樣式氣或單擊 樣式”面板中的 刪除樣式”按鈕）4）編輯樣式更改樣式包含的屬性。（1） 用 選擇” 一取消選擇”命令取消選擇畫布上的任何對象。（否則會把該樣式應用到選 定對象上）（2） 單擊 樣式”面板中的某個樣式，從 樣式”面板的 選項”菜單中選擇 編輯樣式”（或直接 雙擊樣式”面板中的某個樣式）。（3）選擇或取消選擇希望應用的屬性。（4）單擊確定”。

21、5）導出和導入樣式將樣式導出以便在其他計算機上導入并使用，實現樣式共享。導出樣式：(1) 從 樣式”面板中選擇一個樣式。(2) 從 樣式”面板的 選項”菜單中選擇 導出樣式”命令。*stl(3) 輸入將包含所保存樣式的文檔的名稱和位置。(4) 單擊保存”按鈕。導入樣式：(1) 從 樣式”面板的 選項”菜單中選擇 導入樣式”命令。(2) 選擇要導入的樣式文檔。元件、實例的概念及相關操作三種類型的元件：圖形、動畫和按鈕。創建 元件”存放于 庫”中后，就可以很方便地插入 實例。 當對元件進行編輯時，所有與其相關的實例就會自動更改。/創建元件方法1:將圖形對象轉換為元件(1) 選擇對象(五角星),修改

22、”一元件” 一轉換為元件”。(2) 輸入元件名稱，如星”(3) 選擇元件類型： 圖形”(4) 單擊確定”按鈕。方法2:新建元件(1) 從 庫”面板的 選項”菜單中選擇 新建元件”命令。(2) 選擇元件類型： 圖形” 動畫”或 按鈕”然后單擊 確定”按鈕。(3) 使用 工具”面板中的工具創建元件F8放置實例將元件從 庫”面板拖到畫布中，就可將該元件的實例放在當前文檔中。 復制元件(1) 在 庫”面板中選擇元件。(2) 在 庫”面板的 選項”菜單中選擇 復制”。 刪除元件(1) 在 庫”面板中選擇元件。(2) 從庫”面板的選項”菜單中選擇刪除”命令 編輯元件(1) 選擇某個元件，從 庫”面板的 選

23、項”菜單中選擇 編輯元件 命令C(2) 對該元件進行更改，然后關閉窗口。該元件及其所有實例都將被修改。導入和導出元件可將元件 庫”分別導入到多個文件中，重復使用。 導出元件：(1 從選項”菜單中選擇 導出元件”命令。(2) 選擇要導出的元件，然后單擊 導出”按鈕。(3) 為該元件文件(*PNG)輸入一個名稱，然后單擊 保存”按鈕。導入元件：(1) 從 選項”菜單中選擇 導入元件”命令。(2) 選擇元件文件(*.PNG)，然后單擊打開”按鈕。(3) 選擇要導入的元件，然后單擊 導入”切片的優點與相關操作切片可將較大的圖像分割為多幅較小的圖像，是Fireworks中用于創建交互效果的基本構造塊。切

24、片的主要優點：加快下載速度交互性便于局部更新便于優化1)創建切片方法1基于所選對象插入矩形切片用這種方法所創建的切片是一個矩形，它的區域包括所選對象最外面的邊緣。操作步驟：(1) 選擇某個對象。(2) 選擇編輯”插入”切片”(或選擇快捷菜單中的插入切片”)創建HTML切片如果要快速更新出現在站點中的文本而無須創建新圖形，則HTML切片很有用。操作實例：切片飛機.png(1) 用切片工具繪制切片對象。(2) 在屬性檢查器中，從類型中選擇HTML。(3)單擊編輯”鍵入文本。如果需要，通過添加HTML文本格式設置標記來設置文本的 格式。(4) 單擊確定”(5) 導出為* htm文件，或單擊F12查看

25、結果創建非矩形切片當試圖將交互性附加到非矩形圖像時，Fireworks允許您使用多邊形切片”工具繪制任何多邊 形形狀的切片。(1) 選擇多邊形切片工具。(2) 單擊以放置多邊形的矢量點。若要停止使用多邊形切片工具，請從工具面板中選擇另一個工具移動切片引導線就可以編輯切片。單擊某切片后，按DEL鍵可刪除切片。Fireworks提供了2兩種使切片交互的方式：1)向切片添加簡單的交互效果2）使用行為”面板向切片添加多個行為（后面章節介紹）創建簡單交換圖像的步驟：1確保圖像或對象不在共享層2在圖像或對象上創建切片 編輯”-插入” 一切片”3在 幀”面板中新建一個幀4選中第2幀，導入用作交換圖像的圖像5

26、選中第1幀，指針放在行為手柄上方，右擊 添加交換圖像行為”6選擇交換的幀，確定。7F12預覽吧創建不相交變換圖像的步驟：1在圖像或對象上創建切片 編輯”-插入” 一切片”2在 幀”面板中新建一個幀3選中第2幀，導入用作交換圖像的圖像（放在上圖下方以外任何地方4選擇圖像，編輯”-插入”-切片”5選中第1幀，指針放在行為手柄上方，拖到目標切片中6F12預覽吧將多個變換圖像應用到所選切片：1在圖像或對象上創建切片 編輯”-插入”-切片”2在 幀”面板中新建一個幀3選中第2幀，導入用作交換圖像的圖像（放在上圖下方以外任何地方4選擇圖像，編輯”-插入”-切片”5選中第1幀，指針放在行為手柄上方，拖到目標切片中6重復上述步驟，完成后按F12預覽吧。說明：將手柄拖到同一切片上的左邊緣可創建一個簡單變換圖像熱點