[計算機(jī)]web信息系統(tǒng)設(shè)計基礎(chǔ)第4章dreamweavercs3入門(編輯修改稿)
2025-04-17 22:08 本頁面
【文章內(nèi)容簡介】 ：選定要刪除的行或列，或?qū)⒐鈽?biāo)定位到表格中要刪除的行或列中，單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“表格”中選擇 ―刪除行”或“刪除列”命令即可。 編輯表格 ?（ 7）隱藏單元格之間的分隔線 –高級 ? ①在文檔中插入一個 4 3的表格，將“邊框粗細(xì)”設(shè)為 1像素，其他參數(shù)為默認(rèn)狀態(tài)，然后為單元格插入圖片和文字，如左下圖。 ? ②選中表格，單擊“文檔”工具欄中的顯示代碼視圖和設(shè)計視圖按鈕“拆分”，將編輯窗口切換為拆分狀態(tài)，在表格的 table標(biāo)簽后輸入rule=―rows‖標(biāo)簽值，如右下圖。 編輯表格 ? ③“ rules‖參數(shù)有 3個參數(shù)，分別是“ cols‖、“ rows‖和“ none‖，選取不同參數(shù)可以實現(xiàn)不同的效果。當(dāng)取“ rows‖時，只能看到表格的行框線，隱藏的是表格的縱向分隔線。當(dāng)取“ none‖時，行框線和列框線全部隱藏。當(dāng)取“ cols‖時，只能看到表格的縱向分隔線，隱藏的是表格的行框線。 ? ④表格邊框的顯示與隱藏，可以用“ frame‖參數(shù)來控制，它只控制表格的邊框，而不影響單元格的框線?！?frame‖的參數(shù)有三種，分別是“ vsides‖表示只顯示的左、右邊框，“ above‖表示只顯示表格的上邊框，“ below‖表示只顯示表格的下邊框。 設(shè)置 rules屬性 表格屬性面板的使用 ?（ 1）引例 效果圖如下 表格屬性面板的使用 ?（ 2）設(shè)置表格格式 ? 選定表格，打開窗口底部的“屬性”面板設(shè)置完成后，按 Enter鍵進(jìn)行確認(rèn)。 ?“間距”輸入框用于設(shè)置相鄰的單元格之間的距離 。 ?“邊框”輸入框用于設(shè)置邊框線的粗細(xì)。此例為“ 3‖。 ?“類”下拉列表框用于選擇設(shè)置的 CSS樣式 ? 清除表格的列寬 表格屬性面板的使用 ?（ 3）設(shè)置單元格格式 ? 1. 選定要設(shè)置屬性的單元格行或列，“屬性”面板顯示如下圖參數(shù) ? 2．“水平”下拉列表框用于設(shè)置單元格中文本在水平方向上的對齊方式；“垂直”列表框用于設(shè)置單元格中的文本在垂直方向上的對齊方式。 ? 3．“寬”和“高”輸入框用于分別設(shè)置單元格的寬度和高度。默認(rèn)的是像素，若用百分比則應(yīng)在數(shù)值后加上百分號 (%)。 ? 4．“背景”輸入框用于指定單元格、行或列的背景圖像路徑。也可單擊圖標(biāo)從其它位置選擇一幅圖像。 . ? 5．“背景顏色”和“邊框”色塊用于設(shè)置單元格、列或行的背景顏色和邊框顏色。此例背景色為“ 0066CC‖。 ? 使用圖像 ? 插入 flash對象 ? 插入視頻對象 ? 插入音頻對象 使用圖像 ?插入圖像 1)“常用” –―圖像” 2)―選擇圖像源文件” ―確定” 使用圖像 3)如果圖像文件在站點外部，系統(tǒng)會提醒是否要將該文件保存在站點內(nèi)部 –單擊“是” 4)―復(fù)制文件為” (站點內(nèi)尋找一個文件夾保存 ) 使用圖像 在插入圖像文件時，如果在“首選參數(shù)”的“輔助功能”選項卡中選中了“圖像”復(fù)選框，將會彈出“圖像標(biāo)簽輔助功能屬性”對話框 : ?替換文本 :為圖像輸入一個名稱或一段簡短描述 (50字符內(nèi) ) ?詳細(xì)說明 :輸入文件的位置，或使用文件夾圖標(biāo)選擇文件，提供指向與圖像相關(guān)或者提供有關(guān)圖像更多信息的文件鏈接 插入圖像效果圖預(yù)覽 另： 使用圖像 ?鼠標(biāo)經(jīng)過圖像 : ? 一種在瀏覽器中查看并使用鼠標(biāo)指針移過它時變化的圖像 ,由主圖像和次圖像（變化后的圖像）兩幅圖像組成。 1)“常用” –―圖像” ―鼠標(biāo)經(jīng)過圖像 ” ?圖像名稱：此文本框用于輸入鼠標(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)過圖像時要打開的文件。 使用圖像 鼠標(biāo)經(jīng)過時效果圖 使用圖像 ?設(shè)置圖像屬性 ―圖像” ―屬性” ?對齊方式：此文本框用于輸入圖像的對齊方式。 ?邊距：此文本框用于輸入圖像的邊距。 ?鏈接：直接輸入要鏈接的對象的路徑或選擇瀏覽文件。 使用圖像 ?編輯 ： 6個圖標(biāo)選項 圖標(biāo) 名稱 功能 編輯 啟動在首選參數(shù)中指定的外部編輯器，并打開選定的圖像以進(jìn)行編輯。 使用 Firework最優(yōu)化 在 Dreamweaver中啟動 Fireworks來放置的Fireworks圖像和動畫進(jìn)行快速的導(dǎo)出更改 裁切 可以修剪圖像的大小，從所選圖像中刪除不需要的區(qū)域 重新取樣 對已修剪的圖像進(jìn)行重新取樣，提高圖片在新的大小和形狀下的品質(zhì) 亮度和對比度 修改圖像中像素的亮度和對比度 銳化 調(diào)整圖像的清晰度 插入 flash對象 ? 插入 flash動畫 ① 將光標(biāo)定位在要插入 flash動畫的位置 ② 選擇“插入” |―媒體” |―flash‖命令，或單擊“常用”工具欄多媒體按鈕，在彈出的下拉菜單選擇 flash命令，彈出“選擇文件”對話框。 ③ 在“查找范圍”下拉列表框中選擇需要插入的 flash動畫文件。 ④ 單擊確定按鈕，會在網(wǎng)頁中出現(xiàn)右上圖所示 flash標(biāo)志。如果插入的 flash文件不在站點文件夾下，系統(tǒng)會提示復(fù)制該 flash文件到站點文件夾下。如果在首選參數(shù)那里設(shè)置了插入圖像的輔助功能，還會彈出“對像標(biāo)簽
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1