第03章dreamweavercs3網(wǎng)頁設(shè)計基礎(chǔ)(編輯修改稿)
2025-03-28 11:34 本頁面
【文章內(nèi)容簡介】 欄的“ HTML”類別中，單擊“水平線”按鈕。 2．修改水平線 ⑴ 在文檔窗口中，選擇水平線。 ⑵ 選擇“窗口 /屬性”打開屬性檢查器。 ⑶ 在屬性檢查器中根據(jù)需要對屬性進行修改。 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯圖像 1．插入圖像 ⑴ 將插入點放置在要顯示圖像的位置，然后執(zhí)行以下操作之一： ?在“插入欄”的“常用”類別中，單擊“圖像”圖標 ?選擇“插入 /圖像”菜單 ⑵ 在“選擇圖像源文件”對話框中執(zhí)行下列操作之一： ?選擇“文件系統(tǒng)”以選擇一個圖形文件。 ?選擇“數(shù)據(jù)源”以選擇一個動態(tài)圖像源文件。 ⑶ 瀏覽并選擇要插入的圖像源文件。 ⑷ 使用屬性檢查器中，設(shè)置所插入圖像的屬性。 注意： 在將圖像插入文檔時， Dreamweaver自動在 HTML源代碼中生成對該圖像文件的引用。為了確保此引用的正確性，該圖像文件必須位于當前站點中。 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯圖像 圖像的屬性： ⑴ 寬和高：以像素為單位指定圖像的寬度和高度。 ⑵ 源文件：指定圖像的源文件。 ⑶ 鏈接：指定圖像的超級鏈接。 ⑷ 對齊：對齊同一行上的圖像和文本。 ⑸ 替代：指定只代替圖像顯示的替代文本。 ⑹ 垂直邊距和水平邊距：沿圖像的邊緣添加邊距（像素）。 ⑺ 低解析度源 : 指定在載入主圖像之前應該載入的圖像。 ⑻ 邊框：以像素為單位的圖像邊框的寬度，默認為無邊框。 ⑼ 編輯：包括圖像處理優(yōu)化、裁剪、亮度和對比度、銳化等操作。 ⑽ 縮略圖下面的文本框：使用縮略圖下面的文本框設(shè)置名稱，以便在使用 Dreamweaver 行為或腳本撰寫語言時可以引用該圖像。 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯圖像 2．編輯圖像 ⑴ 調(diào)整圖像大小 Dreamweaver對圖像大小的直接調(diào)整有兩種方式：在文檔窗口中以可視化的形式調(diào)整和使用屬性檢查器是指圖像尺寸。 ⑵ 裁剪圖像 ① 打開包含要裁剪的圖像的頁面，選擇圖像，并執(zhí)行下列操作之一： ?單擊圖像屬性檢查器中的“裁剪工具”圖標。 ?選擇“修改 /圖像 /裁剪”。 ② 調(diào)整裁剪控制點直到邊界框包含的圖像區(qū)域符合所需大小。 ③ 在邊界框內(nèi)部雙擊或按 Enter 鍵完成裁剪操作。 例 33 裁剪圖像示例 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯圖像 ⑶ 對齊圖像 對齊圖像是指設(shè)置圖像相對于同一段落或行中其他元素的對齊方式?？梢詫D像與同一行中的文本、另一個圖像、插件或其他元素對齊；還可以使用對齊按鈕（左對齊、右對齊、居中對齊）設(shè)置圖像的水平對齊方式。 對齊圖像使用圖像屬性檢查器實現(xiàn)： ① 在“設(shè)計”視圖中選擇圖像。 ② 在屬性檢查器中設(shè)置該圖像的對齊屬性。 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯圖像 3．創(chuàng)建鼠標經(jīng)過圖像 鼠標經(jīng)過圖像是一種在瀏覽器中查看并使用鼠標指針移過它時發(fā)生變化的圖像。 創(chuàng)建鼠標經(jīng)過圖像操作步驟： ⑴ 在“文檔”窗口中，將插入點放置在要顯示鼠標經(jīng)過圖像的位置。 ⑵ 使用以下任何一種方法操作后，打開 “插入鼠標經(jīng)過圖像”對話框，在對話框中設(shè)置相關(guān)參數(shù)后“確定”即可。 ? 在“插入”欄中，選擇“常用”標簽，然后單擊“鼠標經(jīng)過圖像”圖標 ? 選擇“插入 /交互式圖像 /鼠標經(jīng)過圖像”菜單 網(wǎng)頁設(shè)計技術(shù)（第二版）張磊編著 中國鐵道出版社 —插入和編輯 flash對象 1．插入 flash動畫 ⑴ 在文檔窗口的“設(shè)計”視圖中，將插入點放置在要插入內(nèi)容的位置，然后執(zhí)行以下操作之一： ? 在插入欄的“常用”類別中，選擇“媒體”工具，然后單擊“ Flas” 按鈕。 . ? 選擇“插入 /媒體 /Flash”。 ⑵ 在顯示的對話框中，瀏覽選擇一個 flash文件（擴展名為 .swf），插入成功后，在插入點位置顯示 flash 占位符。 ⑶ 預覽 flash動畫
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1