Dreamweaver 4 簡明教學(五、讓你的網頁更漂亮之二)
作者:Eve Cole
更新時間:2009-05-30 18:36:08
圖片的處理
假設現在我們插入的是如下這張圖:
點選該圖片,開啟屬性面板(Ctrl+F3),可看到如下圖的狀態:
1、圖片的縮圖及圖片的大小。
2.圖片的長寬,如果圖片長於寬跟原圖的大小不一致的話,這裡的數字會用粗體顯示;點取一張圖片,你可以看到圖片會被套上一個框和三個點,三個點分別代表將圖片向三個不同的方向拉伸,從而達到放大和縮小的效果;在拉伸過程中,按著Shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸,如下圖。如果要將圖片還原為原始大小,可以按下屬性面板右下角的「Reset Size」按鈕。
3. Src是圖片所在的位置; Link是該圖片對應的超鏈接,由於沒有做成鏈接,所以這裡顯示為空;後面的兩個按鈕,前者可以拉出一個箭頭,直接將圖片或連結指向文件夾的某一個文件,後者則是按照傳統的方法打開文件夾去尋找某一個文件,按照實際操作的經驗,前者作用不大; Target是連結的開啟方式。關於連結的建立與注意事項將在後面介紹。
4. Align:圖片的對齊方式,這是最基本的網頁排版方式之一,方式大家可以自行調試,在此就不佔篇幅了,詳情可參考:
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
Alt:是圖片的說明,假如我在這裡輸入:“我是猩猩我怕誰”,在瀏覽的時候,將滑鼠移到圖片上,就可以看到這些說明;
Border:圖片的邊框寬度,例如輸入10:
5.圖片的置左、居中、置右,相信只要你使用過Word ,就不會對他感到陌生。
6、 Map:用於在一個圖片上的不同區域製作多個不同鏈接,也留待後面介紹如何建立鏈接時介紹。