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