《dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作教程ch03》

《《dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作教程ch03》》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、第三章　文檔的基本操作文檔是頁(yè)面基本元素的集合。文檔的處理是網(wǎng)頁(yè)制作中的基本操作，包括打開(kāi)和編輯文檔、設(shè)置文檔屬性、定義文檔標(biāo)題等多方面內(nèi)容。本章介紹了文檔的基本操作、在文檔中插入對(duì)象以及文檔中文本內(nèi)容的修飾等方面的內(nèi)容。3.1文檔的創(chuàng)建和儲(chǔ)存3.1.1創(chuàng)建空白文檔用戶通過(guò)以下兩種方法創(chuàng)建一個(gè)空白的文檔：l啟動(dòng)DreamweaverMX，即可直接創(chuàng)建一個(gè)空白文檔。l如果DreamweaverMX已經(jīng)啟動(dòng)，要?jiǎng)?chuàng)建空白文檔，可以使用如下步驟：（1）單擊“文件”菜單下的“新建”命令。2）彈出“新建文檔”對(duì)話框。選擇“常規(guī)”標(biāo)簽中的“基本頁(yè)”類(lèi)別中的“HTML”，然后單擊“創(chuàng)建”按鈕即可。3.1

2、.2打開(kāi)現(xiàn)有文檔如果文檔已經(jīng)存在，用戶可以使用以下步驟打開(kāi)文檔：（1）啟動(dòng)DreamweaverMX，單擊“文件”菜單下的“打開(kāi)”命令。（2）出現(xiàn)一個(gè)Windows標(biāo)準(zhǔn)的“打開(kāi)”對(duì)話框，選定擇需要的文件，按下“打開(kāi)”按扭，即可打開(kāi)該文檔。打開(kāi)后的結(jié)果如圖所示。3.1.3基于模板創(chuàng)建文檔將頁(yè)面設(shè)計(jì)文檔保存為站點(diǎn)中的模板后，就可以創(chuàng)建基于該模板的頁(yè)面了?；谀０鍎?chuàng)建文檔的步驟如下：（1）單擊“文件”菜單下的“新建”命令。（2）彈出“新建文檔”對(duì)話框，選擇“模板”標(biāo)簽，對(duì)話框名改為“從模板新建”。（3）選擇已存在的模板，然后單擊“創(chuàng)建”按鈕即可。注意：要使用模板來(lái)創(chuàng)建文檔，必須首先創(chuàng)建本地的站

3、點(diǎn)。3.1.4存儲(chǔ)和關(guān)閉文檔l在對(duì)文檔內(nèi)容編輯完成之后，要存儲(chǔ)該文檔。用戶可以通過(guò)以下步驟存儲(chǔ)文檔：（1）單擊“文件”菜單下的“保存”命令，或是直接按下Ctrl+S組合鍵。（2）如果該文檔尚未保存過(guò)，則會(huì)出現(xiàn)Windows標(biāo)準(zhǔn)的“保存為”對(duì)話框。選擇路徑并輸入文件名，按下“保存”按鈕，如圖所示。注意，如果該文檔已被保存過(guò)，則會(huì)直接存儲(chǔ)文檔，不會(huì)再出現(xiàn)對(duì)話框。l如果希望文檔以其他的名稱保存，用戶可以通過(guò)以下步驟將文檔另存為：（1）單擊“文件”菜單下的“保存”命令，或直接按組合鍵Ctrl+Shift+S。（2）這是會(huì)出現(xiàn)文檔“保存為”對(duì)話框。選擇路徑輸入新的文件名，保存即可。l如果在制作過(guò)程

4、中打開(kāi)多個(gè)頁(yè)面，希望將所有文檔都保存，可以通過(guò)以下步驟：（1）單擊“文件”菜單下的“保存全部”命令。（2）如果某些文檔尚未保存過(guò)，則會(huì)出現(xiàn)“存儲(chǔ)為”對(duì)話框，用戶選擇路徑、文件名保存即可。注意：每個(gè)未保存的文檔都會(huì)彈出一個(gè)“存儲(chǔ)為”對(duì)話框。l在不需要對(duì)文檔進(jìn)行編輯時(shí)，用戶可以通過(guò)以下步驟關(guān)閉文檔：（1）單擊“文件”菜單下的“關(guān)閉”命令，如圖所示，或者直接按組合鍵Ctrl+W。（2）如果該文檔尚未保存，則出現(xiàn)提示“保存為”對(duì)話框，如圖所示，提示用戶首先保存文檔。（3）當(dāng)用戶單擊“是”則保存文檔，單擊“否”則不保存文檔，單擊“取消”則放棄該操作。用戶可以根據(jù)自己的需要做出相應(yīng)的選擇。3.2添加

5、文本和插入對(duì)象文檔窗口中可以添加文本，也可以插入一些對(duì)象，如圖像、日期或字符等等。3.2.1添加文本在文檔中添加文本可以在當(dāng)前光標(biāo)位置直接添加，也可在層或表格中添加。l.在文檔的光標(biāo)所在位置添加，用戶可以通過(guò)以下步驟操作：（1）??用鼠標(biāo)點(diǎn)擊準(zhǔn)備添加文本的位置。直接添加文本。效果如圖所示。在層內(nèi)添加文本，用戶可按照如下步驟操作：（1）在層內(nèi)添加文本之前必須先激活層，即用鼠標(biāo)單擊層內(nèi)的任意位置。在層內(nèi)輸入文本。效果如圖所示。在表中添加文本與再層內(nèi)添加文本類(lèi)似，單擊任意單元格，如圖所示選擇第一行第一列的單元格錄入文字即可。在文檔中添加文本是文檔基本操作中最基礎(chǔ)的操作，在任意的網(wǎng)頁(yè)元素中都可以

6、添加文本。文本是網(wǎng)頁(yè)內(nèi)容的精華，一個(gè)網(wǎng)站的好壞主要由其文本內(nèi)容是否豐富來(lái)衡量。3.2.2插入對(duì)象在文檔中可以插入圖像、表格和其他各種對(duì)象，這些對(duì)象構(gòu)成網(wǎng)頁(yè)元素。在以后的每一章中用戶都要學(xué)習(xí)如何在網(wǎng)頁(yè)中插入各類(lèi)對(duì)象的方法。這里只介紹在網(wǎng)頁(yè)中插入圖像的方法。l使用“插入”菜單插入圖像用戶可以通過(guò)以下步驟使用菜單插入一副圖像打開(kāi)“插入”菜單，選擇“圖像”，如圖所示。（2）出現(xiàn)“選擇圖像源”對(duì)話框，如圖所示。（3）在“查找范圍”中選擇圖像所在的文件夾中，然后選擇圖像。單擊“確認(rèn)”即可把圖像插入相應(yīng)位置。注意，在此面板的右下方有“預(yù)覽圖像”復(fù)選框，選擇即可在“選擇圖像源”對(duì)話框中預(yù)覽圖像。l使用插

7、入面板插入圖像使用插入面板插入圖像，如圖下所示選擇“插入面板”的圖像按鈕，即可彈出圖所示的“選擇圖像源”對(duì)話框，其余步驟與使用菜單插入圖像完全一致，這里不在累述。3.2.3插入日期和特殊字符1．插入日期因?yàn)榫W(wǎng)頁(yè)需要不斷的更新，所以其日期也會(huì)發(fā)生變化，為了讓瀏覽者感覺(jué)到網(wǎng)頁(yè)消息的及時(shí)性，可以在適當(dāng)?shù)奈恢貌迦肴掌?。要往文檔中插入當(dāng)前日期，可以按照如下方法進(jìn)行操作：l使用“插入”菜單插入“日期”（1）打開(kāi)“插入”菜單，選擇“日期”，如右圖