網頁設計與Web編程 Dreamweaver CS3入門

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28、ve”表示只顯表示只顯示表格的上邊框，示表格的上邊框，“below”表示只顯示表格的下邊框。表示只顯示表格的下邊框。設置設置rules屬性屬性4.3.3 表格屬性面板的使用表格屬性面板的使用p（1）引例）引例-效果圖如下效果圖如下4.3.3 表格屬性面板的使用表格屬性面板的使用p （2）設置表格格式）設置表格格式p 選定表格，打開窗口底部的選定表格，打開窗口底部的“屬性屬性”面板設置完成后，按面板設置完成后，按Enter鍵鍵進行確認進行確認 “間距”輸入框用于設置相鄰的單元格之間的距離 ?！斑吙颉陛斎肟蛴糜谠O置邊框線的粗細。此例為“3”?！邦悺毕吕斜砜蛴糜谶x擇設置的CSS樣式 清除表格的列寬

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

30、的是像素，若用百分比則應在數(shù)值后加上百分號 (%)。p 4“背景背景”輸入框用于指定單元格、行或列的背景圖像路徑。也輸入框用于指定單元格、行或列的背景圖像路徑。也可單擊圖標從其它位置選擇一幅圖像。可單擊圖標從其它位置選擇一幅圖像。.p 5“背景顏色背景顏色”和和“邊框邊框”色塊用于設置單元格、列或行的背景色塊用于設置單元格、列或行的背景顏色和邊框顏色。此例背景色為顏色和邊框顏色。此例背景色為“#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)如果圖像文件在站點外部，系統(tǒng)會提醒是否如果圖像文件在站點外部，系統(tǒng)會提醒是否要將該文件保存在站點內部要將該文件保存在站點內部 單擊單擊“是是”4)“復制文件為復制文件為”(站點內尋找一個文件夾保存站點內尋找一個文件夾保存 )4.4.1 使用圖像使用圖像在插入圖像文件時，如果在在插入圖像文件時，如果在“首選參數(shù)首選參數(shù)”的的“輔助功能輔助功能”選項卡選項卡中選中了中選中了“圖像圖像”復選框，將會彈出復選框，將

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

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

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

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

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

37、Flash MX，此按鈕將被禁用。 品質：此下拉列表框用于在對象播放期間控制抗失真。設置越高，效果越好比例：此下拉列表框用于指定對象如何在設置好的寬度和高度尺寸下顯示。 “默認值”設置顯示整個對象。參數(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將光標定位到插入將光標定位到插入Flashpaper的位置。的位置。p選擇選擇“插入插入”|“媒體媒體”|“Flashpaper”命令，或單擊命令，或單擊“常用常用”工具欄中多媒體按鈕下的工具欄中多媒體按鈕下的 命令，彈出命令，彈出“插入插入Flashpaper”對話框。對話框。p單擊單擊“源源”文本框后的文本框后的“瀏覽瀏覽”按鈕，在彈出的按鈕，在彈出的“選選擇文件擇文件”對話框中選擇要顯示的對話框中選擇要顯示的Flashpaper文檔。文檔。p在在“寬度寬度”和和“高度高度”文本框中輸入文本框中輸入Flashpaper文檔文檔在網頁中顯示范圍的寬度和

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

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

41、“寬度寬度”和和“高度高度”文本框中輸入視頻畫面的寬度和高度，也文本框中輸入視頻畫面的寬度和高度，也可以單擊按鈕自動獲取選擇的視頻文件的寬度和高度。可以單擊按鈕自動獲取選擇的視頻文件的寬度和高度。4.4.3 插入視頻對象插入視頻對象7.設置完成后，對話框如左下圖。設置完成后，對話框如左下圖。8.單擊單擊“確定確定”按鈕關閉對話框，即可插入按鈕關閉對話框，即可插入FlashVideo。按。按F12鍵在瀏覽器中進行預覽，效果如右下圖。鍵在瀏覽器中進行預覽，效果如右下圖。4.4.3 插入視頻對象插入視頻對象p 2、插入、插入Shockwave影片影片1.將光標定位到插入將光標定位到插入Shockwa

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

43、圖標，在如下圖的“屬性屬性”面板面板中設置其屬性。中設置其屬性。 5.按按F12預覽得到如右圖所預覽得到如右圖所示結果。示結果。4.4.3 插入視頻對象插入視頻對象p 3、插入、插入ActiveX1.將光標定位到插入將光標定位到插入ActiveX的位置。的位置。2.選擇選擇“插入插入”|“媒體媒體”|“ActiveX”命令，或單擊命令，或單擊“常用常用”工具欄工具欄中多媒體按鈕下中多媒體按鈕下 命令，即可在網頁插入命令，即可在網頁插入ActiveX對象。如對象。如上圖。上圖。3.選中該控件，然后選中選中該控件，然后選中“源文件源文件”前的復選框并單擊后面的前的復選框并單擊后面的“瀏瀏覽文件覽文

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

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

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

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

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

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

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