網(wǎng)頁(yè)設(shè)計(jì)與制作第2章dreamweavermx基本操作(編輯修改稿)
2024-11-13 02:40 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 ，漸變色彩等顏色細(xì)膩的圖像和照片。 網(wǎng)頁(yè)中的圖像格式 JPEG格式圖像的主要優(yōu)點(diǎn)： ? 支持 24bit圖像，能夠很好地表現(xiàn)照片等全彩色的圖像。 ? 可以生成類(lèi)似 GIF的交錯(cuò)關(guān)聯(lián)圖像 —— 漸變 JPEG ? 可以制作透明的 JPEG圖像。 JPEG格式圖像的主要缺點(diǎn)： ? 有損壓縮使之不適合表達(dá)高清晰度的圖像 正確使用 GIF和 JPEG： ? GIF適用于向量式、少于 256色的圖像。 ? GIF是制作透明圖像和動(dòng)畫(huà) GIF的首選格式。 ? JPEG適用于有漸變色彩、顏色細(xì)膩的圖片 PNG圖像格式 PNG圖像格式是一種新興的網(wǎng)絡(luò)圖像格式。 它是目前保證最不失真的格式，它汲取了 GIF 和 JPEG格式的優(yōu)點(diǎn)。具體體現(xiàn)如下： ，但又能保留所有與圖像品質(zhì)有關(guān)的信息 。 。 。 。 缺點(diǎn)：不支持動(dòng)畫(huà)應(yīng)用效果 FIREWORKS 的默認(rèn)格式是 PNG。 Photoshop的默認(rèn)格式是 PSD. 在網(wǎng)頁(yè)中插入圖像 在向網(wǎng)頁(yè)中插入圖像前，最好先保存文件。在對(duì)話框中選擇圖像文件，這時(shí)要注意圖像文件應(yīng)在站點(diǎn)目錄下，若不在，則會(huì)彈出對(duì)話框詢(xún)問(wèn)是否將圖像文件復(fù)制到網(wǎng)站的目錄下，應(yīng)單擊“是”按鈕，將圖像保存到網(wǎng)站的目錄下。 設(shè)置圖像屬性 圖像插入文檔后，其位置、大小等設(shè)置可能不盡如意，可通過(guò)【 屬性 】 面板，對(duì)它進(jìn)行設(shè)置。單擊圖像，其周?chē)霈F(xiàn)控制點(diǎn)，表示已選中，狀態(tài)欄 img標(biāo)簽被選中，【 屬性 】 面板顯示關(guān)于圖像的屬性，單擊擴(kuò)展按鈕，可見(jiàn)到全部的屬性。 設(shè)置圖像屬性 ? 【 圖像 】 ：旁邊的數(shù)字表示圖像的大小，文本框用于輸入圖像名稱(chēng)，在腳本語(yǔ)言可通過(guò)名稱(chēng)中對(duì)圖像進(jìn)行引用。對(duì)應(yīng)于 id屬性。 ? 【 寬 】 和 【 高 】 ：用于設(shè)置圖像的大小，也可通過(guò)鼠標(biāo)拖動(dòng)控制點(diǎn)，來(lái)調(diào)整圖像的大小。圖像大小改變后，在寬和高之間，增加了一個(gè)按鈕，單擊它可恢復(fù)圖像的大小。若想保存調(diào)整后的大小，可單擊重新取樣按鈕，這樣能減少馬賽克現(xiàn)象。 ? 【 源文件 】 ：指出圖像的具體位置，要改換圖像，可通過(guò)單擊文件夾按鈕，來(lái)重新選擇圖片，對(duì)應(yīng)于 img標(biāo)簽 src屬性。 ? 【 替代 】 ：是圖像的注釋?zhuān)?dāng)用戶的瀏覽器不能正常顯示圖像時(shí)，便在圖像的位置用這個(gè)注釋代替圖像。對(duì)應(yīng)于 img標(biāo)簽 alt屬性。 設(shè)置圖像屬性 ? 【 鏈接 】 ：指定鏈接的目標(biāo)頁(yè)面或定位的 URL。 ? 【 地圖 】 ：用于制作圖像映射。它有 3個(gè)工具按鈕。 ? 【 垂直邊距 】 ：設(shè)置圖像在垂直方向與文本或其他頁(yè)面元素的間距。 ? 【 水平邊距 】 ：設(shè)置圖像在水平方向與文本或其他頁(yè)面元素的間距。 ? 【 邊框 】 ：設(shè)置圖像邊框的寬度，單位是像素為“ 0”，表示無(wú)邊框。對(duì)應(yīng)于 img標(biāo)簽 border屬性。 ? 【 低解析度源 】 ：指定應(yīng)在主要圖像之前載入的圖像，這個(gè)圖像是原圖像的一個(gè)低分辨率版本，它的載入更快，這樣就可以讓瀏覽者對(duì)等待顯示的圖像有一個(gè)了解。但也可以使用任何一個(gè)和主要圖像尺寸相同的圖像。 ? 【 編輯 】 ：這里有 6 個(gè)按鈕。可以對(duì)選定的圖像進(jìn)行編輯。 ? : 啟動(dòng)圖像處理軟件對(duì)圖像進(jìn)行編輯，一般為 Firesorks，當(dāng)保存文件返回時(shí)，將使用保存后的圖像更新文檔 . ? : 啟動(dòng)圖像處理 Firesorks對(duì)圖像進(jìn)行優(yōu)化。 ? :裁剪圖像。 ? : 重新取樣。 ? :調(diào)節(jié)亮度和對(duì)比度。 ? : 銳化圖像。 設(shè)置圖像屬性 ? 【 對(duì)齊 】 :用于設(shè)置圖像與文本或其他元素的位置關(guān)系，有 9項(xiàng)排列方式。對(duì)應(yīng)于屬性 align。 ? 默認(rèn)值：取決于瀏覽器所設(shè)置的排列方式。 ? 基線：將文本或其他元素的基線與所選圖片的底邊對(duì)齊。 ? 頂端：上端對(duì)齊，將文本或其他元素與圖片所在行的最頂端對(duì)齊。 ? 居中：將文本或其他元素與圖片的中部對(duì)齊。 ? 底部：將文本或其他元素與圖片的底部對(duì)齊。 ? 文本上方：將文本行中的最高字符與圖片上端對(duì)齊。 ? 絕對(duì)居中：將圖片的中部與文本的中部對(duì)齊。 ? 絕對(duì)底部：將圖片的絕對(duì)底部與文本的絕對(duì)底部對(duì)齊。 ? 左對(duì)齊：將圖片放置到文本塊左邊緣，與當(dāng)前行的頂端對(duì)齊，文本位于圖像的右邊和下面。 ? 右對(duì)齊：將圖片放置到文本塊右邊緣，文本位于圖像的左邊。 鼠標(biāo)經(jīng)過(guò)圖像 在瀏覽網(wǎng)頁(yè)時(shí)，有時(shí)會(huì)看到當(dāng)鼠標(biāo)指針移到某幅圖像時(shí)，該圖像會(huì)變?yōu)榱硗庖环鶊D像，而移開(kāi)鼠標(biāo)指針時(shí)，該圖像又會(huì)變回原來(lái)的圖像。這就是鼠標(biāo)經(jīng)過(guò)圖像時(shí)產(chǎn)生的交互。 . 6圖像占位符 圖像占位符是網(wǎng)站排版布局中經(jīng)常用到的功能，我們可以在要放置圖像的位置，暫時(shí)放置占位符，等到處理好圖像時(shí)再作替換。 用 Dreamw
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1