第二章文本與文檔本章學(xué)習(xí)要點：網(wǎng)頁文檔的基本操作網(wǎng)頁文檔的屬性設(shè)置插入普通文本、特殊文本網(wǎng)頁文本的屬性設(shè)置插入水平線和時間項目列表的建立方法移動文字的制作方法第二章文本與文檔本章學(xué)習(xí)要點：1插入文本普通文本特殊文本在字符之間添加空格上、下標(biāo)的制作水平線日期插入文本普通文本2文本是網(wǎng)頁制作的核心內(nèi)容，DreamweaverMX2004允許通過以下方式在Web頁中添加文本：直接將文本輸入到頁面中、從其他文檔復(fù)制和粘貼文本或從其他應(yīng)用程序中拖放文本。能夠合并到Web頁的常見文檔類型有ASCII文本文件、RTF文件和MSOffice文檔，用Dreamweaver可以從這些文檔類型中的任何一種程序取出文本，然后將文本插入到Web頁中。文本是網(wǎng)頁制作的核心內(nèi)容，Dreamweaver3普通文本普通文本是指一般的漢字或英文文本，將光標(biāo)直接定位到編輯窗口中要輸入文字的地方，然后直接輸入文字即可插入。也可在其他文本編輯器中編輯文本（Word、WPS等），然后復(fù)制該文字，打開要添加該文字的Web頁面，選擇[編輯][粘貼]命令即可粘貼一般的文本。但Dreamweaver不保留在其他應(yīng)用程序中設(shè)置的文本格式，只可以保留換行符。如果想保留文本的格式，可以選擇[編輯][帶格式粘貼]命令，如果不想保留文本格式，還可選擇[編輯][粘貼文本]命令。普通文本普通文本是指一般的漢字或英文文本，將光標(biāo)4特殊文本在DreamweaverMX2004中，可以在文檔中插入多種特殊符號，如版權(quán)復(fù)制符號、并列符、注冊商標(biāo)符號等。要插入特殊符號，具體操作如下。

（1）將光標(biāo)定位到插入特殊字符的位置。（2）單擊“插入”欄中的“文本”選項卡，如圖3-1所示。（3）單擊按鈕，展開如圖3-2所示的“字符”下拉列表。

特殊文本在DreamweaverMX205圖3-1圖3-2圖3-1圖3-26（4）如果還需要輸入其他的特殊字符，可以在“字符”下拉列表中選擇“其他字符”選項，打開如圖3-3所示的“插入其他字符”對話框。（5）單擊需要的字符后再單擊按鈕即可輸入相應(yīng)的字符，如圖3-4所示。也可以選擇[插入][HTML][特殊字符]菜單命令下的相應(yīng)命令插入相應(yīng)字符。

（4）如果還需要輸入其他的特殊字符，可以在“字符”7圖3-3圖3-4圖3-3圖3-48 在字符之間添加空格

DreamweaverMX2004的HTML代碼只允許字符之間包含一個空格，若要在文檔中添加其他空格，必須插入不換行空格，也可以設(shè)置一個在文檔中自動添加不換行空格的參數(shù)選擇。插入不換行空格設(shè)置添加不換行空格的參數(shù)

在字符之間添加空格DreamweaverM9

插入不換行空格

插入不換行空格，可執(zhí)行如下操作之一。在“插入”欄的“文本”選項卡中，單擊“字符”按鈕，在下拉列表中選擇“插入不換行空格”選項。選擇[插入][HTML][特殊字符][不換行空格]菜單命令。按【Ctrl+Shift+空格鍵】鍵輸入。將輸入法切換到全角狀態(tài)再按空格鍵。

插入不換行空格插入不換行空格，可執(zhí)行如下操作10設(shè)置添加不換行空格的參數(shù)設(shè)置添加不換行空格的參數(shù)，具體操作如下。

（1）選擇[編輯][首選參數(shù)]菜單命令。（2）在“分類”列表的“常規(guī)”選項中選中復(fù)選框。（3）單擊按鈕保存即可。

設(shè)置添加不換行空格的參數(shù)設(shè)置添加不換行空格的參數(shù)，具11添加上、下標(biāo)的方法利用標(biāo)簽選擇器可以實現(xiàn)上、下標(biāo)的插入方法：在快速插入面版中找到“標(biāo)簽選擇器”——html——sup點擊“插入”后，輸入上標(biāo)內(nèi)容，確定即可。注：下標(biāo)sub的插入方法同上。

添加上、下標(biāo)的方法利用標(biāo)簽選擇器可以實現(xiàn)上12水平線水平線對于信息的組織很有用。在頁面上，可以使用一條或多條水平線以可視方式分隔文本和對象。創(chuàng)建水平線修改水平線

水平線水平線對于信息的組織很有用。在頁面上，可以13創(chuàng)建水平線（1）在“文檔”窗口中，將插入點放在要插入水平線的位置。（2）執(zhí)行以下操作之一。選擇[插入][HTML][水平線]菜單命令；在“插入”欄的“HTML”選項中單擊“水平線”按鈕。創(chuàng)建水平線（1）在“文檔”窗口中，將插入點放在要14修改水平線（1）在“文檔”窗口中，選擇要修改的水平線。（2）選擇[窗口][屬性]菜單命令，打開如圖3-7所示的屬性面板，然后根據(jù)需要對屬性進行設(shè)置。也可以在圖形軟件中制作一些矩形條后用插入圖形的方法插入到Web頁面中，用這種方法做成的水平線更加豐富多彩。圖3-7修改水平線（1）在“文檔”窗口中，選擇要修改的水平15日期Dreamweaver提供了一個方便的日期對象，該對象使可以以任何喜歡的格式插入當(dāng)前日期（包含或不包含時間都可以），并在每次保存文件時都自動更新該日期。將當(dāng)前日期插入到文檔中的具體操作如下。

（1）在“文檔”窗口中將插入點放在要插入日期的位置。（2）執(zhí)行下列操作之一。日期Dreamweaver提供了一個方便的日期16選擇[插入][日期]菜單命令；在“插入”欄的“常用”選項中，單擊“插入日期”按鈕。

如果選中了復(fù)選框，則在日期格式插入到文檔中后可以對其進行編輯，方法是單擊已設(shè)置格式的日期文本，然后在屬性面板中單擊按鈕，接著在打開的“插入日期”對話框中重新進行設(shè)定即可。選擇[插入][日期]菜單命令；17如果希望在每次保存文檔時都更新插入的日期，可選中“存儲時自動更新”復(fù)選框。如果希望日期在插入后變成純文本并永遠不自動更新，請取消選擇該選項。如果希望在每次保存文檔時都更新插入的日期，可18格式化文本

“文本”屬性面板中各選項含義及設(shè)置方法如下。

格式

樣式粗體

斜體

字體大小

顏色對齊方式鏈接格式化文本“文本”屬性面板中各選項含義及設(shè)置方法如下。19格式

設(shè)置所選文本（一般是標(biāo)題文本）的段落樣式。“段落”是應(yīng)用<p>標(biāo)簽的默認(rèn)格式，“標(biāo)題1”添加<H1>標(biāo)簽，各具體選項如圖3-8所示，設(shè)置該選項可以將所選的文本設(shè)置成各種標(biāo)題。標(biāo)題號越小，字體越大。要設(shè)置字體的“格式”屬性，只需在“格式”下拉列表中選擇相應(yīng)的選項即可，其效果如圖3-9所示。格式設(shè)置所選文本（一般是標(biāo)題文本）的段落樣式。20圖3-8圖3-9圖3-8圖3-921項目列表有序列表無序列表創(chuàng)建嵌套列表項目列表有序列表22有序列表有序列表又稱為編號列表，是有一定排列順序的列表，一般前面有數(shù)字前導(dǎo)字符，也可以是阿拉伯?dāng)?shù)字、英文字母、羅馬數(shù)字等符號。有序列表有序列表又稱為編號列表，是有一定排列順23無序列表

無序列表又稱為項目列表，是一系列無順序級別關(guān)系的項目文本組成的列表，一般前面是用項目符號作為前導(dǎo)字符。無序列表無序列表又稱為項目列表，是一系列無順序24創(chuàng)建嵌套列表創(chuàng)建嵌套列表的具體操作如下。

（1）選擇要嵌套的列表項。（2）單擊屬性面板中的“縮進”按鈕，或選擇[文本][縮進]菜單命令。Dreamweaver自動縮進文本并創(chuàng)建一個單獨的列表，該列表具有原始列表的HTML屬性，如圖3-10所示。（3）按照以上列表的創(chuàng)建方法，對縮進的文本應(yīng)用新的列表類型或樣式。完成的效果如圖3-11所示。創(chuàng)建嵌套列表創(chuàng)建嵌套列表的具體操作如下。25圖3-10圖3-11圖3-10圖3-1126在創(chuàng)建一個頁面時，可以先對整個頁面進行布局，然后再向頁面中填入各種內(nèi)容。網(wǎng)頁布局的方法很多，主要有表格布局、層布局和框架布局3種方式。在創(chuàng)建一個頁面時，可以先對整個頁面進行布局，27移動文字的制作<marquee>文字</marquee>Behavior（方式）Scroll:一圈一圈繞著走Slide:只走一次Alternate:來回走Direction:方向Loop:循環(huán)次數(shù)Scrollamount:速度Scrolldelay:延時移動文字的制作<marquee>文字</marquee>28課后練習(xí)填空題判斷題問答題上機操作題課后練習(xí)填空題29填空題

（1）段落對齊有左對齊、右對齊、

和

4種方式。（2）“文本”屬性面板中的圖標(biāo)可以對所選文本進行

設(shè)置，用圖標(biāo)可以對所選文本進行

設(shè)置。居中對齊傾斜兩端對齊加粗填空題居中對齊傾斜兩端對齊加粗30判斷題（1）DreamweaverMX2004中只能進行無格式文本。

（）（2）對水平線進行顏色設(shè)置后只能在瀏覽器中才能看到顏色顯示效。

（）×√判斷題（1）DreamweaverMX2004中只能進行31問答題（1）如何在Web頁面中添加多個空格？

（2）如何添加和刪除字體列表項中的字體種類？

（3）如何更改字體列表的順序？問答題（1）如何在Web頁面中添加多個空格？32上機操作題1.根據(jù)本課所學(xué)內(nèi)容，請讀者自己創(chuàng)建一個Web頁面，在文檔中輸入自已的簡歷，并根據(jù)自己的想法添加字體列表、并設(shè)置字體的大小、顏色及段落對齊方式。要求：有上、下標(biāo)的使用，有豎排文字，日期，水平線等

上機操作題1.根據(jù)本課所學(xué)內(nèi)容，請讀者自己創(chuàng)建33第二章校園網(wǎng)站的制作第一部分:新建站點網(wǎng)頁標(biāo)題表格的使用制作logo、特效圖片制作導(dǎo)航欄建立超級鏈接并設(shè)置樣式層的介紹第二章校園網(wǎng)站的制作第一部分:34新建站點請同學(xué)在dreamweaver中新建一站點；在dreamweaver中打開站點；在dreamweaver中關(guān)閉站點新建站點請同學(xué)在dreamweaver中新建一站點；35網(wǎng)頁標(biāo)題的設(shè)置操作步驟：在空白處點右鍵——網(wǎng)頁屬性——標(biāo)題輸入網(wǎng)頁的標(biāo)題即可網(wǎng)頁標(biāo)題的設(shè)置操作步驟：36表格插入表格；注：行數(shù)：定義表格行的數(shù)目。列數(shù)：定義表格列的數(shù)目。表格寬度：以像素為單位或按占瀏覽器窗口寬度的百分比來定義該表格在瀏覽器中的顯示寬度。邊框粗細：指定表格邊框的寬度（以像素為單位）。單元格邊距：確定單元格邊框和單元格內(nèi)容之間相距的像素數(shù)。單元格間距：確定相鄰的表格單元格之間相距的像素數(shù)。表格插入表格；37使用fireworks制作logo和特效圖新建文檔的方法；調(diào)整圖象，畫布大小；圖層的介紹；選擇工具；漸變工具的介紹；特效的添加；使用fireworks制作logo和特效圖新建文檔的方法；38導(dǎo)航欄的制作在單元格背景色上添加文字，形成最簡單的導(dǎo)航；背景圖片上添加文字；軟件自帶按紐；代碼實現(xiàn)圖片翻轉(zhuǎn)效果；導(dǎo)航欄的制作在單元格背景色上添加文字，形成最簡單的導(dǎo)航；39超級鏈接的制作插入超級鏈接；設(shè)置超級鏈接文字翻轉(zhuǎn)效果；（頁面屬性）為超級鏈接文字設(shè)置css樣式；超級鏈接的制作插入超級鏈接；40課后作業(yè)：每個同學(xué)按照課堂所講方法，制作“電子信息分院首頁”。

課后作業(yè)：41第二章文本與文檔本章學(xué)習(xí)要點：網(wǎng)頁文檔的基本操作網(wǎng)頁文檔的屬性設(shè)置插入普通文本、特殊文本網(wǎng)頁文本的屬性設(shè)置插入水平線和時間項目列表的建立方法移動文字的制作方法第二章文本與文檔本章學(xué)習(xí)要點：42插入文本普通文本特殊文本在字符之間添加空格上、下標(biāo)的制作水平線日期插入文本普通文本43文本是網(wǎng)頁制作的核心內(nèi)容，DreamweaverMX2004允許通過以下方式在Web頁中添加文本：直接將文本輸入到頁面中、從其他文檔復(fù)制和粘貼文本或從其他應(yīng)用程序中拖放文本。能夠合并到Web頁的常見文檔類型有ASCII文本文件、RTF文件和MSOffice文檔，用Dreamweaver可以從這些文檔類型中的任何一種程序取出文本，然后將文本插入到Web頁中。文本是網(wǎng)頁制作的核心內(nèi)容，Dreamweaver44普通文本普通文本是指一般的漢字或英文文本，將光標(biāo)直接定位到編輯窗口中要輸入文字的地方，然后直接輸入文字即可插入。也可在其他文本編輯器中編輯文本（Word、WPS等），然后復(fù)制該文字，打開要添加該文字的Web頁面，選擇[編輯][粘貼]命令即可粘貼一般的文本。但Dreamweaver不保留在其他應(yīng)用程序中設(shè)置的文本格式，只可以保留換行符。如果想保留文本的格式，可以選擇[編輯][帶格式粘貼]命令，如果不想保留文本格式，還可選擇[編輯][粘貼文本]命令。普通文本普通文本是指一般的漢字或英文文本，將光標(biāo)45特殊文本在DreamweaverMX2004中，可以在文檔中插入多種特殊符號，如版權(quán)復(fù)制符號、并列符、注冊商標(biāo)符號等。要插入特殊符號，具體操作如下。

（1）將光標(biāo)定位到插入特殊字符的位置。（2）單擊“插入”欄中的“文本”選項卡，如圖3-1所示。（3）單擊按鈕，展開如圖3-2所示的“字符”下拉列表。

特殊文本在DreamweaverMX2046圖3-1圖3-2圖3-1圖3-247（4）如果還需要輸入其他的特殊字符，可以在“字符”下拉列表中選擇“其他字符”選項，打開如圖3-3所示的“插入其他字符”對話框。（5）單擊需要的字符后再單擊按鈕即可輸入相應(yīng)的字符，如圖3-4所示。也可以選擇[插入][HTML][特殊字符]菜單命令下的相應(yīng)命令插入相應(yīng)字符。

（4）如果還需要輸入其他的特殊字符，可以在“字符”48圖3-3圖3-4圖3-3圖3-449 在字符之間添加空格

DreamweaverMX2004的HTML代碼只允許字符之間包含一個空格，若要在文檔中添加其他空格，必須插入不換行空格，也可以設(shè)置一個在文檔中自動添加不換行空格的參數(shù)選擇。插入不換行空格設(shè)置添加不換行空格的參數(shù)

在字符之間添加空格DreamweaverM50

插入不換行空格

插入不換行空格，可執(zhí)行如下操作之一。在“插入”欄的“文本”選項卡中，單擊“字符”按鈕，在下拉列表中選擇“插入不換行空格”選項。選擇[插入][HTML][特殊字符][不換行空格]菜單命令。按【Ctrl+Shift+空格鍵】鍵輸入。將輸入法切換到全角狀態(tài)再按空格鍵。

插入不換行空格插入不換行空格，可執(zhí)行如下操作51設(shè)置添加不換行空格的參數(shù)設(shè)置添加不換行空格的參數(shù)，具體操作如下。

（1）選擇[編輯][首選參數(shù)]菜單命令。（2）在“分類”列表的“常規(guī)”選項中選中復(fù)選框。（3）單擊按鈕保存即可。

設(shè)置添加不換行空格的參數(shù)設(shè)置添加不換行空格的參數(shù)，具52添加上、下標(biāo)的方法利用標(biāo)簽選擇器可以實現(xiàn)上、下標(biāo)的插入方法：在快速插入面版中找到“標(biāo)簽選擇器”——html——sup點擊“插入”后，輸入上標(biāo)內(nèi)容，確定即可。注：下標(biāo)sub的插入方法同上。

添加上、下標(biāo)的方法利用標(biāo)簽選擇器可以實現(xiàn)上53水平線水平線對于信息的組織很有用。在頁面上，可以使用一條或多條水平線以可視方式分隔文本和對象。創(chuàng)建水平線修改水平線

水平線水平線對于信息的組織很有用。在頁面上，可以54創(chuàng)建水平線（1）在“文檔”窗口中，將插入點放在要插入水平線的位置。（2）執(zhí)行以下操作之一。選擇[插入][HTML][水平線]菜單命令；在“插入”欄的“HTML”選項中單擊“水平線”按鈕。創(chuàng)建水平線（1）在“文檔”窗口中，將插入點放在要55修改水平線（1）在“文檔”窗口中，選擇要修改的水平線。（2）選擇[窗口][屬性]菜單命令，打開如圖3-7所示的屬性面板，然后根據(jù)需要對屬性進行設(shè)置。也可以在圖形軟件中制作一些矩形條后用插入圖形的方法插入到Web頁面中，用這種方法做成的水平線更加豐富多彩。圖3-7修改水平線（1）在“文檔”窗口中，選擇要修改的水平56日期Dreamweaver提供了一個方便的日期對象，該對象使可以以任何喜歡的格式插入當(dāng)前日期（包含或不包含時間都可以），并在每次保存文件時都自動更新該日期。將當(dāng)前日期插入到文檔中的具體操作如下。

（1）在“文檔”窗口中將插入點放在要插入日期的位置。（2）執(zhí)行下列操作之一。日期Dreamweaver提供了一個方便的日期57選擇[插入][日期]菜單命令；在“插入”欄的“常用”選項中，單擊“插入日期”按鈕。

如果選中了復(fù)選框，則在日期格式插入到文檔中后可以對其進行編輯，方法是單擊已設(shè)置格式的日期文本，然后在屬性面板中單擊按鈕，接著在打開的“插入日期”對話框中重新進行設(shè)定即可。選擇[插入][日期]菜單命令；58如果希望在每次保存文檔時都更新插入的日期，可選中“存儲時自動更新”復(fù)選框。如果希望日期在插入后變成純文本并永遠不自動更新，請取消選擇該選項。如果希望在每次保存文檔時都更新插入的日期，可59格式化文本

“文本”屬性面板中各選項含義及設(shè)置方法如下。

格式

樣式粗體

斜體

字體大小

顏色對齊方式鏈接格式化文本“文本”屬性面板中各選項含義及設(shè)置方法如下。60格式

設(shè)置所選文本（一般是標(biāo)題文本）的段落樣式。“段落”是應(yīng)用<p>標(biāo)簽的默認(rèn)格式，“標(biāo)題1”添加<H1>標(biāo)簽，各具體選項如圖3-8所示，設(shè)置該選項可以將所選的文本設(shè)置成各種標(biāo)題。標(biāo)題號越小，字體越大。要設(shè)置字體的“格式”屬性，只需在“格式”下拉列表中選擇相應(yīng)的選項即可，其效果如圖3-9所示。格式設(shè)置所選文本（一般是標(biāo)題文本）的段落樣式。61圖3-8圖3-9圖3-8圖3-962項目列表有序列表無序列表創(chuàng)建嵌套列表項目列表有序列表63有序列表有序列表又稱為編號列表，是有一定排列順序的列表，一般前面有數(shù)字前導(dǎo)字符，也可以是阿拉伯?dāng)?shù)字、英文字母、羅馬數(shù)字等符號。有序列表有序列表又稱為編號列表，是有一定排列順64無序列表

無序列表又稱為項目列表，是一系列無順序級別關(guān)系的項目文本組成的列表，一般前面是用項目符號作為前導(dǎo)字符。無序列表無序列表又稱為項目列表，是一系列無順序65創(chuàng)建嵌套列表創(chuàng)建嵌套列表的具體操作如下。

（1）選擇要嵌套的列表項。（2）單擊屬性面板中的“縮進”按鈕，或選擇[文本][縮進]菜單命令。Dreamweaver自動縮進文本并創(chuàng)建一個單獨的列表，該列表具有原始列表的HTML屬性，如圖3-10所示。（3）按照以上列表的創(chuàng)建方法，對縮進的文本應(yīng)用新的列表類型或樣式。完成的效果如圖3-11所示。創(chuàng)建嵌套列表創(chuàng)建嵌套列表的具體操作如下。66圖3-10圖3-11圖3-10圖3-1167在創(chuàng)建一個頁面時，可以先對整個頁面進行布局，然后再向頁面中填入各種內(nèi)容。網(wǎng)頁布局的方法很多，主要有表格布局、層布局和框架布局3種方式。在創(chuàng)建一個頁面時，可以先對整個頁面進行布局，68移動文字的制作<marquee>文字</marquee>Behavior（方式）Scroll:一圈一圈繞著走Slide:只走一次Alternate:來回走Direction:方向Loop:循環(huán)次數(shù)Scrollamount:速度Scrolldelay:延時移動文字的制作<marquee>文字</marquee>69課后練習(xí)填空題判斷題問答題上機操作題課后練習(xí)填空題70填空題

（1）段落對齊有左對齊、右對齊、

和

4種方式。（2）“文本”屬性面板中的圖標(biāo)可以對所選文本進行

設(shè)置，用圖標(biāo)可以對所選文本進行

設(shè)置。居中對齊傾斜兩端對齊加粗填空題居中對齊傾斜兩端對齊加粗71判斷題（1）DreamweaverMX2004中只能進行無格式文本。

（）（2）對水平線進行顏色設(shè)置后只能在瀏覽器中才能看到顏色顯示效。

（）×√判斷題（1）Dre