《Dreamweaver 8案例教程》課件第4章

本章學(xué)習(xí)目標(biāo)插入文本對(duì)象4.1設(shè)置文本屬性4.2創(chuàng)建項(xiàng)目列表4.3案例4-1格式化頁面4.4格式化文本MacromediaDreamweaver8提供了多種向文檔中添加文本和設(shè)置文本格式的方法。您可以插入文本、設(shè)置字體類型、大小、顏色和對(duì)齊屬性，以及使用層疊樣式表(CSS)創(chuàng)建和應(yīng)用您自己的自定義樣式。本章要點(diǎn)：1. 插入文本對(duì)象2. 設(shè)置文本屬性，如文本的字體、樣式、顏色和對(duì)齊方式3. 創(chuàng)建與使用項(xiàng)目列表4. 檢查拼寫和查找替換4.1插入文本對(duì)象插入文本對(duì)象用戶可以使用Dreamweaver8.0中的可視化工具向Web頁添加各種內(nèi)容。Dreamweaver8.0允許您通過以下方式向Web頁面添加文本：直接將文本鍵入頁面，從其他文檔復(fù)制和粘貼文本，或從其他應(yīng)用程序拖放文本。Web專業(yè)人員接收的、包含需要合并到Web頁面的文本內(nèi)容的典型文檔類型有ASCII文本文件、RTF文件和MicrosoftOffice文檔。Dreamweaver使您可以從這些文檔類型中的任何一種取出文本，然后將文本并入Web頁面中。4.1.1插入文本Dreamweaver8.0使您可以通過直接鍵入、復(fù)制和粘貼或?qū)敕绞捷p松地將文本插入文檔中。導(dǎo)入Word或Excel文檔時(shí)，Dreamweaver接收已轉(zhuǎn)換的HTML并將它插入到您的Web頁面上。注意：在Dreamweaver8.0中可以在文本的字符與行之間插入額外的空格。Dreamweaver接收已轉(zhuǎn)換的HTML后，文件大小必須小于300K。4.1.2插入日期在Dreamweaver8.0中可以很方便的插入日期。在“文檔”窗口中，將插入點(diǎn)放在要插入日期的位置，單擊“插入”菜單中的“日期”，在彈出的對(duì)話框中選擇相應(yīng)的日期格式，確定即可，如圖4-1所示。4.1.2插入日期注意：如果希望在每次保存文檔時(shí)都更新插入的日期，請(qǐng)選擇“儲(chǔ)存時(shí)自動(dòng)更新”。如果希望日期在插入后變成純文本并永遠(yuǎn)不自動(dòng)更新，請(qǐng)取消選擇該選項(xiàng)。設(shè)置好日期后，單擊此時(shí)間，在屬性面板中出現(xiàn)了時(shí)間設(shè)置屬性，可以通過單擊“編輯日期格式”按鈕，再?gòu)棾鰣D4-1的對(duì)話框來編輯日期。4.1.3插入水平線在插入水平線時(shí)可以使用“插入”菜單，也可以使用工具欄上的快捷鍵。選擇“插入”>“HTML”>“水平線”，即可以插入一根水平線。或者使用HTML工具欄，選擇第一個(gè)圖標(biāo)，插入水平線，如圖4-2所示。4.1.4插入特殊字符選擇“插入”>“HTML”>“特殊字符”，在其中選擇需要插入的字符，即可插入字符。如圖4-3所示第4章格式化文本4.2設(shè)置文本屬性4.2.1設(shè)置字體格式文本格式應(yīng)用于一個(gè)字母或整個(gè)站點(diǎn)段落和文本塊。使用“文本”菜單中的相關(guān)選項(xiàng)可以設(shè)置字體格式，也可以使用屬性欄中的相關(guān)選項(xiàng)進(jìn)行設(shè)置，如字體、樣式、大小、顏色、傾斜、加粗、對(duì)齊方式等，如下圖4-4所示。當(dāng)您使用Dreamweaver8.0的設(shè)置文本格式和對(duì)齊文本時(shí)，CSS規(guī)則將嵌入到當(dāng)前文檔中。4.2.1設(shè)置字體格式1. 更改字體使用屬性面板（如圖4-4）中或者“文本”菜單（如圖4-5）下字體選項(xiàng)均可對(duì)字體進(jìn)行設(shè)置。4.2.1設(shè)置字體格式若要更改字體，請(qǐng)從“屬性”檢查器或“文本”>“字體”子菜單中選擇字體組合。選擇“默認(rèn)”刪除先前應(yīng)用的字體；選擇“文本”菜單下的“字體”中的“編輯字體列表”。從對(duì)話框頂部的列表中選擇字體組合。所選組合中的字體在對(duì)話框左下角的“選擇的字體”列表中列出。右側(cè)是系統(tǒng)上安裝的所有可用字體的列表，如圖4-6所示。4.2.1設(shè)置字體格式若要更改字體樣式，請(qǐng)單擊“屬性”檢查器中的“粗體”或“斜體”，或者從“文本”>“樣式”子菜單中選擇字體樣式（“粗體”、“斜體”、“下劃線”等）。當(dāng)然也可以使用“屬性”檢查器單擊相應(yīng)的按鈕、，應(yīng)用粗體或斜體樣式。4.2.1設(shè)置字體格式2. 設(shè)置字體大小若要更改字體大小，請(qǐng)從“屬性”檢查器或“文本”>“大小”子菜單中選擇大小，如圖4-7所示。HTML字體大小是相對(duì)而不是特定的點(diǎn)數(shù)。用戶為他們的瀏覽器設(shè)置默認(rèn)字體的點(diǎn)數(shù)；這是用戶在“屬性”檢查器或“文本”>“大小”子菜單中選擇“默認(rèn)”或“3”時(shí)所看到的字體大小。大小1和2顯得比默認(rèn)字體小；大小4到7顯得比默認(rèn)字體大。4.2.1設(shè)置字體格式3. 設(shè)置顏色對(duì)文本的顏色進(jìn)行設(shè)置時(shí)，單擊“屬性”檢查器中的顏色選擇器，從調(diào)色板中選擇一種顏色即可，如圖4-8所示。4.2.1設(shè)置字體格式用戶也可以選擇菜單“文本”>“顏色”，出現(xiàn)系統(tǒng)顏色選擇器對(duì)話框，如圖4-9所示。選擇一種顏色，然后單擊“確定”。也可以直接在“屬性”檢查器字段中輸入顏色名稱或十六進(jìn)制數(shù)字。若要定義默認(rèn)文本顏色，請(qǐng)使用“修改”中“頁面屬性”命令。4.2.2使用段落和標(biāo)題使用“屬性”檢查器中的“格式”彈出式菜單或“文本”>“段落格式”子菜單可以應(yīng)用標(biāo)準(zhǔn)段落和標(biāo)題標(biāo)簽。其具體步驟如下：1. 將插入點(diǎn)放在段落中，或者選擇段落中的一些文本。2. 單擊“文本”>“段落格式”子菜單或“屬性”檢查器中的“格式”彈出式菜單，選擇一個(gè)選項(xiàng)。3. 選擇段落格式（例如，“標(biāo)題1”、“標(biāo)題2”、“已編排格式”等）。與所選樣式關(guān)聯(lián)的HTML標(biāo)簽（例如，表示“標(biāo)題1”的h1、表示“標(biāo)題2”的h2、表示“已編排格式”文本的pre等）即應(yīng)用于整個(gè)段落。4.2.2使用段落和標(biāo)題4. 選擇“無”刪除段落格式。5. 對(duì)段落應(yīng)用標(biāo)題標(biāo)簽時(shí)，Dreamweaver自動(dòng)添加下一行文本作為標(biāo)準(zhǔn)段落。若要更改此設(shè)置，請(qǐng)選擇“編輯”>“首選參數(shù)”，然后在“常規(guī)”類別中的“編輯選項(xiàng)”下確保取消選擇“標(biāo)題后切換到普通段落”。注意：在Dreamweaver8.0按Enter鍵可以創(chuàng)建一個(gè)新段落。Web瀏覽器在段落之間自動(dòng)插入一個(gè)空白空格行。通過插入一個(gè)換行符，可以在段落之間添加一個(gè)空格行。6. 直接回車將給添加段落換行，若只是添加換行符，可以使用Shift+Enter。4.2.3文本對(duì)齊方式單擊“文本”菜單中的“對(duì)齊”中的下拉選項(xiàng)，可設(shè)置文本的對(duì)齊方式，步驟如下：1. 選擇要對(duì)齊的文本，或者只需將指針插入到文本開頭。2. 單擊“屬性”檢查器中的對(duì)齊選項(xiàng)（“左對(duì)齊”、“右對(duì)齊”、“居中對(duì)齊”或“兩端對(duì)齊”），如圖4-11所示。第4章格式化文本4.3創(chuàng)建項(xiàng)目列表

4.3創(chuàng)建項(xiàng)目列表在“文檔”窗口中鍵入時(shí)，可以用現(xiàn)有文本或新文本創(chuàng)建編號(hào)（排序）列表、項(xiàng)目符號(hào)（不排序）列表和定義列表。定義列表不使用項(xiàng)目符號(hào)點(diǎn)或數(shù)字這樣的前導(dǎo)字符，通常用在詞匯表或說明中。列表還可以嵌套。嵌套列表是包含其他列表的列表。例如，您可能希望編號(hào)或項(xiàng)目列表嵌套在其他編號(hào)列表中。有關(guān)如何為整個(gè)列表或特定列表項(xiàng)設(shè)置特定列表類型和其他列表選項(xiàng)（例如，重置編號(hào)或在編號(hào)列表中使用羅馬數(shù)字，或設(shè)置方形項(xiàng)目符號(hào)）的信息，請(qǐng)參見設(shè)置“列表屬性”對(duì)話框選項(xiàng)。4.3.1創(chuàng)建列表在Dreamweaver文檔中，可創(chuàng)建編號(hào)列表、項(xiàng)目列表、自定義列表三類。如要插入列表，步驟如下：將插入點(diǎn)放在要添加列表的位置；在單擊“屬性”檢查器中的“項(xiàng)目列表”或“編號(hào)列表”按鈕；或者單擊“文本”菜單中“列表”。4.3.1創(chuàng)建列表3. 指定列表項(xiàng)目的前導(dǎo)字符出現(xiàn)在“文檔”窗口中。4. 鍵入列表項(xiàng)目文本，回車后創(chuàng)建其他列表項(xiàng)目，如圖4-13所示。4.3.2創(chuàng)建嵌套列表要?jiǎng)?chuàng)建嵌套的列表項(xiàng)目，其步驟如下：1. 將光標(biāo)定位在要編輯的列表中；2. 單擊“屬性”檢查器中的“縮進(jìn)”按鈕，或選擇菜單“文本”>“縮進(jìn)”；3. Dreamweaver8.0縮進(jìn)文本并創(chuàng)建一個(gè)單獨(dú)的列表，該列表具有原始列表的HTML屬性；4. 按照上面使用的同一過程，對(duì)縮進(jìn)的文本應(yīng)用新的列表類型或樣式；結(jié)果如圖4-14所示。4.3.3設(shè)置列表屬性使用“列表屬性”對(duì)話框，可以設(shè)置整個(gè)列表或個(gè)別列表項(xiàng)的外觀可以設(shè)置編號(hào)樣式，重置計(jì)數(shù)或設(shè)置個(gè)別列表項(xiàng)目或整個(gè)列表的項(xiàng)目符號(hào)樣式選項(xiàng)，如圖4-15所示。4.3.3設(shè)置列表屬性設(shè)置列表屬性的步驟如下：1. 選中要編輯的列表；2. 選擇“文本”菜單中“列表”子菜單的“屬性”選項(xiàng)，彈出圖4-15所示的“列表屬性”對(duì)話框；3. 在列表類型下拉列表中選擇列表類型：項(xiàng)目列表、編號(hào)列表、目錄列表、菜單列表；4. 將插入點(diǎn)放到列表項(xiàng)目的文本中，然后選擇“文本”>“列表”>“屬性”打開“列表屬性”對(duì)話框。5. 在樣式的下拉菜單中選擇所需要的樣式，如圖4-16所示。在確定了用于編號(hào)列表或項(xiàng)目列表的編號(hào)或項(xiàng)目符號(hào)的樣式后，所有列表項(xiàng)目都將具有該樣式，除非重新為列表項(xiàng)目指定新樣式。4.3.3設(shè)置列表屬性6. 對(duì)于編號(hào)列表，在下方的“開始計(jì)數(shù)”文本框中輸入開始計(jì)數(shù)的數(shù)字即可。默認(rèn)情況下為序列的首字母或者數(shù)字“1”。7. 單擊“確定”設(shè)置所做的選擇并關(guān)閉對(duì)話框第4章格式化文本案例4-1格式化頁面案例4-1格式化頁面案例效果：如圖4-17所示。案例4-1格式化頁面知識(shí)目標(biāo)：利用Dreamweaver8.0來對(duì)文本進(jìn)行編輯。操作步驟：1. 打開在第3章中制作好的頁面company.htm2. 輸入標(biāo)題文字“美得爾公司簡(jiǎn)介”，并設(shè)置字體大小為“23”，顏色為白色，字體為宋體。3. 插入一條水平線案例4-1格式化頁面3、在水平線下輸入公司簡(jiǎn)介：“美得爾公司是集設(shè)計(jì)、制作、安裝為一體的大型廣告公司，代理發(fā)布國(guó)內(nèi)及外商來華廣告。專業(yè)從事戶外大型鋼架廣告牌、壓克力吸塑燈箱、內(nèi)發(fā)光大字、LED燈、金屬字、各式金屬宣傳欄、立體發(fā)光字、企業(yè)Logo、標(biāo)識(shí)標(biāo)牌及品牌專柜制作。公司成立以來為各行各業(yè)設(shè)計(jì)、制作了大量的戶外廣告工程，企業(yè)贏得了眾多的客戶一致好評(píng)，同時(shí)，公司在不斷發(fā)展、壯大中擁有了一批具有專業(yè)技能的設(shè)計(jì)及工程技術(shù)人員，吸取了廣告業(yè)的經(jīng)營(yíng)和管理。為您提供全面、優(yōu)質(zhì)服務(wù)?！弊痔?hào)為12，顏色為白色，字體為宋體。案例4-1格式化頁面5. 輸入主營(yíng)業(yè)務(wù)的相關(guān)內(nèi)容：鋼結(jié)