網(wǎng)頁設(shè)計與Web編程chapter04

1、第四章第四章 Dreamweaver CS3入門入門 內(nèi)容提要內(nèi)容提要p4.1 文本及排版文本及排版 p4.2 設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性 p4.3 插入表格插入表格 p4.4 插入多媒體對象插入多媒體對象 p4.5 插入插入Java Applet p4.6 創(chuàng)建超級鏈接創(chuàng)建超級鏈接 p4.7 Dreamweaver CS3新增功能新增功能 4.1 文本及排版文本及排版p插入文本插入文本 1.直接輸入法：在打開直接輸入法：在打開Dreamweaver文檔窗口時，將光文檔窗口時，將光標(biāo)定位到需要輸入文本的地方，直接鍵盤輸入即可。標(biāo)定位到需要輸入文本的地方，直接鍵盤輸入即可。 2.復(fù)

2、制粘貼法：選取合適的文本，直接復(fù)制到復(fù)制粘貼法：選取合適的文本，直接復(fù)制到Dreamweaver文檔窗口中的光標(biāo)所在處。文檔窗口中的光標(biāo)所在處。 3.導(dǎo)入已有導(dǎo)入已有Word文檔，在文檔，在Dreamweaver文檔窗口中，將文檔窗口中，將光標(biāo)定位到要導(dǎo)入文本的地方，選擇菜單光標(biāo)定位到要導(dǎo)入文本的地方，選擇菜單“文件文件”|“導(dǎo)導(dǎo)入入|”|“WORD文檔文檔”命令，彈出命令，彈出“導(dǎo)入導(dǎo)入Word文檔文檔”對話對話框，在其中選擇要導(dǎo)入的框，在其中選擇要導(dǎo)入的Word文檔，單擊該對話框的文檔，單擊該對話框的“打開打開”命令，就可以導(dǎo)入文本了。命令，就可以導(dǎo)入文本了。 4.1 文本及排版文本及排版

3、p插入特殊符號插入特殊符號 選擇選擇“插入插入”工具欄中的工具欄中的“文本文本“工具工具欄欄”的按鈕的按鈕如果在下拉列表中沒有合適的符號，就如果在下拉列表中沒有合適的符號，就單擊下拉列表最后一個單擊下拉列表最后一個 按鈕，彈出按鈕，彈出“插入其他字符插入其他字符”對話框中進(jìn)行選擇：對話框中進(jìn)行選擇： 4.1 文本及排版文本及排版p 格式化文本格式化文本 p 1.設(shè)置字符格式設(shè)置字符格式p1）選擇文檔中的）選擇文檔中的“Dreamweaver CS3 入門入門”字樣。字樣。p2）單擊）單擊“字體字體”下拉列表框，從中選擇下拉列表框，從中選擇“華文隸書華文隸書”選項。如果字體列表框中沒有所需的字體

4、，可以通過選項。如果字體列表框中沒有所需的字體，可以通過“編輯字體列表編輯字體列表”來選擇。來選擇。排版后的文字效果4.1 文本及排版文本及排版p3）單擊）單擊“大小大小”下拉列表框下拉列表框，從中選擇，從中選擇“24”選項。選項。p4）單擊）單擊“顏色顏色”右側(cè)的文本右側(cè)的文本框中輸入顏色代碼框中輸入顏色代碼#3399CC，也可以直接用選色棒在拾色器也可以直接用選色棒在拾色器上取色。上取色。p單擊按鈕單擊按鈕 ，得到排版后的，得到排版后的文字效果。文字效果。4.1 文本及排版文本及排版p2.使用段落和標(biāo)題：使用段落和標(biāo)題：“屬性屬性”面板中的面板中的“格式格式”下拉列表框下拉列表框 “段落”

5、是應(yīng)用標(biāo)簽的默認(rèn)格式，“標(biāo)題1”添加標(biāo)簽，設(shè)置該選項可以將所選的文本設(shè)置成各種標(biāo)題。Dreamweaver中提供的標(biāo)題號越小，字體越大 p3.對齊文本：對齊文本：“屬性屬性”面板中對齊方式有面板中對齊方式有右對齊、居中、左對齊、兩端對齊。右對齊、居中、左對齊、兩端對齊。 4.1 文本及排版文本及排版p4.縮進(jìn)與擴(kuò)展縮進(jìn)與擴(kuò)展 向中間縮進(jìn)向中間縮進(jìn) ：“文本縮進(jìn)文本縮進(jìn)”按鈕按鈕 向兩側(cè)展開向兩側(cè)展開 ：“文本凸出文本凸出”按鈕按鈕 p5.首行縮進(jìn)首行縮進(jìn) 問題：中文書寫習(xí)慣每段首行縮進(jìn)問題：中文書寫習(xí)慣每段首行縮進(jìn)2個漢字個漢字的寬度的寬度 解決方式：用戶使用解決方式：用戶使用“插入插入”工具

6、欄來插入工具欄來插入空格符空格符 具體方法如下：具體方法如下：1）插入）插入文本文本4.1 文本及排版文本及排版 此時會打開警告窗口，提示由于文檔中使此時會打開警告窗口，提示由于文檔中使用的不是西歐字符，有些瀏覽器可能不會用的不是西歐字符，有些瀏覽器可能不會正常顯示特殊字符正常顯示特殊字符 2）單擊換行按鈕后的下拉按鈕，在展開）單擊換行按鈕后的下拉按鈕，在展開的下拉列表中選擇的下拉列表中選擇“不換行空格不換行空格” ：注注:解決方式解決方式:勾選勾選“以后不再顯示以后不再顯示”復(fù)選框，然后單擊復(fù)選框，然后單擊“確定確定”按按鈕。鈕。 4個不換行空格個不換行空格 =2個字的空格個字的空格 4.1

7、 文本及排版文本及排版p創(chuàng)建項目列表創(chuàng)建項目列表 p1.無序項目列表無序項目列表(幾何符號來表示其列表幾何符號來表示其列表關(guān)系關(guān)系 )（2）選擇要添加無序項目符號）選擇要添加無序項目符號的段落，單擊的段落，單擊“屬性屬性”面板面板中的中的“項目列表項目列表”按鈕按鈕 （1）選擇要應(yīng)用無序項目符號的所有段落。然后單擊）選擇要應(yīng)用無序項目符號的所有段落。然后單擊“屬性屬性”面板中的面板中的“項目列表項目列表”按鈕按鈕 即可為文本添加項目符號。默認(rèn)狀態(tài)下使用的即可為文本添加項目符號。默認(rèn)狀態(tài)下使用的項目符號為項目符號為“點(diǎn)點(diǎn)”，可以根據(jù)需要，點(diǎn)擊，可以根據(jù)需要，點(diǎn)擊“列表項目列表項目”按鈕，在按鈕，

8、在“列列表屬性表屬性”對話框中更改項目符號。對話框中更改項目符號。4.1 文本及排版文本及排版（2）將光標(biāo)放在文本的末尾，然后按下回車鍵，此時將出現(xiàn)列表的）將光標(biāo)放在文本的末尾，然后按下回車鍵，此時將出現(xiàn)列表的第第2項，然后可以在后面輸入文字。依此類推，就可以將所有列表項，然后可以在后面輸入文字。依此類推，就可以將所有列表項中的文本填寫完整。在輸完最后一項后，連續(xù)項中的文本填寫完整。在輸完最后一項后，連續(xù)2次按下鍵盤上的次按下鍵盤上的回車鍵，項目符號就會消失，結(jié)束列表制作。回車鍵，項目符號就會消失，結(jié)束列表制作。p2.有序項目列表（編號列表有序項目列表（編號列表 ）在開始時按下在開始時按下“編

9、號列表編號列表”按鈕按鈕 無序列表轉(zhuǎn)換為有序列表無序列表轉(zhuǎn)換為有序列表 有序列表轉(zhuǎn)換為無序列表有序列表轉(zhuǎn)換為無序列表 單擊單擊“屬性屬性”面板上的面板上的“編號列表編號列表”按按鈕鈕 單擊單擊“屬性屬性”面板上面板上“項目列表項目列表”按按鈕鈕 選中選中列表列表文字文字4.1 文本及排版文本及排版p3.嵌套項目列表嵌套項目列表(列表顯示不同級別的文列表顯示不同級別的文本內(nèi)容本內(nèi)容)選擇選擇需要需要進(jìn)行進(jìn)行操作操作的列的列表項表項 單擊單擊“屬性屬性”面板中的面板中的“文本縮進(jìn)文本縮進(jìn)”按按鈕鈕 單擊單擊“屬性屬性”面板中的面板中的“文本擴(kuò)展文本擴(kuò)展”按按鈕鈕 右縮進(jìn)形式不右縮進(jìn)形式不同級子列表

10、項同級子列表項 列表項將恢列表項將恢復(fù)原來的設(shè)置復(fù)原來的設(shè)置 4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p設(shè)置文件頭設(shè)置文件頭“文件文件”|“打開打開” 站點(diǎn)根目錄站點(diǎn)根目錄wuhan下找到并下找到并選中已經(jīng)存在的選中已經(jīng)存在的文件文件index.htm 網(wǎng)站頭文件設(shè)置網(wǎng)站頭文件設(shè)置成功成功4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p設(shè)置網(wǎng)頁的編碼設(shè)置網(wǎng)頁的編碼 雙擊雙擊編碼方式：編碼方式：gb2312屬性：使用的屬性：使用的HTTP通信協(xié)議通信協(xié)議 值值 ：瀏覽器下面的：瀏覽器下面的“內(nèi)容內(nèi)容”項定項定義內(nèi)是和網(wǎng)頁義內(nèi)是和網(wǎng)頁內(nèi)容內(nèi)容Content相相關(guān)的關(guān)的 內(nèi)容內(nèi)容”：定義的是：

11、定義的是網(wǎng)頁的編碼方式網(wǎng)頁的編碼方式和字符集和字符集 4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p設(shè)定文檔標(biāo)題設(shè)定文檔標(biāo)題 雙擊雙擊默認(rèn)4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p添加關(guān)鍵字添加關(guān)鍵字(協(xié)助網(wǎng)絡(luò)索引擎尋找網(wǎng)頁協(xié)助網(wǎng)絡(luò)索引擎尋找網(wǎng)頁 ) 關(guān)鍵字之間關(guān)鍵字之間逗號分逗號分開開4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p設(shè)置網(wǎng)頁的刷新設(shè)置網(wǎng)頁的刷新 適用情況：適用情況： 1.在打開某個網(wǎng)頁后的一定時間內(nèi)，讓瀏覽器自動跳轉(zhuǎn)在打開某個網(wǎng)頁后的一定時間內(nèi)，讓瀏覽器自動跳轉(zhuǎn)到一個新網(wǎng)頁；到一個新網(wǎng)頁； 2.用于需要經(jīng)常刷新的網(wǎng)頁，可以讓瀏覽器每隔一段時用于需要經(jīng)常刷新的網(wǎng)頁，可以

12、讓瀏覽器每隔一段時間自動刷新自身網(wǎng)頁。間自動刷新自身網(wǎng)頁?！拔募^文件頭”-“刷刷新新” 4.2設(shè)置文件頭和網(wǎng)頁屬性設(shè)置文件頭和網(wǎng)頁屬性p插入插入meta對象對象(記錄有關(guān)當(dāng)前頁面的信息記錄有關(guān)當(dāng)前頁面的信息 )屬性：指定屬性：指定 Meta 標(biāo)簽是否包含有關(guān)頁面的描述性信息標(biāo)簽是否包含有關(guān)頁面的描述性信息 (name) 或或 HTTP 標(biāo)題信息標(biāo)題信息 (http-equiv)。值：指定您在該標(biāo)簽中提供的信息類型。值：指定您在該標(biāo)簽中提供的信息類型。內(nèi)容：是實(shí)際的信息。內(nèi)容：是實(shí)際的信息。4.3.1 制作表格制作表格p制作簡單表格制作簡單表格 “查看查看”“表格模式表格模式”“標(biāo)準(zhǔn)模標(biāo)準(zhǔn)模式

13、式” “插入記錄插入記錄”菜單中的菜單中的“表格表格” 光標(biāo)定位到要插入表格的地方 4.3.1 制作表格制作表格p （1） 在在“表格大小表格大小”欄中的欄中的“行數(shù)行數(shù)”輸入框中輸入要創(chuàng)建的表格輸入框中輸入要創(chuàng)建的表格的行數(shù)為的行數(shù)為6。在。在“列數(shù)列數(shù)”輸入框中輸入表格的列數(shù)為輸入框中輸入表格的列數(shù)為2。p （2）“表格寬度表格寬度”輸入框用于設(shè)置表格的寬度，右側(cè)的列表中可輸入框用于設(shè)置表格的寬度，右側(cè)的列表中可選擇選擇“像素像素”或或“百分比百分比”。各選項的含義如下：。各選項的含義如下： 像素：若選擇該項則將表格設(shè)置為固定寬度。 百分比：若選擇該項，則按占瀏覽器窗口的百分比指定表格的寬

14、度。p （3）“邊框粗細(xì)邊框粗細(xì)”輸入框用于設(shè)置表格邊框的粗細(xì)。輸入大于輸入框用于設(shè)置表格邊框的粗細(xì)。輸入大于0的整數(shù)表示有邊框，若輸入的整數(shù)表示有邊框，若輸入0表示在網(wǎng)頁中不顯示邊框，在設(shè)計頁表示在網(wǎng)頁中不顯示邊框，在設(shè)計頁面中以虛線表示。此時設(shè)置為面中以虛線表示。此時設(shè)置為2p （4）“單元格邊距單元格邊距”輸入框用于輸入單元格邊框和單元格內(nèi)容之輸入框用于輸入單元格邊框和單元格內(nèi)容之間的像素數(shù)。間的像素數(shù)。p （5）“單元格間距單元格間距”輸入框用于輸入單元格與單元格間的間距值輸入框用于輸入單元格與單元格間的間距值，值越大間距越寬，值越大間距越寬。4.3.1 制作表格制作表格p （6）“頁

15、眉頁眉”欄用于設(shè)置欄用于設(shè)置“頁眉頁眉”在表格中的位置，在表格中的位置，它們的含義如下：它們的含義如下：無：插入不帶表格標(biāo)題列的表格。左：插入左側(cè)為表格標(biāo)題列的表格。頂部：插入頂部為表格標(biāo)題列的表格。兩者：插入左側(cè)和頂部都為表格標(biāo)題列的表格。p （7）設(shè)置好需要的參數(shù)后，單擊）設(shè)置好需要的參數(shù)后，單擊“確定確定”按鈕即可將按鈕即可將設(shè)置的表格插入到設(shè)計頁面中。設(shè)置的表格插入到設(shè)計頁面中。4.3.1 制作表格制作表格p （8）單擊插入表格中）單擊插入表格中“400”旁的向下箭頭。各選項的含義如下：旁的向下箭頭。各選項的含義如下： 選擇表格：選擇該項，就可選取整個表格。 清除所有行高：選擇該項，表

16、格高度為默認(rèn)值。 清除所有寬度：選擇該項，表格寬度縮為一個字符寬。 使所有寬度一致：固定為第一行中所有單元格的寬度。 隱藏表格寬度：選擇該項后表格中的寬度顯示線被隱藏。此時，可選擇 “查看”|“可視化助理”|“表格寬度”命令使其顯示。p （9）單擊）單擊“400”上方的向下箭頭按鈕。各選項的含義如下：上方的向下箭頭按鈕。各選項的含義如下： 左側(cè)插入列：在當(dāng)前列左邊插入一列，則將平分單元格寬度，同時每個單元格下方都出現(xiàn)列按鈕。 右側(cè)插入列：在當(dāng)前列右邊插入一列，重新平分所有單元格寬度。如果在表格的第如果在表格的第1行中輸入文字，就會發(fā)現(xiàn)單元格中的文字自動加粗行中輸入文字，就會發(fā)現(xiàn)單元格中的文字自

17、動加粗并居中到單元格中，這是因為第并居中到單元格中，這是因為第1行中的單元格被定義成了一種特行中的單元格被定義成了一種特殊的單元格殊的單元格-表頭。表頭中的文本會被自動加粗并居中。表頭。表頭中的文本會被自動加粗并居中。4.3.1 制作表格制作表格p制作嵌套表格制作嵌套表格p1將光標(biāo)定位到要插入表格的單元格中將光標(biāo)定位到要插入表格的單元格中。p2單擊單擊“常用常用”工具欄的工具欄的“表格表格”按鈕按鈕 ，打開，打開“插入表格插入表格”對話框。對話框。p3根據(jù)需要分別輸入行數(shù)、列數(shù)、寬度根據(jù)需要分別輸入行數(shù)、列數(shù)、寬度和邊框等項。然后單擊和邊框等項。然后單擊“確定確定”。 4.3.2 編輯表格編輯

18、表格p （1） 選擇表格選擇表格p 如果需要編輯、修改表格，首先必須選中表格，表格如果需要編輯、修改表格，首先必須選中表格，表格的選中方法有以下幾種的選中方法有以下幾種:p 將鼠標(biāo)移到表格上鼠標(biāo)變?yōu)閳D標(biāo)將鼠標(biāo)移到表格上鼠標(biāo)變?yōu)閳D標(biāo) 時，單擊鼠標(biāo)時，單擊鼠標(biāo)左鍵即可。左鍵即可。p 將鼠標(biāo)移到表格的邊框線上，表格四周的邊框線呈將鼠標(biāo)移到表格的邊框線上，表格四周的邊框線呈現(xiàn)紅色，并且光標(biāo)變?yōu)楝F(xiàn)紅色，并且光標(biāo)變?yōu)?或單擊鼠標(biāo)左鍵即可。或單擊鼠標(biāo)左鍵即可。p 將光標(biāo)定位到表格中，表格彈出綠線的標(biāo)志，單擊將光標(biāo)定位到表格中，表格彈出綠線的標(biāo)志，單擊標(biāo)有大小標(biāo)有大小“400”的綠線中的按鈕。然后從列表中選取

19、的綠線中的按鈕。然后從列表中選取“選擇表格選擇表格”項即可。項即可。4.3.2 編輯表格編輯表格p（2）選擇行列）選擇行列p將光標(biāo)移到要選定的行的左側(cè)，當(dāng)所選將光標(biāo)移到要選定的行的左側(cè)，當(dāng)所選行的邊框線變?yōu)榧t色時單擊鼠標(biāo)左鍵即可行的邊框線變?yōu)榧t色時單擊鼠標(biāo)左鍵即可。外層表格行的選定如左圖所示，嵌套表。外層表格行的選定如左圖所示，嵌套表格行的選定如右圖所示。格行的選定如右圖所示。4.3.2 編輯表格編輯表格p 將光標(biāo)定位到所選行最左側(cè)的單元格將光標(biāo)定位到所選行最左側(cè)的單元格中，再水平拖動鼠標(biāo)到該行中最終一個單中，再水平拖動鼠標(biāo)到該行中最終一個單元格中釋放鼠標(biāo)也可選定嵌套表格的行。元格中釋放鼠標(biāo)也

20、可選定嵌套表格的行。p 列的選取方法與行類似，只是從上方來列的選取方法與行類似，只是從上方來選取，如左圖為選取外層表格的列，右圖選取，如左圖為選取外層表格的列，右圖所示為選取嵌套表格的列。所示為選取嵌套表格的列。4.3.2 編輯表格編輯表格p（3）選定單元格）選定單元格p選擇單個單元格：只需將光標(biāo)定位到要選擇單個單元格：只需將光標(biāo)定位到要選定的單元格中即可。選定的單元格中即可。p選擇相鄰的多個單元格：將鼠標(biāo)光標(biāo)定選擇相鄰的多個單元格：將鼠標(biāo)光標(biāo)定位到開始的單元格中，按下鼠標(biāo)左鍵不放位到開始的單元格中，按下鼠標(biāo)左鍵不放，并開始拖動鼠標(biāo)到同一個表格中需要選，并開始拖動鼠標(biāo)到同一個表格中需要選取的單

21、元格區(qū)域的最后一個單元格中釋放取的單元格區(qū)域的最后一個單元格中釋放鼠標(biāo)即可。鼠標(biāo)即可。 p選中不相鄰的單元格：按住鍵盤的選中不相鄰的單元格：按住鍵盤的Ctrl鍵，用鼠標(biāo)單擊要選中的單元格，可以選鍵，用鼠標(biāo)單擊要選中的單元格，可以選定任意多個不相鄰的單元格定任意多個不相鄰的單元格 4.3.2 編輯表格編輯表格p（4）合并與拆分單元格）合并與拆分單元格 選取要合并的單元格區(qū)域。選取要合并的單元格區(qū)域。 單擊單擊“屬性屬性”面板左下角的按鈕即可。如果未面板左下角的按鈕即可。如果未見該按鈕，則點(diǎn)擊右下角見該按鈕，則點(diǎn)擊右下角 按鈕可使該按鈕出現(xiàn)按鈕可使該按鈕出現(xiàn)。將光標(biāo)定位于要拆分的單元格中。將光標(biāo)定

22、位于要拆分的單元格中。單擊單擊“屬性屬性”面板中的按鈕，面板中的按鈕，“拆分單元格拆分單元格”對對話框。話框。在在“把單元格拆分把單元格拆分”欄中，選中欄中，選中“行行(列列)”單選項單選項。在在“行行(列列)數(shù)數(shù)”框中輸入要拆分的行框中輸入要拆分的行(列列)數(shù)，如數(shù)，如輸入輸入3。單擊單擊“確定確定”按鈕，即可按設(shè)置的參數(shù)拆分指定按鈕，即可按設(shè)置的參數(shù)拆分指定的單元格的單元格合并單元格合并單元格 拆分單元格拆分單元格 的行的行(列列)4.3.2 編輯表格編輯表格p（5）插入行列）插入行列p插入單行插入單行p插入多行插入多行p插入單列和插入多列（與插入行相似）插入單列和插入多列（與插入行相似）

23、插入單行插入單行(當(dāng)前行當(dāng)前行上方插入上方插入 )法一：選擇法一：選擇“插入插入”|“表格對象表格對象”|“在上面插入行在上面插入行”命令，即可在當(dāng)前行的上方插入一行，并且命令，即可在當(dāng)前行的上方插入一行，并且該行成為當(dāng)前行。該行成為當(dāng)前行。 法二：選擇法二：選擇“修改修改”|“表格表格”|“插入行插入行”命令，或命令，或在當(dāng)前單元格上單擊鼠標(biāo)右鍵，在彈出的菜單在當(dāng)前單元格上單擊鼠標(biāo)右鍵，在彈出的菜單，選擇，選擇“插入行插入行”命令也可以實(shí)現(xiàn)插入行功能命令也可以實(shí)現(xiàn)插入行功能。4.3.2 編輯表格編輯表格插入多行插入多行(當(dāng)前行當(dāng)前行上方插入上方插入 )步驟一：將光標(biāo)置于表格中希望插入多步驟一

24、：將光標(biāo)置于表格中希望插入多行的位置上，單擊鼠標(biāo)右鍵，在打開的行的位置上，單擊鼠標(biāo)右鍵，在打開的菜單選擇菜單選擇“表格表格”|“插入行或列插入行或列”命令命令，如圖，如圖4-31所示，此時將打開一個所示，此時將打開一個“插插入行或列入行或列”對話框。對話框。 步驟二：在步驟二：在“插入插入”選項組中選擇選項組中選擇“行行”，在在“行數(shù)行數(shù)”文本框中輸入數(shù)值文本框中輸入數(shù)值3，在，在“位置位置”選項組中選中選項組中選中“所選之上所選之上”。單擊。單擊“確定確定”按鈕后就能在光標(biāo)所在的單元格之上插入按鈕后就能在光標(biāo)所在的單元格之上插入3行。行。 4.3.2 編輯表格編輯表格p（6）刪除行列）刪除行

25、列p 法一：選定要刪除的行或列，按法一：選定要刪除的行或列，按Delete鍵即可刪除。鍵即可刪除。p 法二：選定要刪除的行或列，或?qū)⒐鈽?biāo)定位到表格中要法二：選定要刪除的行或列，或?qū)⒐鈽?biāo)定位到表格中要刪除的行或列中，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中刪除的行或列中，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇選擇“表格表格”中選擇中選擇-“刪除行刪除行”或或“刪除列刪除列”命令即可命令即可。4.3.2 編輯表格編輯表格p （7）隱藏單元格之間的分隔線）隱藏單元格之間的分隔線 高級高級p 在文檔中插入一個在文檔中插入一個43的表格，將的表格，將“邊框粗細(xì)邊框粗細(xì)”設(shè)為設(shè)為1像素，其他參數(shù)像素，其他參數(shù)為默認(rèn)

26、狀態(tài)，然后為單元格插入圖片和文字，如左下圖。為默認(rèn)狀態(tài)，然后為單元格插入圖片和文字，如左下圖。p 選中表格，單擊選中表格，單擊“文檔文檔”工具欄中的顯示代碼視圖和設(shè)計視圖按鈕工具欄中的顯示代碼視圖和設(shè)計視圖按鈕“拆拆分分”，將編輯窗口切換為拆分狀態(tài)，在表格的，將編輯窗口切換為拆分狀態(tài)，在表格的標(biāo)簽后輸入標(biāo)簽后輸入rule=“rows”標(biāo)簽值，如右下圖。標(biāo)簽值，如右下圖。4.3.2 編輯表格編輯表格p “rules”參數(shù)有參數(shù)有3個參數(shù)，分別是個參數(shù)，分別是“cols”、“rows”和和“none”，選取不同參數(shù)可以實(shí)現(xiàn)不同的效果。當(dāng)取選取不同參數(shù)可以實(shí)現(xiàn)不同的效果。當(dāng)取“rows”時，只能看到

27、表時，只能看到表格的行框線，隱藏的是表格的縱向分隔線。當(dāng)取格的行框線，隱藏的是表格的縱向分隔線。當(dāng)取“none”時，行框時，行框線和列框線全部隱藏。當(dāng)取線和列框線全部隱藏。當(dāng)取“cols”時，只能看到表格的縱向分隔時，只能看到表格的縱向分隔線，隱藏的是表格的行框線。線，隱藏的是表格的行框線。p 表格邊框的顯示與隱藏，可以用表格邊框的顯示與隱藏，可以用“frame”參數(shù)來控制，它只控參數(shù)來控制，它只控制表格的邊框，而不影響單元格的框線。制表格的邊框，而不影響單元格的框線?！癴rame”的參數(shù)有三種的參數(shù)有三種，分別是，分別是“vsides”表示只顯示的左、右邊框，表示只顯示的左、右邊框，“abo

28、ve”表示只顯表示只顯示表格的上邊框，示表格的上邊框，“below”表示只顯示表格的下邊框。表示只顯示表格的下邊框。設(shè)置設(shè)置rules屬性屬性4.3.3 表格屬性面板的使用表格屬性面板的使用p（1）引例）引例-效果圖如下效果圖如下4.3.3 表格屬性面板的使用表格屬性面板的使用p （2）設(shè)置表格格式）設(shè)置表格格式p 選定表格，打開窗口底部的選定表格，打開窗口底部的“屬性屬性”面板設(shè)置完成后，按面板設(shè)置完成后，按Enter鍵鍵進(jìn)行確認(rèn)進(jìn)行確認(rèn) “間距”輸入框用于設(shè)置相鄰的單元格之間的距離 。“邊框”輸入框用于設(shè)置邊框線的粗細(xì)。此例為“3”。“類”下拉列表框用于選擇設(shè)置的CSS樣式 清除表格的列寬

29、4.3.3 表格屬性面板的使用表格屬性面板的使用p （3）設(shè)置單元格格式）設(shè)置單元格格式p 1. 選定要設(shè)置屬性的單元格行或列，選定要設(shè)置屬性的單元格行或列，“屬性屬性”面板顯示如下圖參面板顯示如下圖參數(shù)數(shù)p 2“水平水平”下拉列表框用于設(shè)置單元格中文本在水平方向上的對下拉列表框用于設(shè)置單元格中文本在水平方向上的對齊方式；齊方式；“垂直垂直”列表框用于設(shè)置單元格中的文本在垂直方向上列表框用于設(shè)置單元格中的文本在垂直方向上的對齊方式。的對齊方式。p 3“寬寬”和和“高高”輸入框用于分別設(shè)置單元格的寬度和高度。默輸入框用于分別設(shè)置單元格的寬度和高度。默認(rèn)的是像素，若用百分比則應(yīng)在數(shù)值后加上百分號認(rèn)

30、的是像素，若用百分比則應(yīng)在數(shù)值后加上百分號 (%)。p 4“背景背景”輸入框用于指定單元格、行或列的背景圖像路徑。也輸入框用于指定單元格、行或列的背景圖像路徑。也可單擊圖標(biāo)從其它位置選擇一幅圖像。可單擊圖標(biāo)從其它位置選擇一幅圖像。.p 5“背景顏色背景顏色”和和“邊框邊框”色塊用于設(shè)置單元格、列或行的背景色塊用于設(shè)置單元格、列或行的背景顏色和邊框顏色。此例背景色為顏色和邊框顏色。此例背景色為“#0066CC”。4.4插入多媒體對象插入多媒體對象p4.4.1 使用圖像使用圖像p4.4.2 插入插入flash對象對象p4.4.3 插入視頻對象插入視頻對象p4.4.4 插入音頻對象插入音頻對象4.4

31、.1 使用圖像使用圖像p1、插入圖像、插入圖像1)“常用常用” “圖像圖像” -“Flash按鈕按鈕” 2)“選擇圖像源文件選擇圖像源文件” -“確定確定” 4.4.1 使用圖像使用圖像3)如果圖像文件在站點(diǎn)外部，系統(tǒng)會提醒是否如果圖像文件在站點(diǎn)外部，系統(tǒng)會提醒是否要將該文件保存在站點(diǎn)內(nèi)部要將該文件保存在站點(diǎn)內(nèi)部 單擊單擊“是是”4)“復(fù)制文件為復(fù)制文件為”(站點(diǎn)內(nèi)尋找一個文件夾保存站點(diǎn)內(nèi)尋找一個文件夾保存 )4.4.1 使用圖像使用圖像在插入圖像文件時，如果在在插入圖像文件時，如果在“首選參數(shù)首選參數(shù)”的的“輔助功能輔助功能”選項卡選項卡中選中了中選中了“圖像圖像”復(fù)選框，將會彈出復(fù)選框，將

32、會彈出“圖像標(biāo)簽輔助功能屬性圖像標(biāo)簽輔助功能屬性”對話框?qū)υ捒?:替換文本:為圖像輸入一個名稱或一段簡短描述(50字符內(nèi))詳細(xì)說明:輸入文件的位置，或使用文件夾圖標(biāo)選擇文件，提供指向與圖像相關(guān)或者提供有關(guān)圖像更多信息的文件鏈接插入圖像效果圖預(yù)覽插入圖像效果圖預(yù)覽另：另：4.4.1 使用圖像使用圖像p2、鼠標(biāo)經(jīng)過圖像、鼠標(biāo)經(jīng)過圖像: 一種在瀏覽器中查看并使用鼠標(biāo)指針移過它時變化的圖像一種在瀏覽器中查看并使用鼠標(biāo)指針移過它時變化的圖像,由主圖由主圖像和次圖像（變化后的圖像）兩幅圖像組成。像和次圖像（變化后的圖像）兩幅圖像組成。1)“常用常用” “圖像圖像” -“鼠標(biāo)經(jīng)過圖鼠標(biāo)經(jīng)過圖像像 ” 圖像名

33、稱：此文本框用于輸入鼠標(biāo)經(jīng)過的圖像的名稱。原始圖像：此選項用于指定在載入網(wǎng)頁時顯示的圖像。 鼠標(biāo)經(jīng)過圖像：此選項用于指定在鼠標(biāo)滑過原始圖像時顯示的圖像。預(yù)載鼠標(biāo)經(jīng)過圖像：此復(fù)選框用于將圖像預(yù)先載入瀏覽器的緩存，以便在用戶經(jīng)鼠標(biāo)指針滑過圖像時不發(fā)生延遲。前往的URL：此選項用于指定當(dāng)用戶按下鼠標(biāo)經(jīng)過圖像時要打開的文件。 4.4.1 使用圖像使用圖像鼠標(biāo)經(jīng)過時效果圖 4.4.1 使用圖像使用圖像p3、設(shè)置圖像屬性、設(shè)置圖像屬性“圖像圖像” -“屬性屬性” 對齊方式：此文本框用于輸入鼠標(biāo)經(jīng)過的圖像的名稱。邊距：此文本框用于輸入鼠標(biāo)經(jīng)過的圖像的名稱。鏈接：直接輸入要鏈接的對象的路徑或選擇瀏覽文件。4.

34、4.1 使用圖像使用圖像編輯 ：6個圖標(biāo)選項 圖標(biāo)名稱功能編輯啟動在首選參數(shù)中指定的外部編輯器，并打開選定的圖像以進(jìn)行編輯。使用Firework最優(yōu)化在Dreamweaver中啟動Fireworks來放置的Fireworks圖像和動畫進(jìn)行快速的導(dǎo)出更改裁切可以修剪圖像的大小，從所選圖像中刪除不需要的區(qū)域重新取樣對已修剪的圖像進(jìn)行重新取樣，提高圖片在新的大小和形狀下的品質(zhì)亮度和對比度修改圖像中像素的亮度和對比度銳化調(diào)整圖像的清晰度4.4.2 插入插入flash對象對象p 1、插入、插入flash動畫動畫p將光標(biāo)定位在要插入將光標(biāo)定位在要插入flash動畫的位置動畫的位置p選擇選擇“插入插入”|“

35、媒體媒體”|“flash”命令，或單擊命令，或單擊“常用常用”工具欄多媒體按鈕，在彈出的下拉菜單選擇工具欄多媒體按鈕，在彈出的下拉菜單選擇flash命令命令，彈出，彈出“選擇文件選擇文件”對話框。對話框。p在在“查找范圍查找范圍”下拉列表框中選擇需要插入的下拉列表框中選擇需要插入的flash動動畫文件。畫文件。 單擊確定按鈕，會在網(wǎng)頁中出現(xiàn)右上圖所示單擊確定按鈕，會在網(wǎng)頁中出現(xiàn)右上圖所示flash標(biāo)志標(biāo)志。如果插入的。如果插入的flash文件不在站點(diǎn)文件夾下，系統(tǒng)會提文件不在站點(diǎn)文件夾下，系統(tǒng)會提示復(fù)制該示復(fù)制該flash文件到站點(diǎn)文件夾下。如果在首選參數(shù)文件到站點(diǎn)文件夾下。如果在首選參數(shù)那里

36、設(shè)置了插入圖像的輔助功能，還會彈出那里設(shè)置了插入圖像的輔助功能，還會彈出“對像標(biāo)對像標(biāo)簽輔助功能屬性簽輔助功能屬性”對話框。對話框。4.4.2 插入插入flash對象對象p選擇插入到網(wǎng)頁中的選擇插入到網(wǎng)頁中的flash動畫元件，此時動畫元件，此時“屬性屬性”面板如圖面板如圖4-53示。示。p選中此對象，可以在選中此對象，可以在“屬性屬性”面板中設(shè)置它的高度和寬度?？梢悦姘逯性O(shè)置它的高度和寬度。可以點(diǎn)擊點(diǎn)擊“屬性屬性”面板上的面板上的“播放播放”按鈕按鈕 來預(yù)覽效果。來預(yù)覽效果。編輯：此按鈕用于啟動Macromedia Flash MX以更新Flash文件。如果計算機(jī)上沒有加載Macromedi

37、a Flash MX，此按鈕將被禁用。 品質(zhì)：此下拉列表框用于在對象播放期間控制抗失真。設(shè)置越高，效果越好比例：此下拉列表框用于指定對象如何在設(shè)置好的寬度和高度尺寸下顯示。 “默認(rèn)值”設(shè)置顯示整個對象。參數(shù)：可設(shè)定ActiveX參數(shù)，這些參數(shù)用于ActiveX控件之間的數(shù)據(jù)交換。4.4.2 插入插入flash對象對象p2、插入、插入flash按鈕按鈕“常用常用” “媒體媒體”-“Flash按鈕按鈕” 4.4.2 插入插入flash對象對象p3、使用、使用Flash文本對象文本對象“常用常用” “媒體媒體”-“Flash文本文本”-“插入插入Flash文文本本” 4.4.2 插入插入flash對

38、象對象p4、插入、插入Flashpaperp將光標(biāo)定位到插入將光標(biāo)定位到插入Flashpaper的位置。的位置。p選擇選擇“插入插入”|“媒體媒體”|“Flashpaper”命令，或單擊命令，或單擊“常用常用”工具欄中多媒體按鈕下的工具欄中多媒體按鈕下的 命令，彈出命令，彈出“插入插入Flashpaper”對話框。對話框。p單擊單擊“源源”文本框后的文本框后的“瀏覽瀏覽”按鈕，在彈出的按鈕，在彈出的“選選擇文件擇文件”對話框中選擇要顯示的對話框中選擇要顯示的Flashpaper文檔。文檔。p在在“寬度寬度”和和“高度高度”文本框中輸入文本框中輸入Flashpaper文檔文檔在網(wǎng)頁中顯示范圍的寬

39、度和高度，如下圖。單擊確定在網(wǎng)頁中顯示范圍的寬度和高度，如下圖。單擊確定按鈕即可插入按鈕即可插入Flashpape文件。文件。4.4.2 插入插入flash對象對象p選擇插入的選擇插入的Flashpaper文件，單擊文件，單擊“屬性屬性”面板中的面板中的 按鈕，即可預(yù)覽按鈕，即可預(yù)覽Flashpaper的效果。如下圖：的效果。如下圖：4.4.3 插入視頻對象插入視頻對象p1、插入、插入FlashVideo將光標(biāo)定位到要插入將光標(biāo)定位到要插入FlashVideo的位置。的位置。選擇選擇“插入插入”|“媒體媒體”|“FlashVideo”命令，或單擊命令，或單擊“常用常用”工具工具欄中多媒體按鈕下

40、欄中多媒體按鈕下 命令，彈出命令，彈出“插入插入FlashVideo”對話對話框框在在“視頻類型視頻類型”下拉列表框中選擇視頻類型。下拉列表框中選擇視頻類型。單擊單擊“URL”文本框后面的文本框后面的“瀏覽瀏覽”按鈕，在彈出的按鈕，在彈出的“選擇文件選擇文件”對話框中選擇要播放的對話框中選擇要播放的Flash視頻文件，這里選擇視頻文件，這里選擇“1320281.flv”文件。文件。在在“外觀外觀”下拉列表框中選擇視頻播放器的外觀界面。選擇后在下拉列表框中選擇視頻播放器的外觀界面。選擇后在“外觀外觀”下拉列表框下方會顯示選擇的界面效果。下拉列表框下方會顯示選擇的界面效果。1.在在“寬度寬度”和和

41、“高度高度”文本框中輸入視頻畫面的寬度和高度，也文本框中輸入視頻畫面的寬度和高度，也可以單擊按鈕自動獲取選擇的視頻文件的寬度和高度?？梢詥螕舭粹o自動獲取選擇的視頻文件的寬度和高度。4.4.3 插入視頻對象插入視頻對象p設(shè)置完成后，對話框如左下圖。設(shè)置完成后，對話框如左下圖。p單擊單擊“確定確定”按鈕關(guān)閉對話框，即可插入按鈕關(guān)閉對話框，即可插入FlashVideo。按。按F12鍵在瀏覽器中進(jìn)行預(yù)覽，效果如右下圖。鍵在瀏覽器中進(jìn)行預(yù)覽，效果如右下圖。4.4.3 插入視頻對象插入視頻對象p 2、插入、插入Shockwave影片影片p將光標(biāo)定位到插入將光標(biāo)定位到插入Shockwave影片所需的位置。影

42、片所需的位置。p選擇選擇“插入插入”|“媒體媒體”|“Shockwave”命令，或單擊命令，或單擊“常用常用”工具欄中多媒體按鈕下的工具欄中多媒體按鈕下的 命令，彈出命令，彈出“插入插入Shockwave”對話框。對話框。1.在該對話框中選擇要插入的在該對話框中選擇要插入的Shockwave影片文件，再影片文件，再單擊單擊“確定確定”按鈕關(guān)閉該對話框，完成按鈕關(guān)閉該對話框，完成Shockwave影影片的插入。在網(wǎng)頁中會出現(xiàn)一個圖標(biāo)，如下圖：片的插入。在網(wǎng)頁中會出現(xiàn)一個圖標(biāo)，如下圖：4.4.3 插入視頻對象插入視頻對象p單擊單擊Shockwave影片圖標(biāo)，在如下圖的影片圖標(biāo)，在如下圖的“屬性屬性

43、”面板面板中設(shè)置其屬性。中設(shè)置其屬性。 p按按F12預(yù)覽得到如右圖所預(yù)覽得到如右圖所示結(jié)果。示結(jié)果。4.4.3 插入視頻對象插入視頻對象p 3、插入、插入ActiveXp將光標(biāo)定位到插入將光標(biāo)定位到插入ActiveX的位置。的位置。p選擇選擇“插入插入”|“媒體媒體”|“ActiveX”命令，或單擊命令，或單擊“常用常用”工具欄工具欄中多媒體按鈕下中多媒體按鈕下 命令，即可在網(wǎng)頁插入命令，即可在網(wǎng)頁插入ActiveX對象。如對象。如上圖。上圖。p選中該控件，然后選中選中該控件，然后選中“源文件源文件”前的復(fù)選框并單擊后面的前的復(fù)選框并單擊后面的“瀏瀏覽文件覽文件”按鈕，此時系統(tǒng)打開插件對話框。

44、選擇要播放的文件，按鈕，此時系統(tǒng)打開插件對話框。選擇要播放的文件，單擊單擊“確定確定”按鈕。按鈕。1.添加了視頻文件后，如需做參數(shù)設(shè)置，則單擊添加了視頻文件后，如需做參數(shù)設(shè)置，則單擊“屬性屬性”面板上面板上“參數(shù)參數(shù)”按鈕，具體參數(shù)設(shè)置如下圖，參數(shù)設(shè)置完成后，保存文件按鈕，具體參數(shù)設(shè)置如下圖，參數(shù)設(shè)置完成后，保存文件，在瀏覽器中就可以欣賞所插入的視頻文件了。，在瀏覽器中就可以欣賞所插入的視頻文件了。4.4.4 插入音頻對象插入音頻對象p 插入插件插入插件(視頻文視頻文件，音樂文件，件，音樂文件，動畫文件動畫文件)p將光標(biāo)定位到插入插件所需將光標(biāo)定位到插入插件所需的位置。的位置。p選擇選擇“插入

45、插入”|“媒體媒體”|“插插件件”命令，或單擊命令，或單擊“常用常用”工具欄中按鈕工具欄中按鈕 下的下的 命令，彈出命令，彈出“插入文件插入文件”對對話框，選擇話框，選擇22.mp3，如右圖，如右圖所示。所示。1.單擊頁面中插件圖標(biāo)，然后單擊頁面中插件圖標(biāo)，然后在其在其“屬性屬性”面板中面板中“寬寬”與與“高高”文本框中輸入數(shù)據(jù)文本框中輸入數(shù)據(jù)，按，按F12預(yù)覽即可。預(yù)覽即可。4.5插入插入Java Applet pJava程序分類程序分類:Java小程序小程序(Applet)和和Java應(yīng)用程序應(yīng)用程序(Application)。Java Applet嵌入在嵌入在WWW的頁面的頁面,作為作為

46、 頁面的組成部分頁面的組成部分被下載被下載,并能運(yùn)行在實(shí)現(xiàn)并能運(yùn)行在實(shí)現(xiàn)Java虛機(jī)器虛機(jī)器(JVM)的的Web瀏覽瀏覽 器中。器中。Java的安全機(jī)制可以防止小程序存取本地文件或的安全機(jī)制可以防止小程序存取本地文件或其他安全方面其他安全方面 的問題。而一個的問題。而一個Java應(yīng)用程序運(yùn)行于應(yīng)用程序運(yùn)行于Web瀏覽器之外瀏覽器之外,沒有沒有Applet運(yùn)行運(yùn)行 時的諸多限制。時的諸多限制。最大區(qū)別最大區(qū)別:Java Applet 沒有主程序沒有主程序,而而Java應(yīng)用程序一定應(yīng)用程序一定要有主程序。要有主程序。區(qū)別：區(qū)別：4.5插入插入Java Appletp例：在站點(diǎn)目錄例：在站點(diǎn)目錄me

47、dia下有一個下有一個Applet程程序文件序文件flame.class，它的作用是顯示出燃，它的作用是顯示出燃燒的文字效果如右下圖：燒的文字效果如右下圖： 步驟一：步驟一：新建文檔，保存到新建文檔，保存到media下。在文檔編輯窗口中，將光下。在文檔編輯窗口中，將光標(biāo)定位在插入標(biāo)定位在插入Applet地方，然后在地方，然后在“媒體媒體”下拉列表中選擇下拉列表中選擇 。此時。此時將打開將打開”選擇文件選擇文件“對話框。在對話對話框。在對話框中找到框中找到Flame.class如右圖。如右圖。4.5插入插入Java Applet步驟二：步驟二：確定選中文件后，選中文檔圖標(biāo)確定選中文件后，選中文檔

48、圖標(biāo) 。接著。接著在在“屬性屬性”面板中設(shè)置其寬度和高度，如圖：面板中設(shè)置其寬度和高度，如圖：參數(shù)對話框中設(shè)參數(shù)對話框中設(shè)置好顯示的文字置好顯示的文字 【done】4.6 創(chuàng)建超級鏈接創(chuàng)建超級鏈接 p4.6.1 地址和鏈接地址和鏈接p4.6.2 添加鏈接添加鏈接p4.6.3 書簽鏈接和熱點(diǎn)鏈接書簽鏈接和熱點(diǎn)鏈接4.6.1 地址和鏈接地址和鏈接1、文件地址 相對地址 絕對地址：適用與創(chuàng)建外部鏈接。如http:/ 根目錄相對地址 文件相對地址 要創(chuàng)建從exercise目錄下的images.htm到站點(diǎn)根目錄下的index.htm的鏈接，鏈接地址應(yīng)是“./index.htm”。要創(chuàng)建到exercis

49、e目錄下的images.htm的鏈接，任何文件中的鏈接地址都可以寫成“/exercise/images.htm”。 2、超級鏈接 外部鏈接：超級鏈接的是站點(diǎn)目錄內(nèi)的文件 內(nèi)部鏈接：超級鏈接的是站點(diǎn)目錄外的文件 4.6.2 添加鏈接添加鏈接p1、添加外部鏈接、添加外部鏈接(文字文字/圖像圖像)-載體為文字為例載體為文字為例步驟一：步驟一：在編輯的網(wǎng)頁中選擇要創(chuàng)建超級鏈接的文字。此時在網(wǎng)頁中在編輯的網(wǎng)頁中選擇要創(chuàng)建超級鏈接的文字。此時在網(wǎng)頁中輸入輸入“武漢大學(xué)武漢大學(xué)”。然后選中文本。然后選中文本。步驟二：步驟二：在在“屬性屬性”面板的面板的“鏈接鏈接”文本框中輸入武漢大學(xué)的網(wǎng)址，文本框中輸入武漢

50、大學(xué)的網(wǎng)址，“http:/ _self:在鏈接所在的同一個框架或窗口中載入所鏈接的文檔。(默認(rèn)值,通常無需指定) _top:在整個瀏覽器窗口中載入所鏈接的文檔，因而會刪除所有框架。4.6.2 添加鏈接添加鏈接p2、添加內(nèi)部鏈接、添加內(nèi)部鏈接 （1）選擇文件方式）選擇文件方式屬性”面板-“鏈擋”-“瀏覽文件” （2）拖放定位圖標(biāo)方式）拖放定位圖標(biāo)方式首先打開要添加鏈接的網(wǎng)頁，并選中要添加鏈接的文字或者圖首先打開要添加鏈接的網(wǎng)頁，并選中要添加鏈接的文字或者圖像。同時在像。同時在“文件文件”面板上展開要鏈接的文件所在的目錄。單面板上展開要鏈接的文件所在的目錄。單擊擊“屬性屬性”面板上按住鏈接定位圖標(biāo)不放，然后將其拖動到要面板上按住鏈接定位圖標(biāo)不放，然后將其拖動到要鏈接的網(wǎng)頁