第4章 Dreamweaver MX 2004使用入門

網(wǎng)頁制作技能教程中等職業(yè)學(xué)校教學(xué)用書（計算機(jī)技術(shù)專業(yè)）第四章主編張閣林幻燈制作張閣林第4章DreamweaverMX2004使用入門4.1技能1DreamweaverMX2004工作環(huán)境的定制

4.2技能2站點(diǎn)管理4.3技能3文檔基本操作4.4技能4文本的超級鏈接

4.5技能5插入其他元素4.1技能1DreamweaverMX2004工作環(huán)境的定制4.1.1任務(wù)1安裝DreamweaverMX2004

4.1.2任務(wù)2啟動DreamweaverMX2004軟件4.1.3任務(wù)3設(shè)定頁面的標(biāo)尺和網(wǎng)格

4.1.1任務(wù)1安裝DreamweaverMX2004

DreamweaverMX2004是Macromedia公司最新推出的集藝術(shù)、技術(shù)與智慧于一體的專業(yè)網(wǎng)頁編輯器。DreamweaverMX2004采用了多種先進(jìn)技術(shù)，無需手寫代碼就能快速創(chuàng)建極具表現(xiàn)力和動感效果的網(wǎng)頁，并且還提供了強(qiáng)大的網(wǎng)頁編輯功能和完善的站點(diǎn)管理機(jī)制。4.1.1任務(wù)1安裝DreamweaverMX2004步驟1：將Dreamweaver安裝光盤放入計算機(jī)的CD-ROM驅(qū)動器。步驟2：雙擊setup.exe文件，頁面上出現(xiàn)安裝向?qū)А?.1.1任務(wù)1安裝DreamweaverMX2004步驟3：單擊【下一步】按鈕，在出現(xiàn)的“許可證協(xié)議”窗口中單擊【是】按鈕，如下圖所示。4.1.1任務(wù)1安裝DreamweaverMX2004步驟4：在出現(xiàn)的“選擇目的地位置”窗口中，可以選擇安裝在默認(rèn)的位置，也可以單擊【瀏覽】按鈕，選擇新的安裝位置，然后單擊【下一步】按鈕，如下圖所示。4.1.1任務(wù)1安裝DreamweaverMX2004步驟5：在出現(xiàn)的“默認(rèn)編輯器”窗口中選擇文件類型后，單擊【下一步】按鈕，如圖4.4所示。在彈出的對話框中列出了8種文件類型，選擇相應(yīng)文件類型后，Dreamweaver就將成為這類文件的默認(rèn)編輯器。

4.1.1任務(wù)1安裝DreamweaverMX2004步驟6：接下來出現(xiàn)“開始復(fù)制文件”窗口，單擊【下一步】按鈕。步驟7：開始自動執(zhí)行安裝程序，下面的狀態(tài)欄中顯示安裝的進(jìn)度

4.1.1任務(wù)1安裝DreamweaverMX2004步驟8：當(dāng)出現(xiàn)如圖4.7所示時，則表示安裝完畢，單擊【完成】按鈕。

4.1.2任務(wù)2啟動DreamweaverMX2004軟件

掌握DreamweaverMX2004軟件的啟動方法，并學(xué)習(xí)Dreamweaver工作區(qū)的設(shè)置。

4.1.2任務(wù)2啟動DreamweaverMX2004軟件

步驟1：啟動DreamweaverMX2004軟件單擊【開始】菜單，選擇【程序】→【Macromedia】程序組，選擇【MacromediaDreamweaverMX2004】。

雙擊桌面上的DreamweaverMX2004快捷方式圖標(biāo)?？紤]一下：還有哪幾咱快速啟動方法？

4.1.2任務(wù)2啟動DreamweaverMX2004軟件

步驟2：設(shè)置工作區(qū)第一次啟動DreamweaverMX2004時，會出現(xiàn)工作區(qū)設(shè)置對話框，如圖所示，選擇“設(shè)計者”布局。

如果希望更改為“代碼編寫者”布局，選擇主菜單中的【編輯】→【首選參數(shù)】命令即出現(xiàn)對話框。在“分類”列表框中選擇“常規(guī)”類別，窗口右側(cè)顯示該類的選項，單擊【更改工作區(qū)】按鈕即出現(xiàn)“工作區(qū)設(shè)置”對話框。在其中選擇“代碼編寫者”，單擊【確定】按鈕后，4.1.2任務(wù)2啟動DreamweaverMX2004軟件

拓展

“代碼編寫者界面”與“設(shè)計者界面”的組成元素相同，“代碼編寫者界面”側(cè)重于代碼的編輯工作，文檔窗口位于窗口的右側(cè)，組合面板位于窗口的左側(cè)，這樣的布局，適合手工編碼人員使用。

4.1.3任務(wù)3設(shè)定頁面的標(biāo)尺和網(wǎng)格如何將頁面內(nèi)的標(biāo)尺和網(wǎng)格顯示出來，進(jìn)而為網(wǎng)頁頁面的設(shè)計提供一個范圍參考，更好地進(jìn)行頁面設(shè)置及定位。

4.1.3任務(wù)3設(shè)定頁面的標(biāo)尺和網(wǎng)格步驟1：選擇主菜單中的【查看】→【標(biāo)尺】→【顯示】命令，標(biāo)尺就可以顯示出來。再一次選擇【顯示】命令，標(biāo)尺則會隱藏起來。選擇主菜單中的【查看】→【標(biāo)尺】命令，在其子菜單中還可以選擇標(biāo)尺的單位，包括像素、英寸及厘米。拖動縱橫標(biāo)尺的交界處“”符號，可以改變標(biāo)尺的原點(diǎn)。再次選擇主菜單中的【查看】→【標(biāo)尺】→【重設(shè)原點(diǎn)】命令則可以恢復(fù)默認(rèn)的標(biāo)尺狀態(tài)

4.1.3任務(wù)3設(shè)定頁面的標(biāo)尺和網(wǎng)格步驟2：選擇主菜單中的【查看】→【網(wǎng)格】→【顯示網(wǎng)格】命令，可以將頁面內(nèi)的網(wǎng)格顯示出來，為文檔的設(shè)定提供一個區(qū)域及網(wǎng)格線作為參考。再一次選擇【顯示網(wǎng)格】命令，網(wǎng)格就會被隱藏。選擇主菜單中的【查看】→【網(wǎng)格】→【靠齊到網(wǎng)格】命令，頁面內(nèi)的對象就會靠齊到網(wǎng)格上，從而使定位更加準(zhǔn)確。選擇主菜單中的【查看】→【網(wǎng)格】→【設(shè)置網(wǎng)格】命令，在出現(xiàn)的“網(wǎng)格設(shè)置”對話框中可以設(shè)置網(wǎng)格的間隔及顏色，還可以設(shè)定是否顯示網(wǎng)格、是否靠齊到網(wǎng)格。

4.2技能2管理站點(diǎn)4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)4.2.3任務(wù)3使用文件面板4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)

在DreamweaverMX2004中創(chuàng)建網(wǎng)頁頁面時，必須首先創(chuàng)建一個新站點(diǎn)，用以存放網(wǎng)站的頁面以及其中的圖像及文件。步驟1：選擇【站點(diǎn)】→【管理站點(diǎn)】在對話框中選【新建】→【站點(diǎn)】打開【未命名站點(diǎn)1的站點(diǎn)定義為】對話框。步驟2：單擊左上角的【基本】選項卡。步驟3：出現(xiàn)【未命名站點(diǎn)1的站點(diǎn)定義為】的窗口，在文本框中輸入一個名稱，以在DreamweaverMX2004中標(biāo)識該站點(diǎn)。4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)步驟4：單擊【下一步】按鈕，出現(xiàn)“wangzhan的站點(diǎn)定義為”窗口，詢問是否使用服務(wù)器技術(shù)。選擇“否，我不想使用服務(wù)器技術(shù)”選項，指示目前該站點(diǎn)是一個靜態(tài)站點(diǎn)，沒有動態(tài)網(wǎng)頁。如果建立的網(wǎng)站包含諸如：jsp、asp等動態(tài)網(wǎng)頁技術(shù)，則需要選取“是，我想使用服務(wù)器技術(shù)”。

4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)步驟5：單擊【下一步】按鈕，選擇“編輯我的計算機(jī)上的本地副本，完成后再上傳到服務(wù)器”選項，如下圖所示。在“您將把文件存儲在計算機(jī)上的什么位置？”文本框中指定一個本地磁盤上的一個文件夾，DreamweaverMX2004將在其中存儲站點(diǎn)文件的本地副本。

4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)步驟6：單擊【下一步】按鈕，在“您如何連接到遠(yuǎn)程服務(wù)器”下拉列表框中選擇“無”，然后單擊【下一步】按鈕。如下圖所示。4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)步驟7：這時將顯示站點(diǎn)的設(shè)置信息總結(jié)。4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)步驟8：在“高級”選項卡“分類”列表中選擇“本地信息”類別，在右邊的“本地信息”中選擇“啟用緩存”復(fù)選項。站點(diǎn)緩存是存儲有關(guān)站點(diǎn)信息的一種方式，可以使多個站點(diǎn)操作速度更快。

4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)拓展創(chuàng)建站點(diǎn)時，可以在【新建】→【站點(diǎn)】打開【未命名站點(diǎn)1的站點(diǎn)定義為】對話框中單擊【高級】選項卡，直接輸入站點(diǎn)名稱、輸入本地根文件夾或點(diǎn)選擇文件夾。要養(yǎng)成一個好習(xí)慣，站點(diǎn)名稱、文件夾、文件要英文小寫或數(shù)字，避免一些不必要的麻煩。4.2.1任務(wù)1建立DreamweaverMX2004本地站點(diǎn)4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)

我們的網(wǎng)頁文件制作好以后，需要設(shè)置遠(yuǎn)程站點(diǎn)，將設(shè)置好的本地站點(diǎn)與遠(yuǎn)程主機(jī)連接，最終將制作好的網(wǎng)站發(fā)布到遠(yuǎn)程的Web服務(wù)器上。

步驟1：選擇主菜單中的【站點(diǎn)】→【管理站點(diǎn)】命令，在“管理站點(diǎn)”對話框中選擇上一任務(wù)所創(chuàng)建好的站點(diǎn)后，單擊【編輯】按鈕，如圖所示。4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)步驟2：在出現(xiàn)的站點(diǎn)定義對話框中選擇“高級”選項卡，在“分類”列表框中選擇“遠(yuǎn)程信息”類別，如圖4.26所示。在“訪問”下拉列表中選擇“FTP”，以“FTP”的傳輸方式將文件上傳到遠(yuǎn)程服務(wù)器站點(diǎn)。4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)步驟3：選擇“FTP”方式后對話框顯示為如圖所示。FTP主機(jī)：文本框中輸入上傳的主機(jī)地址域名或者IP地址。請輸入完整的主機(jī)名，不要帶任何其他的文本。特別是不要在主機(jī)名前面添加協(xié)議名。主機(jī)目錄：文本框中輸入遠(yuǎn)程站點(diǎn)的主機(jī)目錄。如果不能確定輸入哪些內(nèi)容作為主機(jī)目錄，請與服務(wù)器管理員聯(lián)系?；蛘邍L試將該文本框保留為空白。在有些服務(wù)器上，根目錄就是您首次使用FTP連接到的目錄。若要確定這一點(diǎn)，請連接到服務(wù)器。如果出現(xiàn)在“文件”面板“遠(yuǎn)程文件”視圖中的文件夾具有像public_html、www或您的登錄名這樣的名稱，它可能就是您應(yīng)該在“主機(jī)目錄”文本框中使用的目錄。登錄：文本框中輸入連接FTP服務(wù)器的用戶名。密碼：文本框中輸入連接FTP服務(wù)器的密碼

4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)步驟4：單擊【確認(rèn)】按鈕完成遠(yuǎn)程信息的設(shè)置，回到“編輯站點(diǎn)”對話框。單擊【確定】按鈕完成站點(diǎn)編輯。4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)拓展

申請一個空間后，F(xiàn)TP服務(wù)器的主機(jī)地址、主機(jī)目錄、登錄地址及密碼會由供應(yīng)商提供，按提供的數(shù)據(jù)填寫即可。如果從防火墻后面連接到遠(yuǎn)程服務(wù)器，請選中“使用防火墻”復(fù)選框，單擊“防火墻設(shè)置”編輯防火墻主機(jī)或端口。

4.2.2任務(wù)2設(shè)置遠(yuǎn)程站點(diǎn)4.2.3任務(wù)3使用文件面板

使用文件面板組織本地站點(diǎn)和遠(yuǎn)程站點(diǎn)中的文件。本地與遠(yuǎn)程站點(diǎn)中的文件及文件夾可以相互拷貝，本地站點(diǎn)中創(chuàng)建的相對鏈接仍可以繼續(xù)使用。步驟1：選擇【窗口】→【文件】打開文件面板，單擊文件面板上的【擴(kuò)展/折疊】按鈕，展開文件面板，再單擊可以回到折疊狀態(tài)。步驟2：顯示所有已經(jīng)定義的站點(diǎn)。步驟3：單擊連接或斷開與遠(yuǎn)程站點(diǎn)的連接。單擊手動刷新本地和遠(yuǎn)程目錄列表。單擊進(jìn)入“站點(diǎn)文件”視圖，顯示遠(yuǎn)程和本地站點(diǎn)的文件結(jié)構(gòu)。單擊進(jìn)入“測試服務(wù)器”視圖，顯示測試服務(wù)器和本地站點(diǎn)的目錄結(jié)構(gòu)。單擊進(jìn)入“站點(diǎn)地圖”視圖，根據(jù)網(wǎng)頁的鏈接方式顯示站點(diǎn)的地圖。

4.2.3任務(wù)3使用文件面板步驟4：要使公眾可以訪問你的網(wǎng)頁，必須將它們上傳到Web服務(wù)器，即使Web服務(wù)器運(yùn)行在你的本地計算機(jī)上也必須進(jìn)行上傳。執(zhí)行以下操作：在“文件”面板中，選擇站點(diǎn)的本地根文件夾，單擊工具欄上的【上傳文件】按鈕，將所有文件復(fù)制到定義的遠(yuǎn)程文件夾或測試服務(wù)器。在瀏覽器中打開遠(yuǎn)程站點(diǎn)以確保正確上傳了所有內(nèi)容。本地站點(diǎn)中創(chuàng)建的相對鏈接仍然可以繼續(xù)使用。4.2.3任務(wù)3使用文件面板步驟5：本地與遠(yuǎn)程站點(diǎn)中的文件及文件夾可以相互拷貝。單擊按鈕將選定的文件從遠(yuǎn)程站點(diǎn)或測試服務(wù)器拷貝到本地站點(diǎn)，單擊按鈕將文件的拷貝從遠(yuǎn)程服務(wù)器傳輸?shù)奖镜卣军c(diǎn)，并標(biāo)記為從服務(wù)器上取出。單擊將本地文件的拷貝傳輸?shù)竭h(yuǎn)程服務(wù)器，并且使該文件可供他人編輯，本地文件變?yōu)橹蛔x。4.2.3任務(wù)3使用文件面板利用文件面板，在本地站點(diǎn)與遠(yuǎn)程站點(diǎn)之間傳輸文件，如果站點(diǎn)中不存在必需的文件夾，Dreamweaver會自動創(chuàng)建這些文件夾。選擇主菜單中的【編輯】→【首選參數(shù)】命令打開“首選參數(shù)”對話框，在“分類”列表框中選擇“站點(diǎn)”類別，在“站點(diǎn)”中可以設(shè)置站點(diǎn)面板的文件傳輸功能。

4.2.3任務(wù)3使用文件面板4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件根據(jù)主題，確定劃分網(wǎng)站的欄目，根據(jù)網(wǎng)站欄目，確定網(wǎng)站的目錄結(jié)構(gòu)，再根據(jù)內(nèi)容，建立相應(yīng)的文件，這對于站點(diǎn)的管理維護(hù)、發(fā)布后網(wǎng)站內(nèi)容的擴(kuò)充和修改有著重要意義。4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟1：確定主題。主題的定位要明確，也就是我這個站點(diǎn)向?yàn)g覽者展現(xiàn)什么，要有一個中心思想，比如：體育博覽、古典音樂、免費(fèi)軟件、在線花店、網(wǎng)頁教學(xué)、旅游、MP3、個人求職等等。步驟2：規(guī)劃欄目。主題確定了，網(wǎng)站的內(nèi)容資料搜集齊全了，就該劃分一下網(wǎng)站的欄目了，實(shí)質(zhì)上就是要為網(wǎng)站建立一個大綱索引，用以突出網(wǎng)站的特點(diǎn)，方便瀏覽者訪問。步驟3：網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。目錄結(jié)構(gòu)的好壞對網(wǎng)頁沒有影響，但對于站點(diǎn)本身的上傳、維護(hù)和內(nèi)容擴(kuò)充有重要影響。

4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟4：Dreamweaver文件面板通常顯示站點(diǎn)中的所有文件和文件夾，但新建的站點(diǎn)中不包含任何文件或文件夾，所有的文件和文件夾都需要新建。在“文件”面板的“文件”選項卡中選中創(chuàng)建的本地站點(diǎn)，如圖所示。

4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟5：在窗口右上角的下拉菜單中選擇【文件】→【新建文件】命令，或在站點(diǎn)文件夾內(nèi)單擊鼠標(biāo)右鍵，在彈出的快捷菜單上選擇【新建文件】命令。步驟6：此時在新創(chuàng)建的本地站點(diǎn)下面就會出現(xiàn)一個處于命名狀態(tài)的名為untitled.htm的網(wǎng)頁，為此網(wǎng)頁重命名index.htm或index.html，這是主頁文件名，然后在此面板的任意一處單擊。4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件步驟7：在窗口右上角的下拉菜單中選擇【文件】→【新建文件夾】命令，可以在站點(diǎn)中創(chuàng)建新的文件夾，為其命名。步驟8：同理設(shè)置其他的文件夾及文件，應(yīng)用時雙擊即可打開。

4.2.4任務(wù)4建立網(wǎng)站的目錄結(jié)構(gòu)和文件（1）不要將所有文件都存放在根目錄下，這是因?yàn)樯蟼魉俣嚷?，服?wù)器一般都為根目錄建立一個文件索引，文件量大，等待時間長。其次，文件管理混亂，影響工作效率。（2）按欄目內(nèi)容建立子目錄：首先按主欄目建立其他的次要欄目，如最近更新、友情鏈接等內(nèi)容較多，需要經(jīng)常更新的欄目可以建立獨(dú)立的子目錄。一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，可以合并放在一個目錄下。所有程序都單獨(dú)存放在特定目錄下，便于維護(hù)管理。（3）每個主目錄下都建立獨(dú)立的images目錄，用于存放圖片。根目錄下的images是用于存放主頁文件index.htm的圖片的。（4）目錄及文件在命名時要使用簡短文件名，文件名應(yīng)小于8個字符，以英文形式為主，一律以小寫形式處理。同一類型的文件應(yīng)以數(shù)字記號，以利于查找和修改。目錄及文件的名稱要有些實(shí)際意義，如：images用以放置主頁的圖片,Library文件夾用以存放網(wǎng)站的庫文件，其他文件夾名稱要與主題網(wǎng)頁或正文網(wǎng)頁對應(yīng)。（5）文件夾的層次要清楚，最多不超過三層，便于目錄的管理。4.3技能3文檔基本操作

4.3.1任務(wù)1設(shè)置頁面基本屬性

4.3.2任務(wù)2文字的輸入

4.3.3任務(wù)3文字格式的設(shè)置

4.3.1任務(wù)1設(shè)置頁面基本屬性

DreamweaverMX2004中創(chuàng)建的每一頁，可使用【頁面屬性】對話框，對布局和格式等進(jìn)行設(shè)置。4.3.1任務(wù)1設(shè)置頁面基本屬性步驟1：在DreamwaverMX2004的主窗口中新建一網(wǎng)頁文件并輸入相關(guān)內(nèi)容，選擇主菜單中的【修改】→【頁面屬性】命令，打開“頁面屬性”對話框。步驟2：在“分類”列表框中選擇“外觀”類別，設(shè)置頁面背景文件“b090.gif”。如圖所示。4.3.1任務(wù)1設(shè)置頁面基本屬性步驟3：在“頁面設(shè)置”對話框的“分類”列表框中選擇“鏈接”選項，設(shè)置鏈接文字的鏈接顏色“#006633”、變換圖像鏈接“#FF9966“、活動鏈接”#FFFF00“和訪問過的鏈接的顏色（默認(rèn)），如圖所示。

4.3.1任務(wù)1設(shè)置頁面基本屬性步驟4：在“頁面設(shè)置”對話框的“分類”列表框中選擇“標(biāo)題”選項，設(shè)置網(wǎng)頁標(biāo)題的字體、大小、顏色等。如圖4.36所示。

4.3.1任務(wù)1設(shè)置頁面基本屬性步驟5：在“頁面設(shè)置”對話框的“分類”列表框中選擇“標(biāo)題/編碼”選項，如圖4.37所示。在右側(cè)我們填寫本網(wǎng)頁的標(biāo)題，編碼選黙認(rèn)的簡體中文（GB2312）。4.3.1任務(wù)1設(shè)置頁面基本屬性步驟6：在“頁面設(shè)置”對話框的“分類”列表框中選擇“跟蹤圖像”選項，如圖4.38所示。單擊【瀏覽】按鈕，選擇設(shè)計頁面時用作參考的圖像文件，在下面選擇圖像的不透明度。跟蹤圖像只供設(shè)計網(wǎng)頁作為參考，當(dāng)網(wǎng)頁在瀏覽器中顯示時圖像并不出現(xiàn)。

4.3.1任務(wù)1設(shè)置頁面基本屬性拓展頁面屬性可為創(chuàng)建的每個新頁面指定新的頁面屬性，也可以隨時修改現(xiàn)有頁面的屬性。在文檔視圖區(qū)中空白處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【頁面屬性】命令，或在屬性面板單擊【頁面屬性】按鈕，也可以打開“頁面屬性”對話框。

4.3.2任務(wù)2文字的輸入

在DreamweaverMX2004中，文字可以直接輸入在頁面上，也可以輸入在表格和層等區(qū)域中，輸入的文字一般分為普通文本和特殊字符兩種。步驟1：在文檔窗口中需要輸入文字的頁面位置單擊，出現(xiàn)插入點(diǎn)。步驟2：選擇適當(dāng)?shù)妮斎敕ㄝ斎胛淖?，如果文本超出了表格的顯示范圍會自動換行步驟3：在一個段落未結(jié)束，又未到達(dá)窗口的右邊界時就想換行，或想調(diào)節(jié)行之間距離，可按下“Shift+Enter”組合鍵。步驟4：如果需要將一些文本獨(dú)立成段，可按下“Enter”鍵。步驟5：在網(wǎng)頁的文字設(shè)定中，經(jīng)常需要加入空格，但在HTML中規(guī)定，在文本中輸入多個空格時，只顯示一個空格，如需多個空格，最快捷方式是按下“Ctrlt++Shift+空格”組合鍵即可解決。步驟6：如果需要輸入特殊字符，可以應(yīng)用插入面板文本類中的字符項目輸入。4.3.2任務(wù)2文字的輸入拓展

網(wǎng)頁中的文字不僅可以直接輸入也可以通過在其它文字處理軟件中輸入，然后利用windows剪貼板復(fù)制粘貼到網(wǎng)頁頁面中。

4.3.2任務(wù)2文字的輸入4.3.3任務(wù)3文字格式的設(shè)置輸入的文字內(nèi)容在屬性面板中設(shè)置其格式，包括字體、字號、字型等。

4.3.3任務(wù)3文字格式的設(shè)置

步驟1：將光標(biāo)定位于需要設(shè)置為標(biāo)題的段落中,在屬性面板中選擇相應(yīng)的標(biāo)題類別。步驟2：選中需要設(shè)置字體的文本，在中選擇所需要的字體，如宋體、黑體等。如果沒有需要的字體,可以在其中單擊【編輯字體列表】按鈕，出現(xiàn)“編輯字體列表”對話框，在“可用字體”列表框中選擇所需字體，如“華文行楷”，點(diǎn)擊按鈕，該字體便出現(xiàn)在“選擇的字體”列表框中。如要繼續(xù)添加，點(diǎn)左上角按鈕，再按上述步驟添加其它字體,如圖所示。如需刪除字體點(diǎn)按鈕即可。

4.3.3任務(wù)3文字格式的設(shè)置

步驟3：選擇需要設(shè)置字號的文字，在中選擇字號。步驟4：選擇需要設(shè)置顏色的文字，在顏色下拉列表中,用吸管在彈出的色塊區(qū)域中選擇文字的顏色，也可以用吸管選定頁面內(nèi)其他區(qū)域的顏色。4.3.3任務(wù)3文字格式的設(shè)置

步驟5：選擇主菜單中的【文本】→【樣式】命令或用設(shè)置粗、斜體。步驟6：選中要設(shè)置格式的段落，在中選擇對齊的方式。從左至右依次為左對齊、居中對齊、右對齊和兩端對齊。步驟7：單擊為分段的文字加入項目符號和編號以及調(diào)整文字的縮進(jìn)量。

4.3.3任務(wù)3文字格式的設(shè)置

拓展盡量不要在網(wǎng)頁中使用特殊的字體，如果瀏覽者沒有安裝此字體，就會應(yīng)用默認(rèn)的字體替代，這樣會影響整體的頁面效果，如果必須應(yīng)用特殊字體表達(dá)網(wǎng)頁效果時，可以做成圖片，然后插入到網(wǎng)頁中或者做CSS樣式。4.4技能4文本的超級鏈接

4.4.1任務(wù)1鏈接到站內(nèi)頁面

4.4.2任務(wù)2鏈接到其它網(wǎng)站的頁面

4.4.3任務(wù)3設(shè)置下載文件4.4.4任務(wù)4鏈接到E-mail

4.4.5任務(wù)5鏈接到命名錨記

4.4.1任務(wù)1鏈接到站內(nèi)頁面

步驟1：在DreamwaverMX2004的主窗口中打開網(wǎng)頁文件，選擇需要制作鏈接的文字部分，如圖所示。

4.4.1任務(wù)1鏈接到站內(nèi)頁面

步驟2：在“鏈接”文本框中輸入鏈接文件名，或單擊其后的瀏覽文件按鈕，出現(xiàn)“選擇文件”對話框，如圖所示。在對話框中選擇需要鏈接的頁面文件。4.4.1任務(wù)1鏈接到站內(nèi)頁面

步驟3：單擊【確定】按鈕完成文本的超級鏈接返回到頁面，可以看到所選擇的文字顏色發(fā)生了變化，并且下面加入了下劃線。

4.4.1任務(wù)1鏈接到站內(nèi)頁面

拓展

建立鏈接還可以在選擇文本后，用鼠標(biāo)左鍵單擊【指向文件】圖標(biāo),拖動鼠標(biāo)使箭頭指向要鏈接的文件面板上的網(wǎng)頁文件，釋放鼠標(biāo)完成鏈接。如圖所示。

4.4.2任務(wù)2鏈接到其它網(wǎng)站的頁面鏈接到網(wǎng)站是指一些友情鏈接，鏈接到相關(guān)的網(wǎng)站。步驟1：在頁面中輸入網(wǎng)站的名稱。如：中央電視臺步驟2：將輸入的文字選中步驟3：在屬性面板的鏈接文本框中輸入入網(wǎng)站的全稱（絕對地址）：4.4.3任務(wù)3設(shè)置下載文件

有些文件是瀏覽器無法識別的文件，可以先將這些文件壓縮，然后鏈接，單擊后下載鏈接的文件

4.4.3任務(wù)3設(shè)置下載文件

步驟1：在頁面中輸入需要下載字樣的文字，將其選中，在屬性面板中單擊鏈接文本框旁的【瀏覽文件】按鈕。步驟2：在出現(xiàn)的對話框中選擇壓縮的rar文件，單擊確認(rèn)，復(fù)制到站點(diǎn)文件夾中。步驟3：【文件】→【保存】，F(xiàn)12在瀏覽器中瀏覽頁面，單擊輸入的文字【單擊下載文件】步驟4：出現(xiàn)【文件下載】對話框，可以將鏈接的文件【打開】或【保存】。4.4.4任務(wù)4鏈接到E-mail鏈接到郵箱是瀏覽者與網(wǎng)站快捷聯(lián)系方式步驟1：輸入出現(xiàn)在網(wǎng)頁頁面中的文字指示，如E-mail:wangyahua2004@126.com

或?qū)懧?lián)系我們步驟2：在屬性面板的鏈接文本框中輸入以【mailto：】開頭并加入需要鏈接的管理者的郵箱地址步驟3：F12預(yù)覽，單擊標(biāo)識鏈接郵箱的文字指示，頁面上出現(xiàn)【新郵件】對話框4.4.5任務(wù)5鏈接到命名錨記命名錨記的鏈接可以是一個網(wǎng)頁內(nèi)部的鏈接，標(biāo)記通常放在文檔的特定主題處或頂部，然后創(chuàng)建到這些命名錨記的鏈接，這些鏈接能夠快速引導(dǎo)瀏覽者到指定的位置。4.4.5任務(wù)5鏈接到命名錨記步驟1：在文檔頁面中，將插入點(diǎn)放在需要命名錨記的地方。步驟2：執(zhí)行下列任一操作均可：

·單擊菜單插入/命名錨記

·常用插入面板上單擊【命名錨記】圖標(biāo)步驟3：在出現(xiàn)的對話框中輸入錨記名稱如：a或b或c，錨記名不能含空格。單擊確定，錨記標(biāo)記在插入點(diǎn)處出現(xiàn),如果看不見標(biāo)記，可選【查看/可視化助理/不可見元素】命令。步驟4：選擇要從其創(chuàng)建鏈接的文本。在屬性面板的【鏈接】文本框中，輸入一個“#”和錨記名稱如#a，同理，設(shè)置另兩個為“#b”、“#c。步驟5：如要鏈接到同一文件夾內(nèi)其他文檔中的名為“d”的錨記，可輸入filename.ftml#d，錨記名稱區(qū)分大小寫。4.4.5任務(wù)5鏈接到命名錨記拓展

錨記命名選用字母或數(shù)字，不能含空格，錨記名稱區(qū)分大小寫。如果要鏈接到同一文件夾內(nèi)其他文檔中的名為“d”的錨記，可輸入filename.htm#d。其中的filename是指文件名。4.5技能5插入其他元素4.5.1任務(wù)1插入水平線和版權(quán)符

4.5.2任務(wù)2插入Flash

4.5.3任務(wù)3插入刷新

4.5.1任務(wù)1插入水平線和版權(quán)符步驟1：將插入點(diǎn)放在要插入水平線的位置步驟2：選擇【插入】→【HTML】→【水平線