3文檔的操作3.1文檔的基本操作3.2文本的基本操作3.1文檔的基本操作3.1.1文檔的建立和保存（1）創(chuàng)建網(wǎng)頁文件在Dreamweavercs6中創(chuàng)建一個網(wǎng)頁文件的操作步驟如下：①執(zhí)行【文件】|【新建】命令，彈出【新建文檔】對話框，如圖3-1所示。②選擇左側(cè)【空白頁】選項，在【頁面類型】中選擇【HTML】選項，然后在【布局】中選擇【<無>】選項。③選擇完成后單擊【創(chuàng)建】按鈕，即可創(chuàng)建一個新的空白頁面；也可以在啟動軟件后彈出的歡迎屏幕上直接選擇新建HTML文檔。圖3-1“新建文檔”對話框（2）保存網(wǎng)頁文件編輯好的網(wǎng)頁文件必須保存起來。保存網(wǎng)頁的方法有以下兩種：①執(zhí)行菜單命令保存網(wǎng)頁。執(zhí)行【文件】|【保存】命令，彈出【另存為】對話框，在【保存在】下拉列表框中選擇保存的位置，在【文件名】文本框中輸入保存文件的名稱（圖3-2），完成后單擊【保存】按鈕即可。②執(zhí)行快捷菜單命令保存網(wǎng)頁。直接在文檔窗口上方選中需要保存的網(wǎng)頁文檔，然后單擊鼠標右鍵，在彈出的快捷菜單中選擇【保存】命令即可（圖3-3）。圖3-2“另存為”對話框（左）圖3-3保存網(wǎng)頁（右）3.1.2打開文檔打開文檔的方法有多種，下面主要列舉兩種：①啟動Dreamweavercs6程序，在歡迎屏幕中顯示了最近編輯的文件，如圖3-4所示。單擊目標文件，即可將其打開。②可以在歡迎屏幕中單擊【打開】按鈕或執(zhí)行【文件】|【打開】命令，圖3-4歡迎屏幕在彈出的【打開】對話框（圖3-5）中選擇目標文件，然后單擊【打開】按鈕。圖3-5打開文件3.1.3設(shè)置頁面屬性網(wǎng)頁（圖3-6）具有標題、頁邊距、鏈接樣式、背景顏色和字體樣式等頁面屬性。在建立網(wǎng)站時，可以通過設(shè)置頁面屬性來設(shè)定網(wǎng)頁的這些樣式。圖3-6網(wǎng)頁范例設(shè)置頁面屬性的操作步驟如下：①執(zhí)行【修改】|【頁面屬性】命令，打開【頁面屬性】對話框。②設(shè)置各類參數(shù)，單擊【確定】按鈕完成設(shè)置?！卷撁鎸傩浴繉υ捒蛑懈鬟x項的功能如下：【外觀（CSS）】和【外觀（HTML）】：在外觀選項框中可以設(shè)置頁面字體、背景圖像、背景顏色和頁邊距等，如圖3-7、圖3-8所示。圖3-7外觀屬性（CSS）圖3-8外觀屬性（HTML）【鏈接（CSS）】：在該選項框中可以設(shè)置鏈接的字體、顏色和下劃線樣式等【標題（CSS）】：標題類別欄用于設(shè)置當(dāng)前網(wǎng)頁的文本格式?！緲祟}（CSS）】是HTML文檔默認保留的文本體例，可以在這里重新定義各級標題的格式，然后在操作中直接應(yīng)用這些標題定義文本的樣式【標題/編碼】：標題顯示在瀏覽器的標題欄和狀態(tài)欄中，當(dāng)網(wǎng)頁被收藏時，標題顯示在收藏項目中。編碼用于設(shè)置當(dāng)前網(wǎng)頁文字采用的編碼種類，計算機中的每種文字都需要對應(yīng)編碼的支持才能正確顯示，否則會出現(xiàn)亂碼，即無法正確顯示文字的象。在中文模式下，默認編碼為簡體中文（GB2312）【跟蹤圖像】：在【跟蹤圖像】欄中可指定在設(shè)計時作為參考的圖像，該圖像僅供參考，當(dāng)文檔在瀏覽器中顯示時圖像并不顯示。【透明度】指確定跟蹤圖像的不透明度，從完全透明到完全不透明。設(shè)定完成后，若想查看實際效果，可以單擊【應(yīng)用】按鈕，即時查看設(shè)定的效果，而不需要退出【頁面屬性】設(shè)置對話框3.2文本的基本操作3.2.1輸入文本

網(wǎng)頁中的文本內(nèi)容是網(wǎng)頁內(nèi)容表達的主要方式，根據(jù)輸入方式的不同，可以分為普通文本和特殊字符。普通文本就是用戶可以在網(wǎng)頁文檔中按照文本方式直接輸入的文本。輸入文本的操作步驟如下：①新建空白網(wǎng)頁。②在【設(shè)計】視圖中單擊頁面空白處，輸入文字“第一個網(wǎng)頁”。③在【CSS樣式】面板中單擊【新建CSS規(guī)則】按鈕，彈出【新建CSS規(guī)則】對話框。④選擇“類”類型，命名為“a1”,單擊【確定】按鈕，彈出【.a1的CSS規(guī)則定義】對話框。⑤單擊【.a1的CSS規(guī)則定義】對話框的【類型】中【Font-family】選項下拉列表，選擇“楷體_GB2312”選項，如果在下拉列表中沒有該選項，則單擊【編輯字體列表】選項，打開【編輯字體列表】對話框，添加相應(yīng)的字體，⑥將【Font-size】設(shè)置為“24px”⑦單擊【確定】按鈕，完成一個CSS樣式設(shè)定，⑧選中剛才輸入的文字，然后在【屬性】面板中設(shè)置【類】為剛才建立的CSS樣式“a1”,這時會發(fā)現(xiàn)文本格式已改變，3.2.2設(shè)置文本格式在前面小節(jié)的實例中，輸入的文字只是采用了普通文本，而在實際生活中，各種各樣的文本需要設(shè)置不同的字體、字號、顏色、樣式等，才能更好地、準確無誤地傳達文字所要表達的信息。（1）設(shè)置標題和段落格式網(wǎng)頁中默認的六種標題依次為“標題1”“標題2”“標題3”“標題4”“標題5”和“標題6”。使用這些標題，可以標注文本內(nèi)容的不同層次。而段落格式是對整個文檔進行設(shè)置，使文檔便于閱讀。設(shè)置標題和段落格式需要使用【屬性】面板中的【格式】下拉列表，操作步驟如下：①新建空白網(wǎng)頁。②在【設(shè)計】視圖中單擊網(wǎng)頁空白處，輸入幾行文字，③選中文本“春天”，單擊【格式】下拉列表，選擇“標題1”選項，④選擇文本“夏天”，單擊【格式】下拉列表，選擇“標題2”選項，⑤重復(fù)以上操作，依次設(shè)置“秋天”和“冬天”文本的格式為“標題3”和“標題4”。（2）設(shè)置文本字號設(shè)置標題和段落格式，都是從整體的角度設(shè)置文本樣式。設(shè)計人員可以具體設(shè)置文本的細節(jié)，如文本所使用的字體和字號。在Dreamweavercs6中，字號的大小默認值有“無”“1～36”“極小至極大”等。其中，數(shù)值越大字號就越大。（3）設(shè)置文本字體不同字體給人的感覺不同。在Dreamweavercs6中，設(shè)計人員僅僅使用了“宋體”“黑體”等常見字體。要使頁面的文字更貼近網(wǎng)頁設(shè)計者所設(shè)計的網(wǎng)頁風(fēng)格，有時必須添加新的字體。要在Dreamweavercs6中使用新字體，必須確保該字體已經(jīng)安裝到Windows的字體庫中。安裝字體的步驟如下：①選擇需要安裝的字體文件，一般字體文件的擴展名為.ttf。②復(fù)制該字體文件到系統(tǒng)目錄中的Fonts目錄下。復(fù)制過程中，系統(tǒng)會提示正在安裝字體文件。安裝完成后，就可以使用該字體了。③打開【屬性】面板，單擊【字體】下拉列表框中的“編輯字體列表”命令，打開【編輯字體列表】對話框。④在【可用字體】列表框中選擇要添加的字體名稱，如“新宋體”。（4）設(shè)置文本顏色在網(wǎng)頁中，文本的顏色包括文本內(nèi)容的背景色和文本字體顏色。通過設(shè)置文本顏色，可以增強文本內(nèi)容的視覺效果，降低閱讀疲勞。默認情況下，文本的背景色為白色，文本字體顏色為黑色。下面講解如何設(shè)置文本的顏色，操作步驟如下：①新建空白網(wǎng)頁。②在【設(shè)計】視圖中單擊網(wǎng)頁空白處，輸入幾行文本。③執(zhí)行【修改】|【頁面屬性】命令，打開【頁面屬性】對話框。④在【文本顏色】對話框中輸入“#000033”，在【背景顏色】文本框中輸入“#9966CC”（圖3-28）。注意不要漏掉其中的“#”號。用戶也可以單擊前面的“▲”按鈕，彈出顏色選擇框進行顏色選擇⑤單擊【確定】按鈕，關(guān)閉對話框，3.2.3插入水平線使用水平線可以分割網(wǎng)頁的文檔內(nèi)容和對象，使文檔結(jié)構(gòu)清晰、層次分明、便于瀏覽。在網(wǎng)頁中合理地插入水平線可以取得很好的視覺效果。在標題與正文之間插入一條水平線，要求對齊方式為“居中對齊”，并且給水平線設(shè)置陰影效果。具體操作步驟如下：①在【插入】面板中選擇【常用】類型。②將光標放置到標題最后一個字符的右邊。③單擊水平線按鈕“”，即可在標題與正文之間插入一條水平線。④在文檔中選中剛插入的水平線，在【對齊】下拉列表中選擇“居中對齊”，并選中【陰影】復(fù)選框，給水平線設(shè)置陰影效果。3.2.4插入特殊字符在網(wǎng)頁中，設(shè)計人員還需要經(jīng)常插入一些特殊字符，如“版權(quán)符號”。這些特殊字符在HTML中以名稱或數(shù)字的形式表示。例如，版權(quán)符號“”表示版權(quán)聲明，在HTML中用“©”表示；注冊商標符號“”表示注冊商標聲明，在HTML中用“®”表示。插入特殊符號的操作步驟如下：①新建空白網(wǎng)頁。②在【設(shè)計】視圖中單擊網(wǎng)頁空白處，輸入版權(quán)文字③將光標插到“Copyright”之后，單擊【插入】面板的【文本】標簽，打開【文本】工具欄，3.2.5設(shè)置文本超鏈接文本超鏈接是超級鏈接最基本的方式。文本超鏈接形式最簡單，占有的網(wǎng)絡(luò)帶寬也最少。各種網(wǎng)站廣泛使用文本鏈接。在Dreamweavercs6中，文本超鏈接分為絕對路徑和相對路徑兩種。①絕對路徑：提供鏈接資源的完整URL，常用于指向站點外部文件。例如，/index.htm，指向的就是服務(wù)器上主目錄下的index.htm文件。②相對路徑：網(wǎng)絡(luò)資源的路徑是相對于當(dāng)前路徑的位置，用來指向站內(nèi)文件。例如，當(dāng)前訪問/index.htm文件，如果要訪問/images/index.htm文件，則可直接使用images/index.htm定位到該文件。所以，絕對路徑可以用來指向所有資源，而相對路徑可以用來指向站內(nèi)資源。3.2.6使用錨記在頁面中的特定主題處或頂部創(chuàng)建命名錨記，然后為命名錨記創(chuàng)建超級鏈接，這些超級鏈接可以快速鏈接到網(wǎng)頁文檔中的特定位置。創(chuàng)建錨記的超級鏈接，其操作步驟如下：①創(chuàng)建錨記。打開文檔，將光標置于插入錨記的位置，然后單擊【插入】面板的【常用】工具欄中的命名錨記按鈕“”，彈出【命名錨記】對話框。在該對話框中輸入包含數(shù)字或英文字母的名稱，如“a”或“1”，最后單擊