項(xiàng)目引入：文本是網(wǎng)頁設(shè)計(jì)中最基本的元素。本項(xiàng)目主要講解文本的輸入和編輯、水平線與網(wǎng)格的設(shè)置。通過對這些內(nèi)容的學(xué)習(xí)，學(xué)生可以充分利用文本工具和相關(guān)命令在網(wǎng)頁中輸入、編輯文本內(nèi)容，設(shè)置水平線與網(wǎng)格，還可以運(yùn)用豐富的字體和多樣的編排手段表示網(wǎng)頁的內(nèi)容。項(xiàng)目2文本掌握輸入和編輯文本的方法掌握設(shè)置頁邊距和插入換行符的方法掌握水平線的設(shè)置方法掌握顯示和隱藏網(wǎng)格的方法項(xiàng)目目標(biāo)掌握“陶瓷博物館網(wǎng)頁”的關(guān)鍵制作步驟掌握“休閑度假村網(wǎng)頁”的關(guān)鍵制作步驟技能目標(biāo)培養(yǎng)對網(wǎng)頁設(shè)計(jì)中文本編排的興趣提高對網(wǎng)頁設(shè)計(jì)中字體和布局的審美素養(yǎng)目標(biāo)任務(wù)2.1編輯文本格式輸入文本設(shè)置文本屬性輸入連續(xù)的空格設(shè)置或隱藏不可見元素設(shè)置頁邊距插入換行符任務(wù)實(shí)踐—陶瓷博物館網(wǎng)頁2.1.1輸入文本使用DreamweaverCC2019編輯網(wǎng)頁時(shí)，如果要添加文本，首先應(yīng)將光標(biāo)移動(dòng)到文檔窗口中的編輯區(qū)域，單擊，然后直接輸入文本即可，就像在其他文本編輯器中一樣。例如，打開一個(gè)網(wǎng)頁文檔，在文檔中單擊，將光標(biāo)置于其中，然后輸入文本。輸入文字后的效果圖2.1.2設(shè)置文本屬性利用“屬性”面板可以方便地修改選中文本的字體、字號(hào)、顏色、對齊方式等，以獲得預(yù)期的效果。選擇“窗口>屬性”命令，或按Ctrl+F3組合鍵，彈出“屬性”面板，在HTML和CSS“屬性”面板中都可以設(shè)置文本的屬性?！皩傩浴泵姘?.1.3輸入連續(xù)空格在默認(rèn)狀態(tài)下，DreamweaverCC2019只允許用戶輸入一個(gè)空格。若要輸入連續(xù)空格，則需要進(jìn)行設(shè)置或特定操作。（1）選擇“編輯>首選項(xiàng)”命令，彈出“首選項(xiàng)”對話框。（2）在“首選項(xiàng)”對話框左側(cè)的“分類”列表中選擇“常規(guī)”選項(xiàng)，在右側(cè)的“編輯選項(xiàng)”選項(xiàng)組中選擇“允許多個(gè)連續(xù)的空格”復(fù)選框，單擊“應(yīng)用”按鈕完成設(shè)置，單擊“關(guān)閉”按鈕關(guān)閉對話框。此時(shí)，用戶可連續(xù)按Space鍵在文檔編輯區(qū)內(nèi)輸入多個(gè)空格。2.1.4顯示或隱藏不可見元素顯示或隱藏某些不可見元素的具體操作步驟如下。（1）選擇“編輯>首選項(xiàng)”命令，彈出“首選項(xiàng)”對話框。（2）在“首選項(xiàng)”對話框左側(cè)的“分類”列表中選擇“不可見元素”選項(xiàng)，根據(jù)需要選擇或取消選擇右側(cè)的多個(gè)復(fù)選框，以實(shí)現(xiàn)不可見元素的顯示或隱藏，單擊“應(yīng)用”按鈕完成設(shè)置，單擊“關(guān)閉”按鈕關(guān)閉對話框。2.1.5設(shè)置頁邊距按照文章的書寫規(guī)則，正文與頁面四周需要留有一定的距離，這個(gè)距離叫作頁邊距。網(wǎng)頁設(shè)計(jì)也遵循這樣的規(guī)則，在默認(rèn)狀態(tài)下，HTML文件的上、下、左、右邊距不為0。修改頁邊距的具體操作步驟如下。（1）選擇“文件>頁面屬性”命令，彈出“頁面屬性”對話框。（2）在對話框的“左邊距”“右邊距”“上邊距”“下邊距”“邊距寬度”“邊距高度”文本框中輸入相應(yīng)的數(shù)值可以調(diào)整邊距?！绊撁鎸傩浴睂υ捒?.1.6插入換行符為段落插入換行符有以下幾種方法。①選擇“插入”面板的“HTML”選項(xiàng)卡，單擊“字符”展開式按鈕，在彈出的菜單中選擇“換行符”命令。②按Shift+Enter組合鍵。③選擇“插入>HTML>字符>換行符”命令。任務(wù)實(shí)踐—陶瓷博物館網(wǎng)頁效果圖使用“頁面屬性”命令設(shè)置頁面外觀、網(wǎng)頁標(biāo)題效果，使用“首選項(xiàng)”命令設(shè)置允許多個(gè)連續(xù)的空格。任務(wù)2.2水平線與網(wǎng)格水平線網(wǎng)格任務(wù)實(shí)踐—休閑度假村網(wǎng)頁1．創(chuàng)建水平線（1）選擇“插入”面板的“HTML”選項(xiàng)卡，單擊“水平線”按鈕。（2）選擇“插入>HTML>水平線”命令。2．修改水平線在文檔窗口中選中水平線，選擇“窗口>屬性”命令，彈出“屬性”面板，可以根據(jù)需要對水平線的屬性進(jìn)行修改。2.2.1水平線“屬性”面板使用網(wǎng)格可以更加方便地定位網(wǎng)頁元素，在進(jìn)行網(wǎng)頁布局時(shí)，網(wǎng)格具有至關(guān)重要的作用。1．顯示和隱藏網(wǎng)格2．設(shè)置網(wǎng)頁元素與網(wǎng)格對齊3．修改網(wǎng)格的疏密4．修改網(wǎng)格線的顏色和線型2.2.2網(wǎng)格任務(wù)實(shí)踐—休閑度假村網(wǎng)頁使用“水平線”命令在網(wǎng)頁中插入水平線，使用“屬性”面板取消水平線的陰影，使用代碼改變水平線的顏色。效果圖項(xiàng)目實(shí)踐—有機(jī)果蔬網(wǎng)頁使用“頁面屬性”命令設(shè)置頁面外觀、網(wǎng)頁標(biāo)題效果，