2.1 網頁文本

網頁中信息的傳達主要以文本為主，用戶可對網頁字體的樣式、大小、顏色、底紋、邊框等屬性進行設置。

2.1.1 輸入文本

文本是網頁信息的重要載體，也是網頁中必不可少的內容，它的格式設計是否合理將直接影響到網頁的美觀程度。在網頁中插入文本有兩種方法，直接輸入文本和從外部導入文本。

1．直接輸入文本

打開網頁文檔，將光標定位在需要輸入文本的位置，輸入文字內容即可，如圖2-1所示。

2．從外部導入文本

（1）打開需要導入文本的網頁文檔，執行【文件】>【導入】>【Word文檔】命令，如圖2-2所示。

（2）打開【導入Word文檔】對話框，在該對話框中選擇要導入的文件，然后單擊【打開】按鈕，如圖2-3所示。

（3）此時，文本內容已經被導入網頁文檔中，如圖2-4所示。

2.1.2 設置文本屬性

在網頁制作過程中，文字可以方便地設置成各種字體及大小，但建議用于正文的文字一般不要太大，字體顏色也不要過多，否則效果會讓人眼花繚亂。通常正文字體大小設置為9磅或12像素即可，字體顏色不超過3種。

要設置文本屬性，最簡單的方法就是通過文本【屬性】面板進行設置。Dreamweaver CS5的屬性面板中包含了CSS屬性檢查器和HTML屬性檢查器兩種。

1．HTML屬性檢查器

HTML格式用于設置文本的字體、大小、顏色、邊距等。因此，文檔中的文本可以通過HTML格式設置其屬性，如圖2-7所示。

該屬性界面中，各選項說明如下。

◆【格式】：設置所選文本或段落格式，該選項包含多種格式，其中包含段落格式、標題格式及預先格式化等，可按需要進行選擇。

◆【ID】：標識字段。

◆【類】：顯示當前選定對象所屬的類、重命名該類或鏈接外部樣式表。

◆【鏈接】：為所選文本創建超鏈接文本。

◆【目標】：用于指定準備加載鏈接文檔的方式。

◆【頁面屬性】：單擊該按鈕，即可打開【頁面屬性】對話框，在該對話框中可對頁面的外觀，標題、鏈接等各種屬性進行設置。

◆【列表項目】：為所選的文本創建項目、編號列表。

2．CSS屬性檢查器

文檔中的文本，可以使用CSS（層疊樣式表）格式設置其屬性，該格式可以新建CSS樣式或將現存的樣式應用于所選文本中，如圖2-8所示。

下面以CSS屬性檢查器面板為例來介紹文本屬性的設置。

（1）打開網頁文檔，選中要設置的標題文本，在【屬性】面板中，單擊【CSS】按鈕，單擊【字體】下拉按鈕，在彈出的列表中選擇【宋體】，如圖2-9所示。

（2）在彈出的【新建CSS規則】對話框中，設置選擇器名稱為．font，然后單擊【確定】按鈕，如圖2-10所示。

（3）顯示新設置的字體格式，且在【屬性】面板中的【目標規則】文本框中顯示命名的．font。在【屬性】面板中設置其顏色為#00F，字號為18px，如圖2-11所示。

（4）使用同樣的方法，設置正文中的文本內容，如圖2-12所示。

（5）在【屬性】面板的【字體】下拉列表中選擇【編輯字體列表】選項，打開【編輯字體列表】對話框，如圖2-13所示。

（6）在【可用字體】列表框中選擇要使用的字體，然后單擊按鈕，所選字體就會出現在左側的【選擇的字體】列表框中，如圖2-14所示。

如果要創建新的字體列表，可以從【字體列表】列表框中選擇【在以下列表中添加字體】選項。如果沒有出現該選項，可以單擊左上角的按鈕進行添加。

要從字體組合項中刪除字體，在【字體列表】列表框中選定該字體組合項，然后單擊左上角的按鈕即可刪除。

一般來說，應盡量在網頁中使用宋體或黑體，不使用特殊字體，因為瀏覽網頁的計算機中如果沒安裝這些特殊的字體，在瀏覽時就只能以普通的默認字體來顯示。