【正文】 絡課件 ■ 【邊框】：用于設置表格外邊框的寬度。 ■ 【寬】：用于設置表格的寬度，單位為“百分比”或“像素”。下面我們以選擇整個表格為例，講解表格的屬性設置。 第 5章 Dreamweaver與網絡課件 圖 551 【插入行或列】對話框 第 5章 Dreamweaver與網絡課件 ■ 選擇【刪除行】命令，可以刪除所選的一行單元格。 ■ 選擇【插入行】命令，可以在所選單元格的上方插入一行單元格。 4) 單擊 按鈕，即可拆分單元格，原單元格中的內容將保留在拆分后的左上角單元格中。如圖 547所示為合并前后的效果對比。按住 Ctrl鍵的同時單擊其它單元格，可以選擇多個不連續(xù)的單元格。 第 5章 Dreamweaver與網絡課件 ■ 將光標指向表格的左邊框，當光標變?yōu)樾螤顣r單擊鼠標，可以選擇一行單元格。 選擇表格、單元格的操作方法如下： ■ 將光標指向表格邊框，單擊鼠標，可以選擇整個表格。 4) 單擊 按鈕，即可在網頁中插入表格，如圖 546所示。 ■ 【單元格間距】：用于設置表格中單元格之間的間距。 ■ 【行數(shù)】和【列】：用于設置插入表格的行數(shù)和列數(shù)。 第 5章 Dreamweaver與網絡課件 使用表格 在 Dreamweaver CS4中，表格除了可以使大量的信息資料有組織地排列起來以便管理外，還可以用于網頁布局，即將網頁中的元素放到表格的單元格中進行網頁排版，因此它是控制頁面整體布局的重要工具。 ■ 【 Wmode(窗口模式 )】：為 SWF文件設置窗口模式的參數(shù)，以避免與 DHTML元素沖突，默認值是不透明。 ■ 【品質】：用于設置 Flash動畫對象的播放質量。 ■ 【循環(huán)】：選擇該復選框，可以在瀏覽器中循環(huán)播放 Flash動畫。 ■ 【寬】和【高】：用于設置 Flash動畫對象的寬度和高度，單位為像素。 第 5章 Dreamweaver與網絡課件 2) 在【插入】工具欄中選擇【常用】標簽，單擊其中的 按鈕，在打開的菜單中選擇【 SWF】命令，則彈出【選擇文件】對話框。 ■ 【插入】：用于選擇要插入的導航條的方式，可以選擇“水平”或“垂直”方式。 第 5章 Dreamweaver與網絡課件 ■ 【替換文本】：用于輸入鼠標經過圖像時的替代文本。 第 5章 Dreamweaver與網絡課件 ■ 【狀態(tài)圖像】：用于輸入一般狀態(tài)下要顯示的圖像的路徑和文件名。 ■ 【導航條元件】：用于顯示所有的導航元件。制作導航條之前，必須先制作每一個導航按鈕的四種狀態(tài)，準備好了四種狀態(tài)的圖片以后，就可以向網頁中插入導航條了。 【按下時，前往的 URL】：用于為鼠標經過圖像建立超鏈接。 【圖像名稱】：用于輸入圖像名稱。 1) 在【文件】面板中雙擊要編輯的網頁將其打開。 ■ 在【替換】文本框中輸入熱點的說明性文字。 ■ 選擇工具 ，可以選擇并移動建立的熱點。 第 5章 Dreamweaver與網絡課件 圖 538 建立的熱區(qū) 第 5章 Dreamweaver與網絡課件 ■ 選擇工具 后在圖像上拖曳鼠標，可以建立矩形熱點。 第 5章 Dreamweaver與網絡課件 圖 536 【選擇文件】對話框 第 5章 Dreamweaver與網絡課件 圖 537 為圖像建立鏈接 第 5章 Dreamweaver與網絡課件 第 5章 Dreamweaver與網絡課件 除此之外，在 Dreamweaver中也可以為圖像的某一部分建立超鏈接，瀏覽網頁時單擊該部分圖像可以打開鏈接的目標文檔。 1) 在【文件】面板中雙擊“ ”網頁文件將其打開，然后插入三幅圖像，作為導航按鈕，如圖 535所示。 ● 【對齊】：用于設置圖像與其周圍對象之間的對齊方式。 第 5章 Dreamweaver與網絡課件 ●【原始】：用于顯示圖像被載入之前預先載入的低品質圖像的 URL地址，以便縮短用戶的等待時間。 第 5章 Dreamweaver與網絡課件 ●【編輯】：這里提供了編輯圖像的功能，既可以在源程序中編輯圖像，也可以在圖像瀏覽器中優(yōu)化圖像。 ● 【源文件】：用于顯示該圖像文件的 URL地址。要設置圖像的屬性，首先要選擇網頁中的圖像，這時【屬性】面板將顯示圖像的屬性，如圖 534所示。 4) 單擊 按鈕，在彈出的【復制文件為】對話框中將所選圖像文件保存在當前站點中。 2) 在【插入】工具欄中選擇【常用】標簽，單擊其中的 按鈕，在彈出的 【 選擇圖像源文件 】對話框中選擇要插入的圖像文件，這里選擇一幅站點之外的圖像，如圖 530所示。如果在建站前期沒有將圖像規(guī)劃在站點之內，插入圖像時將彈出一個提示框，如圖 529所示，提示用戶將圖像復制到站點中。 9) 在 【 屬性 】 面板中切換到 CSS屬性面板，設置文字的相關格式，也可以建立 CSS規(guī)則格式化文本。 6) 在 【 屬性 】 面板的 【 格式 】 列表中選擇“標題 2”選項，設置網頁的標題。 2) 在 【 屬性 】 面板中單擊 按鈕，在彈出的 【 頁面屬性 】 對話框中切換到 【 外觀 (HTML)】 分類，如圖 523所示。值得注意的是，輸入文本時按下空格鍵并不能移動文字，這是因為在 HTML代碼中不能輸入多個空格。 ●單擊文本顏色塊 ，在彈出的顏色列表中可以選擇文本的顏色。 ● 【字體】：用于選擇所需的字體。 Dreamweaver CS4將 CSS屬性面板與 HTML屬性面板集成在一起，在【屬性】面板中單擊 按鈕，可以切換到CSS屬性面板，如圖 521所示?？梢栽谄浜竺娴奈谋究蛑休斎胍溄游臋n的路徑名稱，也可以單擊右側的 圖標，在彈出的對話框中選擇鏈接的文檔，或者按住 圖標指向要鏈接的文檔建立超鏈接。 ●單擊 按鈕和 按鈕，可以將所選文本加粗和傾斜。選擇要編輯的文本，此時的【屬性】面板如圖 520所示，在這里可以設置文本的各種格式。輸入文本的方法如下： 編輯教學網頁 第 5章 Dreamweaver與網絡課件 ●在編輯窗口中輸入所需的文本。如圖 519所示為在每個文件夾中建立的網頁“ ”、“ ”和“ ”。 4) 根據(jù)“ kejian”站點的要求，用同樣的方法再新建三個文件夾，分別命名為“ Chinese”、“ English”和“ Geography”，用于存放關于語文、英語和地理等方面的內容，如圖 517 所示。 第 5章 Dreamweaver與網絡課件 〖例 52〗 為 kejian站點添加內容。 第 5章 Dreamweaver與網絡課件 在站點中添加網頁文件與文件夾的方法基本一致，操作步驟如下： 1) 在【文件】面板中單擊鼠標右鍵，則彈出一個快捷菜 單。 現(xiàn)在我們已經創(chuàng)建了一個教學站點，不過，目前為止這個站點還是空的，沒有實際內容，因此必須向站點中添加相關的內容。 7) 單擊 按鈕，則通過向導建立了一個本地教學站點。該對話框 詢問用戶如何使用文件，這里選擇第一個選項，然后在下面的文本框中指定一個文件夾，Dreamweaver將在其中存儲站點文件。第二個選項要求輸入站點的 地址，如果還沒有域名，可以暫時不填。這兩種創(chuàng)建站點的方法都是通過向導完成的，非常直觀。其次，為了更好地管理站點內容，便于以后的站點更新與維護工作，需要在站點文件夾下分別建立用于存放站點文件和素材的子文件夾，如用于存放圖像、動畫、應用程序、插件等的文件夾，文件夾的命名最好與所存放的內容相關，以便查找。例如，為了使教學站點具有生動性、吸引性，達到生動簡潔、便于教學的目的，要求每一部分都要有內容文字、相關圖像，甚至還要有動畫、聲音等裝飾。我們首先要考慮站點的服務對象，確定主題內容，同樣是介紹語文、歷史、地理等學科的站點，我們是側重課外輔導，還是側重考試指南？這就是主題問題，只有確定了主題，才能有的放矢地進行工作。 第 5章 Dreamweaver與網絡課件 圖 58 打開的面板組 第 5章 Dreamweaver與網絡課件 單擊面板組中的標簽，可以在不同的面板之間切換。 在【屬性】面板的右下角單擊三角形的切換按鈕，可以將【屬性】面板切換為常用屬性或全部屬性模式，如圖 57所示。在頁面中選擇不同的對象時，【屬性】面板中將顯示出不同對象的屬性。 第 5章 Dreamweaver與網絡課件 狀態(tài)欄 在 Dreamweaver CS4狀態(tài)欄中可以顯示當前光標所在位置的 HTML標記，通過此標記可以確定所編輯的網頁內容。單擊 按鈕可以進入代碼視圖，這是一個用于編寫和編輯HTML、 JavaScript、服務器語言代碼 (如 ASP或 ColdFusion標記語言 )以及其他類型代碼的手工編碼環(huán)境。 單擊【插入】工具欄中的不同標簽可以進行切換，每一個標簽中包括了若干的插入對象按鈕。 對于老用戶而言，如果不適應這種工作界面，可以通過界面切換菜單進行切換，選擇適合自己的界面模式。 制作網絡課件實質上就是建立教學站點， Dreamweaver CS4是目前最流行的一款所見即所得的網站開發(fā)與網頁制作軟件，在制作網絡課件方面具有獨到的優(yōu)勢。因為網絡傳輸速度的“瓶頸”嚴重制約了大體積的“信息文件”的傳播與發(fā)送。正因為如此，課件的體積往往很大，這與網絡傳輸是相互矛盾的。目前可以用于制作網絡課件的工具很多，幾乎所有的網頁制作軟件都可以用于制作網絡課件，例如 FrontPage、 Dreamweaver等，本章主要介紹 Dreamweaver CS4的應用技術。第一次安裝該軟件并啟動后，出現(xiàn)的工作界面如圖 51所示，該工作界面稱為“設計器”界面。 第 5章 Dreamweaver與網絡課件 【插入】工具欄 Dreamweaver CS4的【插入】工具欄中包含了 8個標簽，分別為：常用、布局、表單、數(shù)據(jù)、 Spry、 InContext Editing、文本、收藏夾，如圖 53所示。 第 5章 Dreamweaver與網絡課件 圖 54 【文檔】工具欄 第 5章 Dreamweaver與網絡課件 【文檔】工具欄中的前三個按鈕用于切換視圖模式。在該視圖中， Dreamweaver中顯示的文檔處于可視化編輯狀態(tài)，頁面效果類似于在瀏覽器中查看頁面時看到的內容。 第 5章 Dreamweaver與網絡課件 圖 55 狀態(tài)欄 第 5章 Dreamweaver與網絡課件 【屬性】面板 【屬性】面板用于顯示或修改當前所選對象的屬性。如圖 56所示為選擇表格時的【屬性】面板。當我們打開一個面板時，與其成組的面板會同時出現(xiàn)，如圖58所示。例如，要建立一個教學網站，該網站主要介紹語文、歷史、地理等學科的教學內容。 第 5章 Dreamweaver與網絡課件 以上三項工作完成以后，接下來需要收集與整理站點素材，這是一項費時費力的工作，需要精心組織與籌備。通常情況下，首先根據(jù)站點結構在本地計算機上建立一個站點文件夾，如在 C盤根目錄下建立一個文件夾作為站點文件夾，命名為“教學站點”，用于存放站點的所有文件。 1．創(chuàng)建站點 Dreamweaver CS4提供了兩種創(chuàng)建站點的方法：一是在啟動 Dreamweaver時通過歡迎畫面創(chuàng)建；二是在 Dreamweaver工作環(huán)境下，單擊菜單欄中的【站點】 \【新建站點】命令。 第 5章 Dreamweaver與網絡課件 圖 59 歡迎畫面 第 5章 Dreamweaver與網絡課件 2) 單擊【 Dreamweaver站點】選項，則彈出【 …… 的站點定義為】對話框，在該對話框中有兩個標簽，其中【基本】標簽就是站點定義向導，第一個對話框如圖 510所示，這里有兩個選項，第一個選項要求輸入站點名稱，以便在Dreamweaver中標識該站點，這里輸入“ kejian”。 第 5章 Dreamweaver與網絡課件 圖 511 第二個向導對話框 第 5章 Dreamweaver與網絡課件 4) 單擊 按鈕，進入站點定義向導的第三個對話框，如圖 512所示。 第 5章 Dreamweaver與網絡課件 圖 512 第三個向導對話框 第 5章 Dreamweaver與網絡課件 圖 513 第四個向導對