網(wǎng)頁(yè)制作超鏈接

網(wǎng)頁(yè)制作超鏈接第一頁(yè)，共五十八頁(yè)，2022年，8月28日6.1利用DreamweaverMX處理超鏈接6.1.1超鏈接簡(jiǎn)介1．什么是超鏈接

所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類(lèi)型來(lái)打開(kāi)或運(yùn)行。

第二頁(yè)，共五十八頁(yè)，2022年，8月28日按照鏈接路徑的不同，網(wǎng)頁(yè)中超鏈接一般分為以下3種類(lèi)型：

內(nèi)部鏈接：即在同一個(gè)站點(diǎn)內(nèi)的不同頁(yè)面之間相互聯(lián)

系的超鏈接。錨點(diǎn)鏈接：可以鏈接到網(wǎng)頁(yè)中某個(gè)特定位置的鏈接。外部鏈接：把網(wǎng)頁(yè)與Internet中的目標(biāo)相聯(lián)系的鏈接。如果按照使用對(duì)象的不同，網(wǎng)頁(yè)中的鏈接又可以分為：文本超鏈接、圖像超鏈接、E-mail鏈接、錨點(diǎn)鏈接、多媒體文件鏈接、空鏈接等第三頁(yè)，共五十八頁(yè)，2022年，8月28日3．文檔路徑類(lèi)型在一個(gè)網(wǎng)站中，有絕對(duì)路徑、和根目錄相對(duì)路徑以及和文檔相對(duì)路徑3種類(lèi)型的文檔路徑。

絕對(duì)路徑：是包含服務(wù)器協(xié)議（對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)通常是http://或ftp://）的完全路徑。和文檔相對(duì)的路徑：是指一個(gè)文檔與當(dāng)前文件夾間相對(duì)的路徑。

第四頁(yè)，共五十八頁(yè)，2022年，8月28日第五頁(yè)，共五十八頁(yè)，2022年，8月28日

6.1.2創(chuàng)建文本超鏈接1．建立文本超鏈接

在瀏覽網(wǎng)頁(yè)時(shí)，鼠標(biāo)指針經(jīng)過(guò)某些文本時(shí)，指針的形狀發(fā)生變化，同時(shí)文本也會(huì)發(fā)生變化（如出現(xiàn)下劃線、文本的顏色發(fā)生變化、字體發(fā)生變化等），提示這是帶鏈接的文本。此時(shí)點(diǎn)擊鼠標(biāo)，就會(huì)打開(kāi)所鏈接的網(wǎng)頁(yè)，這就是文本超鏈接。

第六頁(yè)，共五十八頁(yè)，2022年，8月28日在DreamweaverMX中創(chuàng)建文本超鏈接的步驟為：（1）在網(wǎng)頁(yè)上選擇需要添加超鏈接的文本，打開(kāi)文本的屬性面板。

（2）在屬性面板上指定文字的鏈接目標(biāo)。

（3）在“目標(biāo)”下拉列表框中選擇目標(biāo)文件打開(kāi)的方式。設(shè)置結(jié)束后，在網(wǎng)頁(yè)中被選擇的文字改變了顏色，且在文字底部出現(xiàn)一條下劃線，即文字的超鏈接設(shè)置完成。在鍵盤(pán)上按“F12”鍵，即可將網(wǎng)頁(yè)在瀏覽器中打開(kāi)。單擊鏈接的文字，即可打開(kāi)目標(biāo)文件。

第七頁(yè)，共五十八頁(yè)，2022年，8月28日2．編輯文本超鏈接

（1）設(shè)置文本鏈接的狀態(tài)一個(gè)未被訪問(wèn)過(guò)的鏈接與一個(gè)被激活的鏈接在形式上肯定會(huì)有所區(qū)別，鏈接被訪問(wèn)過(guò)了也會(huì)發(fā)生變化，提示用戶(hù)這是一個(gè)已經(jīng)點(diǎn)擊過(guò)的鏈接，所有這些都是鏈接的狀態(tài)。通過(guò)設(shè)置不同的文本顏色可以使各個(gè)狀態(tài)區(qū)別開(kāi)來(lái)。

第八頁(yè)，共五十八頁(yè)，2022年，8月28日

（2）刪除文本超鏈接在DreamweaverMX中要?jiǎng)h除一個(gè)文本超鏈接很容易，先用鼠標(biāo)選定文本對(duì)象，將光標(biāo)定位于屬性面板的“鏈接”文本框中，用“BackSpace”鍵或“Delete”鍵，將其顯示的超鏈接對(duì)象文件名刪除，再回車(chē)，或選擇“修改”|“移除鏈接”命令，都可以刪除超鏈接而保留原文本對(duì)象。第九頁(yè)，共五十八頁(yè)，2022年，8月28日

1．創(chuàng)建圖像超鏈接6.1.3創(chuàng)建圖像超鏈接給圖像添加鏈接，使其指向其他的網(wǎng)頁(yè)或者文檔，就是圖像超鏈接。（1）選中需要建立超鏈接的圖像，此時(shí)屬性面板顯示圖像的屬性。（2）在屬性面板中為圖像添加文檔相對(duì)路徑的鏈接。（3）按“F12”預(yù)覽網(wǎng)頁(yè)。

2．刪除圖像超鏈接刪除圖片超鏈接與刪除文本超鏈接的方法相同。第十頁(yè)，共五十八頁(yè)，2022年，8月28日錨記，也稱(chēng)為書(shū)簽或錨點(diǎn)，用來(lái)標(biāo)記文檔中的特定位置，使用其可以跳轉(zhuǎn)到當(dāng)前文檔或其他文檔中的標(biāo)記位置，免去瀏覽者翻閱網(wǎng)頁(yè)尋找信息的麻煩。在網(wǎng)頁(yè)中加入錨記包括兩方面的工作，一是在網(wǎng)頁(yè)中創(chuàng)建錨記，另一個(gè)就是為錨記建立鏈接。6.1.4創(chuàng)建錨記超鏈接第十一頁(yè)，共五十八頁(yè)，2022年，8月28日創(chuàng)建錨記的步驟如下：（1）將光標(biāo)移到需要加入錨記的地方，一般是將光標(biāo)放置在一行或是一段文字的開(kāi)頭部分。（2）單擊插入“常用”面板上的按鈕，或是選擇主窗口的菜單“插入”|“命名錨記”命令，將彈出“命名錨記”對(duì)話框。（3）在對(duì)話框的“錨記名稱(chēng)”文本框輸入錨記的名稱(chēng)。（4）單擊“確定”按鈕。1．創(chuàng)建錨記第十二頁(yè)，共五十八頁(yè)，2022年，8月28日在命名錨記時(shí)，必須遵循以下規(guī)定：①

只能使用字母和數(shù)字，錨記命名不支持中文。雖然在插入錨記對(duì)話框中能輸入中文，但在屬性面板上顯示的則是一堆亂碼，且在為錨記添加鏈接的時(shí)候，也無(wú)法工作。②

錨記名稱(chēng)的第1個(gè)字符最好是英文字母，一般不要以數(shù)字作為錨記名稱(chēng)的開(kāi)頭。③

錨記名稱(chēng)區(qū)別英文字母的大小寫(xiě)。④

錨記名稱(chēng)間不能含有空格，也不能含有特殊字符。第十三頁(yè)，共五十八頁(yè)，2022年，8月28日創(chuàng)建錨記后，還必須鏈接錨記。選擇想要鏈接到錨記的文字或圖片，然后按如下方法中的任意一種進(jìn)行操作。2．鏈接錨記（1）在屬性面板上的“鏈接”文本框中輸入符號(hào)#和錨記名稱(chēng)。（2）選擇文字或圖片后，按住Shift鍵，然后拖動(dòng)鼠標(biāo)指向錨記。（3）按住屬性面板上的“指向文件”按鈕，并拖動(dòng)鼠標(biāo)指向錨記。

第十四頁(yè)，共五十八頁(yè)，2022年，8月28日在鏈接錨記時(shí)，應(yīng)注意以下事項(xiàng)：①

在#和錨記名之間不要留有空格，否則鏈接會(huì)失敗。②

在不同文件夾中為錨記創(chuàng)建鏈按時(shí)，其文件名后綴必定是“.htm”，而不能寫(xiě)成“.html”，否則鏈接也會(huì)失敗。③

符號(hào)#必須是半角符號(hào)，而不能為全角符號(hào)。第十五頁(yè)，共五十八頁(yè)，2022年，8月28日如果希望瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)，只要瀏覽者單擊E-mail鏈接時(shí)，就會(huì)在瀏覽端自動(dòng)打開(kāi)瀏覽器默認(rèn)的E-mail處理程序，收件人的地址將會(huì)被E-mail超鏈接中的指定地址自動(dòng)裝入，無(wú)需瀏覽者輸入，就需要?jiǎng)?chuàng)建電子郵件鏈接。6.1.5創(chuàng)建電子郵件超鏈接第十六頁(yè)，共五十八頁(yè)，2022年，8月28日創(chuàng)建電子郵件鏈接的步驟如下：（1）將光標(biāo)置于網(wǎng)頁(yè)中要添加E-mail鏈接的地方，或選中文字，通過(guò)插入“常用”面板上的“電子郵件鏈接”按鈕，或通過(guò)主窗口菜單“插入”|“電子郵件鏈接”命令，將彈出“電子郵件鏈接”對(duì)話框。（2）如果未選中文字，可以在“文本”文本框中添加所需文字；如果已經(jīng)選中超鏈接文字，將會(huì)在“文本”文本框中自動(dòng)顯示。然后在“E-mail”文本框中輸入E-mail地址，單擊“確定”按鈕，就可以了。

第十七頁(yè)，共五十八頁(yè)，2022年，8月28日如果想讓網(wǎng)站提供文件下載的功能，就必須建立下載文件超鏈接。實(shí)現(xiàn)文件下載的功能很簡(jiǎn)單，只需加入連接到文件的超鏈接就可以了。連接到網(wǎng)站中下載文件的超鏈接也算是內(nèi)部超鏈接中的一種。創(chuàng)建下載文件超鏈接的方法如下：首先選擇主窗口的菜單“站點(diǎn)”|“站點(diǎn)文件”命令，打開(kāi)站點(diǎn)窗口，找到需要鏈接的目標(biāo)文件。然后選擇網(wǎng)頁(yè)中需建立超鏈接的文字，按下“Shift”鍵拖動(dòng)鼠標(biāo)到站點(diǎn)窗口中的目標(biāo)文件。

6.1.6創(chuàng)建下載文件超鏈接第十八頁(yè)，共五十八頁(yè)，2022年，8月28日空鏈接是一個(gè)未指定目標(biāo)的鏈接，DreamweaverMX的行為面板中列出了許多行為，這些行為相當(dāng)于使用JavaScript編寫(xiě)的程序或函數(shù)，要想對(duì)文本設(shè)置行為，首先為文本建立空鏈接，這樣行為才有效。為文本建立空鏈接時(shí)，只要先在文檔窗口選定文本，然后在屬性面板中的“鏈接”欄中輸入一個(gè)數(shù)值符“#”即可。建立空鏈接的目的就是為了應(yīng)用行為，其他情況下不必建立空鏈接。

6.1.7創(chuàng)建空鏈接第十九頁(yè)，共五十八頁(yè)，2022年，8月28日通過(guò)本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：第4章網(wǎng)頁(yè)表格的處理創(chuàng)建表格的方法編輯表格的方法表格的排序方法表格的格式化方法設(shè)置表格屬性的方法用表格設(shè)計(jì)頁(yè)面布局的方法第二十頁(yè)，共五十八頁(yè)，2022年，8月28日4.1利用DreamweaverMX處理網(wǎng)頁(yè)表格

4.1.1創(chuàng)建表格1．新建表格利用DreamweaverMX創(chuàng)建新表格時(shí)，首先打開(kāi)插入“常用”面板，然后可以通過(guò)下列四種方式中的任意一種：（1）在插入“常用”面板上，單擊插入表格按鈕。（2）通過(guò)主窗口的菜單“插入”|“表格”命令。（3）使用快捷組合鍵“Ctrl+Alt+T”。（4）在插入“常用”面板上，拖動(dòng)表格按鈕到主窗口的工作區(qū)中。第二十一頁(yè)，共五十八頁(yè)，2022年，8月28日?qǐng)?zhí)行完上述任何一種操作，都可以看到如圖所示的“插入表格”對(duì)話框。

行數(shù)：初次指定表格的總行數(shù)。列數(shù)：初次指定表格的總列數(shù)。單元格填充：指定單元格的大小，以像素為單位。單元格間距：指定單元格之間的距離，以像素為單位。寬度：指定表格的寬度，以百分比或像素為單位（百分比用于根據(jù)瀏覽器窗口的大小來(lái)自動(dòng)調(diào)整表格的寬度）。邊框：指定表格邊界的寬度，以像素為單位（如果在瀏覽器窗口中不顯示表格的邊框，則定義為0）。第二十二頁(yè)，共五十八頁(yè)，2022年，8月28日2．導(dǎo)入表格數(shù)據(jù)文件在DreamweaverMX中，利用插入列表數(shù)據(jù)命令可以很容易把表格數(shù)據(jù)加入到網(wǎng)頁(yè)中。在插入外部數(shù)據(jù)前，首先要將表格數(shù)據(jù)文件轉(zhuǎn)換成.txt（文本文件）格式，并且該文件中的數(shù)據(jù)要帶有分隔符，如逗號(hào)、分號(hào)、冒號(hào)等，但加入到DreamweaverMX中的數(shù)據(jù)并不會(huì)出現(xiàn)分隔符，且會(huì)自動(dòng)生成表格。要加入外部數(shù)據(jù)，選擇如下的任何一種操作：（1）選擇“文件”|“導(dǎo)入”|“表格式數(shù)據(jù)”命令。（2）選擇“插入”|“表格對(duì)象”|“導(dǎo)入表格式數(shù)據(jù)”命令。（3）單擊插入“常用”面板上的“表格數(shù)據(jù)”按鈕。第二十三頁(yè)，共五十八頁(yè)，2022年，8月28日4.1.2編輯表格（1）如果要選擇整個(gè)表格，可進(jìn)行如下的操作之一：將光標(biāo)置于表格中的某個(gè)單元格中，選擇“修改”|“表格”|“選擇表格”命令。將光標(biāo)置于表格中的某個(gè)單元格中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格”|“選擇表格”命令。單擊表格的邊線。1．選擇表格第二十四頁(yè)，共五十八頁(yè)，2022年，8月28日（2）選擇單個(gè)單元格的方法有以下幾種：將光標(biāo)置于所要選擇的單元格中，按一次組合鍵“Ctrl+A”。將光標(biāo)置于所要選擇的單元格中，向右拖動(dòng)鼠標(biāo)。按住Ctrl鍵，單擊所要選擇的單元格，再單擊一次則取消對(duì)單元格的選擇。第二十五頁(yè)，共五十八頁(yè)，2022年，8月28日（3）選擇多個(gè)單元格的方法有以下幾種：按住Ctrl鍵，單擊所要選擇的所有單元格。將光標(biāo)置于單元格中，拖動(dòng)鼠標(biāo)，選擇多個(gè)單元格。如果要選擇整行，將光標(biāo)置于該行的左邊緣，當(dāng)光標(biāo)變成圖標(biāo)時(shí)單擊鼠標(biāo)左鍵。如果要選擇整列，將光標(biāo)置于該列的上邊緣，當(dāng)光標(biāo)變成圖標(biāo)時(shí)單擊鼠標(biāo)左鍵。第二十六頁(yè)，共五十八頁(yè)，2022年，8月28日（4）選擇的全部單元格的方法有以下幾種：將光標(biāo)置于第1個(gè)單元格中，并拖動(dòng)鼠標(biāo)至最后一個(gè)單元格。將光標(biāo)置于第1個(gè)單元格中，按住Shift鍵，再單擊最后一個(gè)單元格。將光標(biāo)置于第1行的左邊緣，當(dāng)光標(biāo)變成圖標(biāo)時(shí)，向下拖動(dòng)鼠標(biāo)至最后一行。將光標(biāo)置于第1列的上邊緣，當(dāng)光標(biāo)變成圖標(biāo)時(shí)，向右拖動(dòng)鼠標(biāo)至最后一列。

第二十七頁(yè)，共五十八頁(yè)，2022年，8月28日（1）在現(xiàn)有的表格中插入單元行，可以選擇以下的操作之一：將光標(biāo)移到要插入單元行的下一行，選擇“修改”|“表格”|“插入行”命令。將光標(biāo)移到要插入單元行的下一行，按組合鍵“Ctrl+M”。將光標(biāo)移到要插入單元行的下一行，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格”|“插入行”命令。

2．添加/刪除行列第二十八頁(yè)，共五十八頁(yè)，2022年，8月28日（2）在現(xiàn)有的表格中插入單元列，可以選擇以上的操作之一：將光標(biāo)移到在插入單元列的右邊一列，選擇“修改”|“表格”|“插入列”命令。將光標(biāo)移到要插入單元列的右邊一列，按組合鍵“Ctrl+Shift+A”。將光標(biāo)移到要插入單元列的右邊一列，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格”|“插入列”命令。第二十九頁(yè)，共五十八頁(yè)，2022年，8月28日（3）如果想在現(xiàn)有的表格中添加多行或多列，可執(zhí)行以下操作：首先將光標(biāo)移到要插入行或列附近的單元格中，單擊鼠標(biāo)右鍵，在彈出的下拉菜單中選擇“表格”|“插入行或列”命令，或是選擇“修改”|“表格”|“插入行或列”命令，將彈出如圖4-5所示的“插入行或列”對(duì)話框。在此對(duì)話框中進(jìn)行相關(guān)的設(shè)置，然后單擊“確定”按鈕，設(shè)置的多列或多行將插入到頁(yè)面中。

第三十頁(yè)，共五十八頁(yè)，2022年，8月28日（4）刪除整行/整列，可以采用下列辦法之一：先選擇欲刪除的整行或整列，直接按Del鍵，即可刪除。先將光標(biāo)移到要?jiǎng)h除的行或列中，選擇“修改”|“表格”|“刪除行”或“刪除列”命令。將光標(biāo)移到要?jiǎng)h除的行或列中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格”|“刪除行”或“刪除列”命令。

第三十一頁(yè)，共五十八頁(yè)，2022年，8月28日（1）設(shè)置表格的寬度及高度在DreamweaverMX中，修改表格的大小有以下兩種方法。①通過(guò)鼠標(biāo)拖曳法可以粗略地調(diào)整表格的大小。②通過(guò)“表格屬性”對(duì)話框可以精確地調(diào)整表格的大小。在創(chuàng)建表格時(shí)，可以通過(guò)表格對(duì)話框來(lái)設(shè)置表格的寬度，但無(wú)法設(shè)置表格的高度，如果要設(shè)置表格的高度，可以通過(guò)表格屬性面板來(lái)確定。

3．修改表格大小第三十二頁(yè)，共五十八頁(yè)，2022年，8月28日（2）設(shè)置單元格的寬度及高度在默認(rèn)情況下，單元格的寬度是隨表格的寬度而定的，表格中每一列的寬度基本上都相等，也就是說(shuō)每一個(gè)單元格的寬度都是相同的。如果不指定表格的高度，則表格中同一行的高度也是相等的，即單元格的高度相同。在屬性面板上可以改變單元格默認(rèn)的寬度和高度。將光標(biāo)置于需要設(shè)置寬度或高度的單元格中，此時(shí)屬性面板顯示單元格屬性。在屬性面板上的“寬”或“高”文本框中輸入適當(dāng)?shù)臄?shù)值即可。但單元格寬度與高度的單位只可以使用像素，不能使用百分比。

第三十三頁(yè)，共五十八頁(yè)，2022年，8月28日4．合并/拆分單元格

（1）合并單元格首先在表格中選擇需合并的單元格，屬性面板變成單元格屬性面板，然后選擇下列操作之一：選擇“修改”|“表格”|“合并單元格”命令。單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格”|“合并單元格”命令。按組合鍵“Ctrl+Alt+M”。單擊單元格屬性面板上的合并單元格圖標(biāo)。

第三十四頁(yè)，共五十八頁(yè)，2022年，8月28日

（2）拆分單元格首先在表格中選擇需拆分的單元格，選擇下列任何一種操作：選擇“修改”|“表格”|“拆分單元格”命令。單擊鼠標(biāo)右鍵，在彈出的下拉菜單中選擇“表格”|“拆分單元格”命令。按組合鍵“Ctrl+Alt+S”。單擊屬性面板上的拆分單元格圖標(biāo)。在“拆分單元格”對(duì)話框中，可以選擇拆分成行和列以及行/列的數(shù)量。第三十五頁(yè)，共五十八頁(yè)，2022年，8月28日4.1.3表格屬性的設(shè)置要將表格背景設(shè)為單一的顏色，首先選擇整個(gè)表格，再單擊屬性面板上“背景顏色”后面的顏色框，在彈出的調(diào)色板中選擇顏色，或者是在后面的文本框中直接輸入顏色的色碼；要將圖像設(shè)為表格的背景，首先選擇整個(gè)表格，再在屬性面板上的“背景圖像”文本框中輸入圖像所在的路徑，或是單擊其后的文件夾圖標(biāo)，在彈出的對(duì)話框中選擇圖像文件。1．設(shè)置表格的背景第三十六頁(yè)，共五十八頁(yè)，2022年，8月28日5．在表格中添加文字和圖片

（1）在表格中添加文字在上圖中的表格內(nèi)按要求輸入文字，調(diào)整文字的字號(hào)、字體、對(duì)齊方式等。

（2）在表格中插入圖片①

選中要插入圖片的單元格，選擇“插入”|“圖像”菜單命令，打開(kāi)“選擇圖像源”對(duì)話框，如圖所示；②在對(duì)話框中選擇圖像，選中圖像文件之后，單擊“確認(rèn)”按鈕，圖片即插入到相應(yīng)的單元格里。第三十七頁(yè)，共五十八頁(yè)，2022年，8月28日2．設(shè)置表格的邊框顏色和寬度

設(shè)置表格的邊框顏色和寬度時(shí)，必須指定表格的邊框線的寬度不為0。

要為表格的邊框指定顏色和寬度，可按如下步驟進(jìn)行。（1）選擇表格，單擊其屬性面板上“邊框顏色”的顏色框，在彈出的調(diào)色板中選擇顏色，或者是在后面的文本框中直接輸入顏色的色碼，即可為表格的邊框添加顏色。（2）在表格屬性面板上的“邊框”文本框中輸入邊框的寬度數(shù)值。第三十八頁(yè)，共五十八頁(yè)，2022年，8月28日在DreamweaverMX中可以實(shí)現(xiàn)按數(shù)字的排序和按字母的排序，具體操作方法如下：（1）單擊表格中的任一單元格，執(zhí)行主菜單中的“命令”|“排序表格”命令，打開(kāi)“排序表格”對(duì)話框，如圖所示。（2）在“排序按”下拉列表框中選擇要排序的列（第一關(guān)鍵字），在“順序”下拉列表框中選擇所需順序。（3）在“再按”下拉列表框中選擇要進(jìn)行次級(jí)排序的順序。（4）單擊“確定”按鈕完成設(shè)置。4.1.4表格的排序第三十九頁(yè)，共五十八頁(yè)，2022年，8月28日

DreamweaverMX預(yù)置了十幾種表格設(shè)計(jì)，使用這些預(yù)置的表格樣式格式化表格，可以大大提高表格的設(shè)計(jì)效率。格式化表格的具體操作方法如下：選擇一個(gè)表格，然后執(zhí)行主菜單中的“命令”|“格式化表格”命令，打開(kāi)如圖所示的“格式化表格”對(duì)話框。從中選擇一種模板方案，再對(duì)各選項(xiàng)進(jìn)一步自定義設(shè)置，然后應(yīng)用于自己所設(shè)計(jì)的表格中。4.1.5表格的格式化

第四十頁(yè)，共五十八頁(yè)，2022年，8月28日

DreamweaverMX提供了一種新的網(wǎng)頁(yè)排版視圖——布局視圖（LayoutView），在這種視圖模式下，用戶(hù)可以通過(guò)繪制布局表格和布局單元格，從而可以像在一張白紙上用筆來(lái)規(guī)劃網(wǎng)頁(yè)的布局，并可在布局單元格中插入文本和圖像，通過(guò)移動(dòng)布局表格和布局單元格的位置來(lái)精確地定位網(wǎng)頁(yè)上的文本和圖像。步驟如下：

1．打開(kāi)“布局視圖”面板

2.繪制布局表格4.1.6用表格進(jìn)行頁(yè)面布局

第四十一頁(yè)，共五十八頁(yè)，2022年，8月28日通過(guò)本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：認(rèn)識(shí)框架網(wǎng)頁(yè)創(chuàng)建框架網(wǎng)頁(yè)的方法編輯框架網(wǎng)頁(yè)的方法設(shè)置框架屬性的方法第8章利用框架技術(shù)制作網(wǎng)頁(yè)第四十二頁(yè)，共五十八頁(yè)，2022年，8月28日8.1認(rèn)識(shí)框架網(wǎng)頁(yè)

框架網(wǎng)頁(yè)是—種特殊的HTML網(wǎng)頁(yè)，它可將瀏覽器窗口分成不同的區(qū)域，稱(chēng)為框架區(qū)域。每個(gè)區(qū)域都可以顯示不同的網(wǎng)頁(yè)。在框架網(wǎng)頁(yè)中，用來(lái)分隔網(wǎng)頁(yè)的窗格稱(chēng)為框架。每個(gè)框架包括框架高度、框架寬度、滾動(dòng)條和框架邊框，此外還可指定框架的內(nèi)邊距（框架與網(wǎng)頁(yè)正文之間的距離）。第四十三頁(yè)，共五十八頁(yè)，2022年，8月28日（1）只要單擊某一個(gè)框架區(qū)域內(nèi)的超鏈接，其指向的網(wǎng)頁(yè)就會(huì)在另一個(gè)框架區(qū)域中顯示，而不必將整個(gè)瀏覽器窗口中的內(nèi)容更換一遍。（2）固定網(wǎng)頁(yè)中的某些內(nèi)容。（3）并不是所有的瀏覽器都能顯示框架網(wǎng)頁(yè)，這也是框架網(wǎng)頁(yè)的一個(gè)局限。1．框架網(wǎng)頁(yè)的特點(diǎn)第四十四頁(yè)，共五十八頁(yè)，2022年，8月28日

2．框架網(wǎng)頁(yè)的結(jié)構(gòu)

根據(jù)框架分布的不同和各框架作用的不同，框架網(wǎng)頁(yè)被分為多種類(lèi)型。常用到的框架結(jié)構(gòu)有：左側(cè)框架、右側(cè)框架、頂部框架、底部框架、上方和下方框架以及各種嵌套框架結(jié)構(gòu)。第四十五頁(yè)，共五十八頁(yè)，2022年，8月28日在DreamweaverMX中創(chuàng)建框架的具體操作步驟如下：（1）選擇主菜單中的“文件”|“新建”命令，打開(kāi)一個(gè)新文檔窗。（2）將插入面板切換到“框架”類(lèi)，插入面板如圖所示。8.2利用DreamweaverMX處理框架

8.2.1創(chuàng)建框架網(wǎng)頁(yè)1.建立框架

第四十六頁(yè)，共五十八頁(yè)，2022年，8月28日（3）執(zhí)行以下操作之一，即可創(chuàng)建框架。選擇“插入”|“框架”命令，從彈出的子菜單中選擇任意一個(gè)選項(xiàng)。選擇“修改”|“框架頁(yè)”命令，從彈出的子菜單中選擇任意一個(gè)選項(xiàng)。單擊插入“框架”面板上的任一種插入框架圖標(biāo)按鈕。第四十七頁(yè)，共五十八頁(yè)，2022年，8月28日

2．建立嵌套的框架組

一個(gè)框架組嵌套在另一個(gè)框架組內(nèi)稱(chēng)之為嵌套框架組，使用嵌套框架組可以為一個(gè)文檔創(chuàng)建多個(gè)框架。要?jiǎng)?chuàng)建嵌套的框架組，可執(zhí)行以下操作操作步驟：（1）將光標(biāo)放到與插入嵌套框架組的框架中。（2）執(zhí)行以下操作之一，即可創(chuàng)建嵌套的框架組。選擇“插入”|“框架”命令，從彈出的子菜單中選擇任意一個(gè)選項(xiàng)。選擇“修改”|“框架頁(yè)”命令，從彈出的子菜單中選擇任意一個(gè)選項(xiàng)。單擊插入“框架”面板中的插入框架圖標(biāo)按鈕。

第四十八頁(yè)，共五十八頁(yè)，2022年，8月28日（1）選擇整個(gè)框架要選擇整個(gè)框架可執(zhí)行以下操作之一：①將鼠標(biāo)指針移到整個(gè)邊框位置的同時(shí)，按住Alt鍵，當(dāng)鼠標(biāo)指針變?yōu)榇怪奔^（或水平箭頭）時(shí)，單擊邊框即可選中整個(gè)框架。②如果當(dāng)前選擇的是一個(gè)子框架，需要重新選擇整個(gè)框架，可以將鼠標(biāo)指針移到第一次分割框架的邊框位置，當(dāng)鼠標(biāo)指針變?yōu)榇怪奔^（或水平箭頭）時(shí)，單擊邊框即可選中整個(gè)框架組。③除了上述方法之外，選擇框架還可以通過(guò)“框架”面板來(lái)完成。3．選擇框架第四十九頁(yè)，共五十八頁(yè)，2022年，8月28日（2）選擇子框架在文檔窗口中按住Alt鍵，然后用鼠標(biāo)單擊欲選擇的子框架。文檔窗口中該子框架的周?chē)惶摼€包圍，表示它已經(jīng)被選中，同時(shí)在狀態(tài)欄上加黑顯示標(biāo)記符<frame>。同樣也可以通過(guò)“框架”面板來(lái)選擇子框架。只要在框架面板中單擊相應(yīng)的子框架即可，

4．刪除框架將光標(biāo)放在框架的邊框上，當(dāng)光標(biāo)變成垂直箭頭（或水平箭頭）時(shí)，按住鼠標(biāo)左鍵，將框架的邊框拖出父框架或頁(yè)面之外，即可將這個(gè)框架刪除。

第五十頁(yè)，共五十八頁(yè)，2022年，8月28日

8.2.2編輯框架網(wǎng)頁(yè)框架創(chuàng)建好以后，就可以對(duì)框架進(jìn)行編輯了。每一個(gè)框架里都是一個(gè)文檔，可以直接添加內(nèi)容，也可以在框架內(nèi)打開(kāi)已經(jīng)存在的文檔。

演示編輯框架網(wǎng)頁(yè)

第五十一頁(yè)，共五十八頁(yè)，2022年，8月28日

8.2.3保存框架網(wǎng)頁(yè)

每一個(gè)框架都包含一個(gè)文檔，因此一個(gè)框架集會(huì)包含多個(gè)文檔。在保存文檔的時(shí)候，不能只簡(jiǎn)單地保存一個(gè)文檔，要將整個(gè)網(wǎng)頁(yè)文檔都保存下來(lái)。演示編輯框架網(wǎng)頁(yè)

第五十二頁(yè)，共五十八頁(yè)，2022年，8月28日8.2.4框架屬性及框架組屬性設(shè)置

1．框架屬性利用框架屬性面板可以查看和設(shè)置框架的屬性，如為框架命名、設(shè)置框架的邊框及顏色等。首先選擇“窗口”|“其它”|“框架”命令，或按快捷鍵“Shift+F2”，打開(kāi)“框架”