【正文】 表格 ? 插入媒體元素 ? 插入表單 2022/4/14 68 ?插入文字 ? 在 Dreamweaver中為網(wǎng)頁插入文本有兩種方法： ? 直接輸入文本 ? 從其他文檔中復制文本 2022/4/14 69 ?插入特殊符號 ? 將插入工具切換到 “ 文本 ” 工具組； ? 使用菜單 “ 插入 ” → “ HTML” → “特殊字符 ” 。 （ 5） 在代碼中出現(xiàn) marquee/marquee，在中間的兩個尖括號“ ”之間輸入要滾動的文字，如“歡迎訪問勵志學社的主頁！” 。 將工具按鈕切換到“ HTML”，單擊水平線按鈕 單擊該水平線，可在屬性面板中設置水平線的屬性，如寬度、高度、對齊方式等。 2022/4/14 90 添加表格 ?新建表格 ?修改表格屬性 ?設置單元格屬性 2022/4/14 91 （ 1）將插入工具欄切換到“常用”模式，單擊表格按鈕 （ 2）在表格對話框中設置表格的樣式。 將“插入”工具欄切換為“布局”模式，在右邊單擊表格數(shù)據(jù)按鈕 選擇數(shù)據(jù)文件為 Excel導出的文本文件 ，定界符選“ Tab”。 （ 3） 在“源”中指定背景音樂文件，可以是 .wav、 .mid或 .mp3格式的音頻文件。當訪問者在 Web瀏覽器中顯示的表單中輸入信息，然后單擊提交按鈕時，這些信息將被發(fā)送到服務器，服務器端腳本或應用程序在該處對這些信息進行處理。 返回 2022/4/14 119 網(wǎng)頁的風格 3 “ 黑白音樂” 是一個個人主頁，它看起來更簡單，色彩也不夠豐富，但感覺非常清新。 返回 2022/4/14 128 網(wǎng)頁布局實例 4 返回 2022/4/14 129 網(wǎng)頁布局實例 5 返回 2022/4/14 130 網(wǎng)頁布局實例 6 返回 2022/4/14 131 ?網(wǎng)頁的版面布局 （ 1） T型結(jié)構(gòu)布局 （ 2）口型布局 （ 3）三型布局 （ 4）對稱對比布局 （ 5） POP布局 返回 2022/4/14 132 畫出網(wǎng)頁布局草圖 標題 圖片欄 鏈接文字區(qū) 主要內(nèi)容區(qū) 網(wǎng)站版權(quán)信息區(qū) 返回 2022/4/14 133 表格布局 ? 1個實例 使用表格對課本 74頁的網(wǎng)頁進行布局。寬度 100％。寬度 100％。 ? 利用框架可以把瀏覽器窗口劃分為多個區(qū)域，每個區(qū)域可以添加任意網(wǎng)頁元素，也可分別顯示不同的網(wǎng)頁。一般把下框架稱為左右框架的父框架，則左右框架是下框架的子框架。 使用菜單 “ 插入 ”“ HTML”“文件頭標簽 ”“ 基礎 ” ，打開 “ 基礎 ” 對話框，在目標中可選擇此網(wǎng)頁中超鏈接的默認顯示窗口。 返回 2022/4/14 153 層的基本操作 ? 顯示 “ 層 ” 面板 ? 層的選擇 ? 層的拖動 ? 層的對齊 ? 層的大小調(diào)整 ? 應用舉例 ——利用層布局頁面 返回 2022/4/14 154 顯示 “ 層 ” 面板 ? 選擇 “ 窗口 /層 ” 命令或按 F2鍵顯示 “ 層 ”面板， “ 層 ” 面板用于對層進行管理和操作。 返回 2022/4/14 158 層的拖動 ? 選擇需移動的層，將光標移到層邊框上，按住鼠標左鍵將其拖動到需要的位置后釋放鼠標即可。 ? 按住 Ctrl鍵再按鍵盤上的方向鍵，可以移動層的右邊框和下邊框，每次調(diào)整 1個像素的大小；按住 Shift+Ctrl鍵的同時再按鍵盤上的方向鍵可每次調(diào)整 10個像素的大小。 返回 2022/4/14 165 層與表格的互相轉(zhuǎn)換 1. 將層轉(zhuǎn)換成表格 選中要轉(zhuǎn)換的層，使用菜單 “ 修改 ” → “ 轉(zhuǎn)換 ” → “ 層到表格 ” 打開轉(zhuǎn)換層為表格對話框。將鼠標指針移動到框線 上，拖動鼠標，更改層的大小為圖像大小。 ? 認識 “ CSS樣式 ” 面板 ? 選擇 “ 窗口 /CSS樣式 ” 命令可在浮動面板組打開 “ CSS樣式 ” 面板 返回 2022/4/14 172 新建樣式 （ 1） 在屬性面板樣式的樣式菜單中選擇 “ 管理樣式 ” ，在打開的編輯樣式表對話框中單擊 “ 新建 ” 按鈕。 ? 執(zhí)行 樣式 ——管理樣式 ——附加 ——瀏覽 ? 鏈接：直接鏈接到外部樣式表文件 ? 導入：將外部樣式表文件導入到當前網(wǎng)頁的頭部。visbility:hidden。 濾鏡 當對一個對象使用 glow屬性后，這個對象的邊緣就會產(chǎn)生類似發(fā)光的效果。選擇“窗口 /行為”命令或按 Shift+F3鍵，打開“行為”面板，在面板中會顯示已添加的行為。 ? 單擊 按鈕將向下移動所選擇的動作。在“跳轉(zhuǎn)菜單”對話框中可設置跳轉(zhuǎn)菜單的屬性，打開該對話框的方法有以下兩種： 2022/4/14 206 跳轉(zhuǎn)菜單 ? 選中已插入的跳轉(zhuǎn)菜單，雙擊“行為”面板中的“跳轉(zhuǎn)菜單”動作，打開“跳轉(zhuǎn)菜單”對話框。該內(nèi)容可以包括任何有效的 HTML源代碼。 ? 實例 :鼠標移動到會員圖像上時顯示會員介紹。 2022/4/14 221 調(diào)用 JavaScript ?“調(diào)用 JavaScript”行為允許用戶使用“行為”面板指定當發(fā)生某個事件時執(zhí)行自定義功能。 2022/4/14 227 模板的使用 ? 在創(chuàng)建模板前需先創(chuàng)建站點，因為模板必須保存在站點中，否則創(chuàng)建模板時系統(tǒng)會提示創(chuàng)建站點。 可選區(qū)域是指在滿足一定條件下才在頁面中顯示的區(qū)域。 2022/4/14 231 重復區(qū)域指的是一個頁面中可以任意多地增加的部分，例如表格中的內(nèi)容等。 2022/4/14 226 JavaSrript代碼實例 ? 實例一：插入關(guān)閉窗口按鈕。 2022/4/14 219 2.“高級”選項卡 ? 單擊對話框的“高級”選項卡，在其中可進行層的拖動控制點、在拖動層時跟蹤層的移動以及當放下層時觸發(fā)一個動作等設置。 ? 實例 ：鼠標移過圖像時改變大小。 2022/4/14 209 設置文本 ?“設置狀態(tài)欄文本”行為 ? “設置狀態(tài)欄文本”行為可用于在瀏覽器窗口底部左側(cè)的狀態(tài)欄中顯示消息。利用此行為可以通過一次單擊更改兩個或多個框架的內(nèi)容，非常方便。 2022/4/14 200 認識“行為”面板 ? 單擊 按鈕將向上移動所選擇的動作。 返回 2022/4/14 194 應用舉例 ——用 CSS樣式設置文本格式 ? 將利用 CSS樣式為 Triangel網(wǎng)頁進行文本格式設置。 DropShaow是設置對象的陰影效果。left:180” top:50。如： p style=“color:red” ? 存放在文件頭的 HEAD… /HEAD標簽的 style… /style ? 存放在一個外部文件中，這個文件稱作樣式表文件。 ? 選中第 3段文字，大小 style1 ? 選中第 4段文字，大小 style2 ? 對 style1進行重命名，名稱為 redbig ? 試刪除一個樣式 ? 選中一個樣式，將其加上背景。 單擊該標記可以選中其所對應的層。 在一個已有的層中描繪新層時按住 [Alt]鍵可繪制現(xiàn)有層的嵌套層，如果不按住 [Alt]鍵繪制的是連個重疊的層。 返回 2022/4/14 161 單個層的大小調(diào)整 ? 調(diào)整單個層大小只需進行如下任一操作即可： ? 選擇層，在 “ 屬性 ” 面板的 “ 寬 ” 、 “ 高 ” 文本框中輸入所需的寬度和高度值，再按 Enter鍵。 ? 選擇層后，在 “ 層 ” 面板中會以反白方式顯示該層名稱。 （ 4）在層的邊框中可以插入各種網(wǎng)頁元素，如文字、圖片、表格等。 _self：目標網(wǎng)頁的內(nèi)容在當前所在框架窗口中顯示。在 “ 文檔 ”工具欄的最右邊單擊視圖選項按鈕 在彈出的菜單中選擇 “ 可視化助理 ” → “ 框架邊框 ” ，使得框架邊框被選中。 在 “ 插入 ” 工具欄單擊 “ 布局 ” 按鈕，進入布局模式。寬度 100％。寬度 100％。 文件頭設置 返回 2022/4/14 125 網(wǎng)頁布局實例 1 返回 2022/4/14 126 網(wǎng)頁布局實例 2 返回 2022/4/14 127 網(wǎng)頁布局實例 3 標題正文型結(jié)構(gòu)的頂端是網(wǎng)站標識和標題，下面是網(wǎng)頁正文。 在單擊工具欄上的文本區(qū)域按鈕 2022/4/14 113 ? 復選框 單擊工具欄上的復選框按鈕 ?單選按鈕 單擊工具欄上的單選按鈕按鈕 單擊工具欄上的單選按鈕組按鈕 2022/4/14 114 ? 下拉菜單 /菜單 單擊工具欄上的列表 /菜單按鈕 在工具欄上單擊跳轉(zhuǎn)菜單按鈕 2022/4/14 115 ? 隱藏區(qū)域 在工具欄上單擊隱藏域按鈕 在網(wǎng)頁中插入一個隱藏域標志 ? 按鈕 在工具欄上單擊按鈕按鈕 第 4章：頁面設計 返回 2022/4/14 117 網(wǎng)頁的風格 1 “ 搜狐 ” 的主頁的內(nèi)容很豐富 ， 色彩鮮艷并有許多大幅廣告和浮動廣告欄 。表單通常由多個表單對象組成，如單選按鈕、復選框、文本字段以及按鈕等，網(wǎng)站管理員可以通過表單從瀏覽者處收集需要的信息，從而實現(xiàn)信息的傳遞。 （ 4）單擊屬性面板上的“參數(shù)”按鈕，可設置各種播放參數(shù)。 2022/4/14 98 插入圖像預覽效果圖 2022/4/14 99 格式化表格 在要格式化的表格中單擊，再使用菜單“命令” → “格式化表格”打開格式化表格對話框。 2022/4/14 84 設置圖像的基本屬性 ? 改變圖像大小 ? 圖文混排 ? 垂直邊距和水平邊距 ? 圖像替代 ? 圖像邊框 2022/4/14 85 圖片超級鏈接和圖像地圖 如果想在一個圖像的不同位置上點擊，就跳轉(zhuǎn)到相應的目標網(wǎng)頁，就需要使用圖象地圖。 2022/4/14 78 設置文本超級鏈接 設置超級鏈接 （ 1）插入超級鏈接 單擊工具欄上的超級鏈接按鈕 （ 2）插入郵件鏈接 鏈接目標是電子郵件地址時，單擊工具欄上的電子郵件鏈接按鈕 2022/4/14 79 設置文本超級鏈接 設置下載文件的超級鏈接 創(chuàng)建外部鏈接 鏈接文字顏色的設置 通過頁面屬性來設置的。 （ 3） 將插入工具欄設置為“常規(guī)”，單擊標簽選擇器按鈕，打開標簽選擇器對話框。 使用菜單 “ 修改 ” → “ 圖像 ” 雖然不能修改圖像的大小，但可以改變圖像的其他屬性 。 創(chuàng)建導航草圖 新歌推薦 女歌手 男歌手 主題曲 “影視傾城”網(wǎng)站首頁 樂壇動態(tài) 唱片封面 樂評 原聲碟 電影音樂 音樂故事 歌星檔案 星聞追蹤 新碟快報 海外 中國 應用舉例 ——規(guī)劃 “ 誠與 ” 廣告公司站點 ?將為一個名為 “ 誠與 ” 的廣告公司網(wǎng)站進行站點結(jié)構(gòu)的規(guī)劃。在發(fā)布站點時，直接將這些文件夾上傳到 Web服務器上即可。 Dreamweaver MX2022的工作窗口 標題欄 菜單欄 編輯區(qū) 文檔欄 屬性面板 面板組 Dreamweaver MX 2022的工作界面 ?菜單欄 ?起始頁 ?工具欄 ?文檔編輯窗口 ?屬性面板 ?面板組 創(chuàng)建站點 規(guī)劃站點 創(chuàng)建站點 打開站點 編輯站點 規(guī) 劃 站 點 ?進行網(wǎng)頁制作之前需創(chuàng)建站點，利用站點的管理功能可對站點中的文件進行管理或測試。接下來就講解怎樣啟動與退出 Dreamweaver MX 2022。 圖形要附加文字說明，以便關(guān)閉圖像時查看。大量的數(shù)據(jù)庫查詢、修改處理也需要服務器端程序的支持。 BODY Background= Bgcolor=White Bgproperties=Fixed Leftmargin=30 Link=Blue Text=Black Topmargin=40 Vlink=Maroon Vlink為已經(jīng)點擊過的超級鏈接文字的顏色。 2022/4/14 25 HTML網(wǎng)頁