網頁制作基礎教程 （Dreamweaver CC）（第3版） 習題答案

習題答案習題11．網站、網頁、主頁之間有什么區(qū)別與聯(lián)系？答：網站由網頁和支持網頁各種效果的程序文件、數(shù)據文件、說明文檔等文件組成。網頁是瀏覽的主體。主頁是特殊的網頁，是進入其他網頁的索引頁。2．用HTML編寫一行代碼，顯示“今天開始學習Dreamweaver”，要求以宋體、16號字、左對齊的方式顯示。答：<left><fontface="宋體"><fontsize=16>今天開始學習Dreamweaver</font></font></left>3．靜態(tài)網頁與動態(tài)網頁在根本上有什么不同？有動態(tài)元素的網頁就是動態(tài)網頁嗎？答：靜態(tài)網頁是在網站所在服務器上真實存在的。在瀏覽器中輸入網頁的網址時，網站服務器就會將該網頁下載到瀏覽器中并打開。動態(tài)網頁并不是真實存在的，或者不是完整存在的，網頁中的一些內容來自數(shù)據庫等信息源，由相關的網頁程序來控制信息顯示在模板的什么位置。有動態(tài)元素的網頁不一定是動態(tài)網頁。靜態(tài)網頁上可以有一些動態(tài)的效果，動態(tài)網頁上也可以只有一些簡單的文字和圖片。4．在Dreamweaver中，文檔工具欄上有哪些按鈕？分別有什么作用？答：文檔工具欄上有幾種視圖之間快速切換的按鈕，分別是“代碼”按鈕、“拆分”按鈕和“實時視圖”下拉按鈕。單擊“代碼”按鈕會在Dreamweaver的文檔編輯區(qū)顯示“代碼”視圖。單擊“拆分”按鈕會在Dreamweaver的文檔編輯區(qū)同時顯示“代碼”視圖和“實時/設計”視圖。單擊“實時視圖”下拉按鈕，可以在彈出的下拉列表中進行“實時視圖”和“設計”視圖之間的切換。5．在Dreamweaver中，如何打開和關閉面板組？答：選擇菜單欄中的“窗口”命令，在彈出的下拉菜單中依次選擇相應命令，即可打開相應面板組。6．在Dreamweaver中，如何打開和關閉屬性檢查器？答：選擇菜單欄中的“窗口”下的“屬性”命令，可以打開屬性檢查器。單擊屬性檢查器右上角的“X”，可以關閉屬性檢查器。7．在Dreamweaver中，新建網頁的默認擴展名是什么？主頁的默認文件名是什么？答：新建網頁的默認擴展名是html。主頁的默認文件名是index.html。8．網頁標題與網頁文件名有什么不同？答：網頁標題是指瀏覽該網頁時顯示在瀏覽器標題欄中的文字，是網頁內容的高度概括，可以是中文也可以是英文。網頁文件名一般采用英文和拼音，并且不能太長，因此不容易直觀地顯示網頁的內容。習題21．在編輯網頁時，按Enter鍵和按Shift+Enter組合鍵在效果上有什么不同？答：按Enter鍵實施的是分段操作，段與段之間的距離較大，在效果上顯得行間距大；按Shift+Enter組合鍵實施的是換行操作，文字仍處于一個段落，在效果上顯得行間距較小。2．屬性檢查器有哪兩種標簽？在哪一個標簽下可以設置字體和字號？答：屬性檢查器有“HTML”標簽和“CSS”標簽，在“CSS”標簽下可以設置字體和字號。3．用插入空格的方法實現(xiàn)段首縮進2個字符，插入的代碼是什么？用設置段落的方法實現(xiàn)段首縮進2個字符，插入的代碼是什么？答：用插入空格的方法實現(xiàn)段首縮進2個字符，插入的代碼是“ ”。用設置段落的方法實現(xiàn)段首縮進2個字符，插入的代碼是“style="text-indent:2em"”。4．分別在什么情況下使用列表與縮進？答：當需要在網頁內逐條顯示一些并列的內容時，采用列表的方式。使用縮進可以突出顯示文檔中的重要的內容，使文字更整齊，處于顯眼位置。5．瀏覽一下Dreamweaver窗口的“代碼”視圖，寫出插入水平線的代碼。答：水平線的代碼是：<hralign="center"width="480"size="5"color="red">6．互聯(lián)網上常用的3種圖片格式是什么？各自有什么特點？答：互聯(lián)網上應用最廣泛的3種圖片格式為GIF格式、JPEG格式和PNG格式。GIF格式的文件體積相對較小，常用于自繪圖、圖標、按鈕、滾動條和背景等；JPEG格式在處理顏色和圖形細節(jié)方面做得比GIF格式要好，因此在復雜徽標和圖片鏡像方面的使用更為廣泛；PNG格式是一種無損壓縮的位圖格式，其壓縮比高、生成的文件體積小。PNG格式只需下載圖像的1/64，就可以在網頁中顯示一個低分辨率的圖片，隨著圖片信息的不斷下載，圖片也會越來越清晰。7．在編輯網頁時，如果同時設置背景顏色與背景圖片，則瀏覽器會顯示哪種？答：同時設置背景顏色與背景圖片，瀏覽器會顯示背景圖片。習題31．設計網站布局需要考慮哪些因素？答：設計網站布局需要考慮平衡性、對稱性、對比性、疏密度、反復性、韻律感以及顏色搭配等因素。2．確定網頁風格時需要注意哪幾點？答：確定網頁風格時需要考慮網站的性質，商業(yè)性質的采用鮮艷的色彩吸引瀏覽者的注意；服務性質的可以簡約一些，突出主題和內容；個人網站更具有個性色彩，與眾不同和專業(yè)是吸引瀏覽者的關鍵。3．使用表格進行網頁布局的優(yōu)點是什么？答：使用表格進行網頁布局操作簡單，可以是讓網頁中的內容變得整齊，使網頁中的各種元素合理、有序地整合在一起。4．使用表格布局網頁時，如何將表格隱藏？答：使用表格布局網頁時，把表格框線寬度改為0，可以將表格隱藏起來。5．選取表格的方法有哪些？選中單元格的方法有哪些？選中多個單元格的方法有哪些？答：選中表格的方法有四種：1.將鼠標指針移動到表格左上方的外框線上，當鼠標指針變?yōu)樾螤顣r單擊，可以選中整個表格。2.先單擊任意一個單元格，再單擊Dreamweaver窗口底部的“<table>”標簽，可以選中整個表格。3.按住Shift鍵的同時單擊表格中的任意一個單元格，可以選中整個表格。4.先單擊任意一個單元格，再選擇菜單欄中的“編輯”→“表格”→“選擇表格”命令，可以選中整個表格。選中單元格的方法有三種：1.先在單元格中單擊，再單擊Dreamweaver窗口底部的“<td>”標簽，可以選中該單元格。2.先在單元格中單擊，再按Ctrl+A組合鍵，可以選中該單元格。3.先在單元格中單擊，再選擇菜單欄中的“編輯”→“全選”命令，可以選中該單元格。選中多個單元格的方法有三種：1.在單元格中移動鼠標指針，可以選中多個相鄰的單元格。2.在單元格中單擊，按住Shift鍵的同時單擊另一個單元格，可以選中以這兩個單元格為矩形的多個相鄰單元格。3.按住Ctrl鍵，依次單擊多個單元格，可以選中多個不連續(xù)的單元格。6．Div的主要作用是什么？答：Div的主要作用是將頁面分割為不同的區(qū)域，并設定文字、圖像和表格的排列方式，通過移動或指定坐標的位置等方式，對文字、圖像等元素進行精確定位。7．什么是CSS-P元素？答：CSS-P元素是指使用CSS（層疊樣式表）來定義樣式和布局的HTML元素，可以讓用戶更方便地控制網頁的外觀和行為。8．CSS-P元素的屬性檢查器中“可見性”下拉列表有哪4個選項？其作用分別是什么？答：CSS-P元素的屬性檢查器中“可見性”下拉列表有default、inherit、visible、hidden4個選項。其中，default表示不指明元素的可見性；inherit表示繼承父元素的可見性；visible表示顯示元素及其內容；hidden表示隱藏元素及其內容。習題41．內部超鏈接、外部超鏈接和錨記超鏈接三者有什么不同？答：。內部超鏈接是指打開的超鏈接對象在本網站內；外部超鏈接是指打開的超鏈接對象在WWW的其他網站內；錨記超鏈接可以鏈接到同一網頁中的不同位置，又被稱為“書簽”。2．熱區(qū)文本的特征是什么？答：將鼠標指針移動到熱區(qū)文本上時，鼠標指針會變?yōu)槭中?，單擊這個超鏈接會打開另一個網頁。3．設置電子郵件超鏈接時需要在電子郵件地址前面添加什么？答：設置電子郵件超鏈接時需要在電子郵件地址前面添加mailto:。4．創(chuàng)建圖片熱區(qū)超鏈接的熱區(qū)工具在什么位置？答：選中圖片，在屬性檢查器右下角的空白處雙擊鼠標，展開屬性檢查器的全部選項，就可以看到熱區(qū)選取工具。5．如何設置自動更新超鏈接？答：選擇菜單欄中的“編輯”下的“首選項”命令，在彈出的“首選項”對話框的“分類”列表框中選擇“常規(guī)”選項，單擊“文檔選項”選項區(qū)中的“移動文件時更新鏈接”右側的下拉按鈕，在彈出的下拉列表中選擇“總是”選項，依次單擊“應用”按鈕和“關閉”按鈕，完成設置。當對文件進行移動或改名時，與該文件相關的超鏈接會自動進行更新。6．如何在Dreamweaver的編輯狀態(tài)下打開超鏈接？答：在Dreamweaver的編輯狀態(tài)下，按住Ctrl鍵的同時單擊超鏈接，可以打開鏈接的網頁。習題51．CSS在網頁制作過程中有什么作用？答：CSS可以控制HTML元素的顏色、字體、字號、元素之間的間距、元素的位置和排列、背景圖片或顏色，以及不同設備和屏幕尺寸的顯示效果等。2．CSS在網頁中以哪3種方式存在？答：CSS樣式可以通過3種方式應用到網頁中：1.在HTML元素中使用style屬性來定義樣式的被稱為“內聯(lián)樣式”；2.在HTML文檔中使用<style>標簽來定義樣式的被稱為“內部樣式表”；3.在HTML文檔中使用<link>標簽或@import指令來引用外部CSS文件的被稱為“外部樣式表”。3．CSS語法由哪3部分組成？答：CSS的基本語法是由選擇器、屬性和值組成的。選擇器用于指定要應用樣式的元素；屬性用于指定要修改的特征；值用于指定要使用的具體效果。4．“CSS設計器”面板的“@媒體”窗格有什么作用？答：“@媒體”窗格列出所選源中的全部媒體查詢，可以根據不同的設備和屏幕尺寸來調整網頁的布局及樣式。5．什么是CSS過渡效果？過渡效果的速度由什么決定？答：CSS過渡效果可以實現(xiàn)網頁元素不同狀態(tài)之間的平滑過渡，經常用來制作一些動畫效果。過渡效果的速度由“持續(xù)時間”決定。6．在設置CSS過渡效果時，延遲的作用是什么？答：在設置CSS過渡效果時，延遲的作用是不會立即出現(xiàn)過渡效果，等待設定時間后才開始出現(xiàn)過渡效果。7．設置CSS規(guī)則屬性有哪3種途徑？答：設置CSS的規(guī)則屬性有3種方法：1.在“代碼”視圖中通過直接輸入代碼來實現(xiàn)，這種方法需要用戶非常熟練地掌握各種代碼知識；2.在“CSS設計器”面板中通過更改“屬性”窗格中的內容來設置；3.通過“CSS規(guī)則定義”對話框來實現(xiàn)。8．如何打開“CSS規(guī)則定義”對話框？答：在屬性檢查器中單擊“目標規(guī)則”右側的下拉按鈕，在彈出的下拉列表中選擇“body:hover”選項，最后單擊“編輯規(guī)則”按鈕，可以打開“CSS規(guī)則定義”對話框。習題61．Dreamweaver支持哪些格式的音頻文件？答：Dreamweaver支持Ogg、WAV、MP3等格式的音頻文件。2．如何設置音頻自動循環(huán)播放？答：選中音頻控件，在屬性檢查器右側的空白處雙擊將屬性檢查器完全打開，勾選“Loop”復選框可以設置音頻自動循環(huán)播放。3．在設置HTML5視頻時，為什么要設置兩個Alt源？答：設置兩個Alt源，可以當瀏覽器不支持“源”文本框中的視頻文件格式時，播放“Alt源1”視頻文件；當瀏覽器不支持“源”文本框和“Alt源1”文本框中的視頻文件格式時，播放“Alt源2”視頻文件。4．插入滾動文字的代碼是什么？答：插入滾動文字的代碼是<marquee>"滾動文字"</marquee>，將需要滾動的文字寫入代碼并插入網頁的合適位置，就可以實現(xiàn)滾動文字效果。5．鼠標指針經過圖像能產生什么樣的效果？答：鼠標指針經過圖像可以實現(xiàn)這樣的效果：網頁中有一張靜態(tài)圖片，當鼠標指針移動到這張圖片上時，該圖片會變?yōu)榱硪粡垐D片，用于提醒瀏覽者這張圖片存在超鏈接，單擊圖片可以打開其超鏈接的網頁。6．插入日期和時間的作用是什么？答：插入日期和時間，顯示制作網頁當天的日期和保存網頁的時間。此后，在每一次更新網頁、保存網頁時，該日期和時間都會自動更新。習題71．表單域的作用是什么？答：所有的表單元素都要插入到表單域中，這樣所有的信息將得到統(tǒng)一處理。2．常用的表單元素有哪些？答：常用的表單元素有文本、文本區(qū)域、單選按鈕與單選按鈕組、復選框、選擇（下拉列表）、按鈕、文件域、圖像域、隱藏域等。3．文本與文本區(qū)域的區(qū)別是什么？答：文本是供瀏覽者輸入文字的文本框，文本區(qū)域就是多行文本框，可以輸入多行文字，在文本框的右側和下方可以出現(xiàn)滾動條。4．在文本的屬性檢查器中，Size屬性與MaxLength屬性的區(qū)別是什么？答：）“Size”文本框用于設置文本框的長度，以英文字符個數(shù)為基礎?！癕axLength”文本框用于指定文本框的最大字符數(shù)。5．兩個單選按鈕與一個單選按鈕組（兩個單選按鈕）有什么區(qū)別？答：在一個表單域中只允許一個單選按鈕被選中，如果有兩個單選按鈕，則需要插入兩個表單域。每個表單域中可以插入一個單選按鈕組，不用插入兩個表單域。6．在“選擇”表單元素中，如何通過設置同時選擇多個選項？答：選中“選擇”表單元素后，在屬性檢查器中勾選“Multiple”復選框，允許用戶按住Ctrl鍵選擇多個選項。7．按鈕有哪3種類型？答：按鈕一共有3種類型：“提交”按鈕是將表單資料傳送到相應位置；“重置”按鈕是將表單資料全部清除，等待重新輸入；“無”是常規(guī)按鈕，可以與其他程序相連，作為打開其他程序的按鈕。8．如何提交表單信息？答：將鼠標指針移動到表單域虛線上并單擊，選中整個表單域，打開屬性檢查器，在“Action”文本框中輸入“mailto:電子郵件地址”，可以將表單信息將以電子郵件的形式發(fā)送給預設的電子郵件地址。習題81．什么是行為？Dreamweaver提供了多少種行為？答：行為是指為了響應網頁中的某一事件而采取的一個動作。Dreamweaver提供了包括打開瀏覽器窗口、調用JavaScript、轉到URL、交換圖像、恢復交換圖像、預先載入圖像、彈出信息、設置狀態(tài)欄文本、設置容器文本、設置文本區(qū)域文本、檢查插件、改變屬性、顯示-隱藏元素、跳轉表單、跳轉表單開始、檢查表單等16種行為。2．舉例說明，在行為中有哪些常見的事件和動作？答：在行為中常見的事件是鼠標指針的移動、網頁的打開與關閉、鍵盤的使用等；常見的動作有彈出問候語、刷新頁面、播放音頻、檢查用戶瀏覽器等。例如打開網頁時，自動彈出友好的問候語供瀏覽者閱讀。3．onMouseDown、onMouseMove、onMouseOut、onMouseOver和onMouseUp分別代表什么含義？答：onMouseDown表示按下鼠標左鍵（不釋放）時觸發(fā)事件。onMouseMove表示鼠標指針停留在選定元素上時觸發(fā)事件。onMouseOut表示鼠標指針從元素上