12.5.1　建立簡單的文本頁面

網(wǎng)頁中漂亮的圖像、生動的多媒體、規(guī)范的表格、交互式按鈕雖然吸引人，但文本卻是支撐網(wǎng)頁的基礎(chǔ)。Dreamweaver 8集網(wǎng)站管理、網(wǎng)頁制作的諸多功能于一身，具有較強的編輯功能。

1.添加文本

直接將光標停留在空白的工作區(qū)內(nèi)，通過鍵盤敲入文字，隨著輸入文本內(nèi)容的增多，插入點將從左到右逐漸移動。Dreamweaver 8不會自動換行，這樣可以通過輸入文本的多少控制網(wǎng)頁的橫向?qū)挾?，如果顯示器屏幕大小比網(wǎng)頁橫向內(nèi)容小，瀏覽器就會出現(xiàn)橫向的滾動條。

只有按“Enter”鍵之后，光標才會另起一行，但是這時候網(wǎng)頁上會創(chuàng)建一個新的段落，并且在前、后兩個段落之間自動地插入一個空行，如圖12-27所示。這是 Dreamweaver 區(qū)別于其他文檔編輯器的顯著特征之一。

圖12-27　網(wǎng)頁文本中兩種不同的換行方式

如果想要使光標換行但是不產(chǎn)生新的段落，可以按“Shift+Enter”組合鍵。如圖 12-27下方所示。

※ 提示：

在普通文本編輯狀態(tài)下是不能插入第 2　個空格的，如果想插入多個空格可以切換到全角狀態(tài)后輸入文本再單擊空格鍵即可。

添加文本時，也可以在其他文本編輯器中編輯文本（例如 Word），然后將該文字部分復(fù)制，在 Dreamweaver 8中選擇【編輯】→【粘貼】菜單命令。

在 Dreamweaver 8中也可以導(dǎo)入 Word 文檔或 Excel 文檔。選擇【文件】→【導(dǎo)入】→【W(wǎng)ord 文檔】或【Excel 文檔】菜單命令，在“打開”對話框中，找到要添加的文件，然后單擊【打開】按鈕即可。

2.設(shè)置文本屬性

輸入文本后，可以通過“屬性”面板修改諸如文本顏色、字體大小等屬性，如圖 12-28　所示。首先選中要修改的文字，方法是在文本沒有選中的情況下按住鼠標左鍵拖曳要選擇的文字，所選中的文本為高亮顯示，如圖 12-29　所示。然后可以在工作區(qū)域下面的屬性面板中修改其屬性。

圖12-28　“屬性”面板

圖12-29　高亮選中的文本

練一練：

這里選擇一首古詞：

千古江山，英雄無覓，孫仲謀處?！　?/p>

舞榭歌臺，風(fēng)流總被，雨打風(fēng)吹去?！?/p>

斜陽草樹，尋常巷陌，人道寄奴曾住。

想當(dāng)年，金戈鐵馬，氣吞萬里如虎。　

通過屬性設(shè)置，給它賦予不同的顯示效果，例如：文字的大小（24）、顏色（紅色）、對齊方式（左對齊）、字體（黑體）等，掌握文本的基本處理方法。

（1）設(shè)置文本字體

字體控制著文本的外觀，常用的字體包括英文字體與中文字體兩大類型。用戶可以從Dreamweaver 8的字體列表中選擇相應(yīng)的字體項，如圖 12-30　所示。默認情況下中文字體是“宋體”，如果計算機上安裝了其他字體，用戶還可將它們添加到字體列表中，擴充字體選擇的范圍。

添加字體的操作方法：

① 選擇【字體】子菜單或者【屬性】面板中【字體】下拉列表框的【編輯字體列表】命令，打開【編輯字體列表】對話框，如圖 12-31　所示。

圖12-30　字體子菜單

圖12-31　編輯字體列表

② 在“可用字體”列表框中選擇欲添加字體的名稱，然后單擊按鈕，添加的字體將出現(xiàn)在“選擇的字體”列表框中。選擇“字體列表”中某個字體，單擊“字體列表”左側(cè)的按鈕時，將把所選的字體從字體列表中刪除。為了改變所選字體在字體列表框中的排序，可單擊列表框右側(cè)向上或向下的箭頭按鈕。每次單擊箭頭按鈕，將使所選的字體向上或向下移動一格。

③ 單擊【確定】按鈕，保存設(shè)置。

使用屬性面板改變字體的操作方法：

① 選擇應(yīng)用字體的文本。

② 按“Ctrl+F3”組合鍵，打開“屬性”面板。

③ 打開“字體”下拉列表框，從中選擇所需要的字體。

（2）設(shè)置文本字號

使用屬性面板設(shè)置字號的操作方法：

① 選擇應(yīng)用字號的文本。

② 打開“屬性”面板，在“大小”下拉列表中選擇相應(yīng)的選項。在后面的“單位”下拉列表中選擇相應(yīng)的度量單位，即可設(shè)置所選文本的字號大小。度量單位有像素、厘米等。對不同的段落應(yīng)用不同字號后的效果如圖12-32所示。

（3）設(shè)置文本顏色

在默認的情況下，文本的顏色是普通的黑色，但豐富的色彩總能吸引人的注意，它一方面來源于圖像的色彩，另一方面來源于文本的色彩。Dreamweaver 8為配置文本顏色提供了兩種方法：一是執(zhí)行“文本”菜單的“顏色”命令；二是打開“屬性”面板的顏色框進行選擇。

使用菜單命令配置顏色的操作方法：

① 選擇網(wǎng)頁內(nèi)的文本。

② 選擇菜單【文本】→【顏色】命令，打開“顏色”對話框，如圖12-33所示。

③ 在“基本顏色”框內(nèi)選擇一種顏色。也可以從右側(cè)色譜中選擇需要的顏色。

④ 單擊【確定】按鈕。

圖12-32　利用屬性面板設(shè)置字號　

圖12-33　打開顏色對話框

使用屬性面板配置顏色的操作方法：

① 選擇網(wǎng)頁內(nèi)的文本。

② 按“Ctrl+F3”組合鍵，打開“屬性”面板。

③ 單擊“屬性”面板顏色塊，打開“顏色”面板，如圖 12-34　所示。

④ 選擇面板上的一種顏色。

圖12-34　選擇顏色

（4）設(shè)置文本對齊方式

對于網(wǎng)頁內(nèi)的文本對象，Dreamweaver 8提供了4種對齊方式，即左對齊、 居中對齊、右對齊和兩端對齊。這里的對齊方式都是相對于水平位置，如果將文本或?qū)ο笈帕性诒砀駜?nèi)，還可以在垂直方向上定義它們的對齊方式。

使用菜單命令確定對齊方式的操作方法：

① 選擇網(wǎng)頁內(nèi)的文本。

② 選擇菜單【文本】→【對齊】，打開“對齊”子菜單，如圖 12-35　所示。

③ 選擇需要的對齊方式。

圖12-35　打開“對齊”子菜單

使用屬性面板確定對齊方式的操作方法：

① 選擇網(wǎng)頁內(nèi)的文本，或者在段落內(nèi)設(shè)置插入點。

② 按“Ctrl+F3”組合鍵，打開“屬性”面板。

③ 單擊面板中的 4　個對齊按鈕之一（圖12-31是以中間對齊方式制作的）。

通常水平對齊的最小單位是段落，也就是說，相同的段落只能有一種對齊方式。無論是選擇整個段落，還是選擇段落的一部分，所選的對齊方式都是針對整個段落來說的。

3.應(yīng)用文本功能創(chuàng)建簡單排版式頁面

下面應(yīng)用 Dreamweaver 8完全的文本功能創(chuàng)建一個排版頁面。

（1）首先建立一個新的頁面。

（2）進入頁面屬性設(shè)置對話框，設(shè)置頁面的背景圖像（或者顏色），如圖12-34所示。

在這里選用一幅處理過的圖像，如圖12-36所示。大小是672×488像素，如果圖像太大會有部分內(nèi)容在瀏覽器中看不到；如果圖像太小，會出現(xiàn)重復(fù)圖像的結(jié)果；這一點在今后在學(xué)習(xí)CSS樣式時，將學(xué)習(xí)到設(shè)置背景圖像是否重復(fù)，背景圖像的位置等復(fù)雜內(nèi)容，這里暫不討論。

圖12-36　背景圖片

（3）在 Dreamweaver 8中輸入一篇網(wǎng)絡(luò)故事，如圖 12-37　所示。這里有些內(nèi)容文字的顏色與背景色相近，所以需要改變顏色，以確保頁面的清晰。所以，接下來將要對文字進行必要的文本排版。

圖12-37　輸入文本后的頁面

（4）繼續(xù)對網(wǎng)頁文本的大小、顏色、位置等內(nèi)容進行設(shè)置，結(jié)果如圖 12-38　所示。

圖12-38　完成設(shè)置后的頁面