通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容(參考版)
2025-05-19 22:04本頁面
【正文】 4． 圖像的對(duì)齊 （ 3） 圖文混排時(shí)的圖像對(duì)齊 如果要在圖像的左 、 右環(huán)繞文字 ， 也應(yīng)該使用IMG標(biāo)記符的 align屬性 ， 此時(shí) ， align屬性的值可以是： left 表示圖像居左 ， 文本在圖像右側(cè)； right 表示圖像居右 ， 文本在圖像左側(cè) 。 （ 2） 圖像與周圍內(nèi)容的垂直對(duì)齊 使用 IMG標(biāo)記符的 align屬性 ， 可以控制圖像與周圍內(nèi)容的垂直對(duì)齊 。 通過指定圖像周圍的空白 ， 可以使頁面的版式更加合理 。 1． 指定圖像的寬和高 2． 圖像的邊框 使用 IMG標(biāo)記符的 border屬性 ， 可以給圖像添加邊框效果 ， 邊框的取值是像素?cái)?shù) 。當(dāng)瀏覽器解釋 Web頁時(shí) ， 在實(shí)際下載圖像之前會(huì)給圖像預(yù)留出空間 ， 以避免在每個(gè)圖像下載時(shí)重新繪制網(wǎng)頁 ， 從而加快網(wǎng)頁的下載速度 。 alt表示圖像的簡單文本說明 ， 用于不能顯示圖像的瀏覽器或?yàn)g覽器能顯示圖像但顯示時(shí)間過長時(shí)先顯示 。 它具有兩個(gè)基本屬性： src和 alt， 分別用于設(shè)置圖像文件的位置和替換文本 。 （ 2） 在屬性面板中設(shè)置熱點(diǎn)的超鏈接 。 為圖像添加熱點(diǎn)就是在圖像上劃分區(qū)域 ， 從而設(shè)定圖像上制作超鏈接的范圍 。 因此經(jīng)常要為高質(zhì)量 、 大尺寸的圖像制作一個(gè)副本 ， 這個(gè)副本圖像采用的是較低的分辨率 ，從而減小了文件的大小 ， 縮短了圖像的下載時(shí)間 。 在 Dreamweaver MX中巧妙地處理圖像 1． 給圖像加文字說明 2． 制作低分辨率圖像 低分辨率圖像是相對(duì)于高分辨率圖像而言的 ， 高分辨率圖像一般指的是圖像的色彩豐富逼真 、 壓縮比較小的圖像 ， 這種圖像文件容量比較大 ， 瀏覽器要費(fèi)很長時(shí)間來下載 。 當(dāng)圖像不能被瀏覽器正常顯示時(shí) ， 圖像區(qū)變成了空白區(qū)域 。 如何能使背景發(fā)生更多的變化 ， 這就需要設(shè)置網(wǎng)頁的背景圖像 。 1． 設(shè)置網(wǎng)頁背景顏色 設(shè)置網(wǎng)頁背景色在頁面屬性對(duì)話框里設(shè)置 。 另外 ， 對(duì)于具備創(chuàng)作才能的網(wǎng)頁制作者來說 ， 也可以直接使用圖形圖像處理軟件創(chuàng)作出適合 Web的作品 。 但是并非所有圖形圖像都可以直接用在網(wǎng)頁中 ， 大多數(shù)情況下 ， 需要對(duì)原始圖像素材進(jìn)行一些處理 ， 例如圖像優(yōu)化 、 添加特效等 ， 然后再在網(wǎng)頁中使用 。 3． 改變
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1