❶ 怎麼將網頁中的圖片調整到最佳大小
在網頁製作中,有多種方式可以將圖片調整為合適的大小:
一、使用CMS系統管理網站的內容頁面:CMS管理網站的內容比較方便,進入後台,添加或者選中已有的頁面標題,會出現類似如圖的界面,其中橢圓形標記的是編輯控制項,方形框就是圖像上傳按鈕:
點擊這個按鈕後會有圖片上傳等操作選項,如圖:
在這個對話框里,有寬度、高度,可以直接設定圖像的大小,右側的小鎖頭圖標是寬高比例鎖定,也就是說,只要改變寬度或高度,整個圖像就會按比例調整。因此,若是在一片文章里有多幅圖像,建議將圖片的寬或高度統一設置為640或320像素。
大多數CMS管理系統與此設置方法類似。
二、若不是通過CMS管理系統添加圖片,則需要通過Dreamweaver或者其它網頁編輯器(如記事本),使用代碼和參數來控制每個圖片的大小。具體代碼為:<img src="./XXX.jpg" width="50" height="50">
其中,「img」是圖像元素標簽,src是圖像的源路徑,這個路徑可以是從其它網站的鏈接地址,也可以是本地伺服器的地址,本例中的路徑即等號後面的內容是本地伺服器(或網站所在伺服器的圖像目錄),注意:前引號後面的.表示網站根目錄,這個地址也可以為「/pic/XXX.jpg」,「pic」是圖像所在目錄。後面的width和height是定義圖像大小的兩個參數,分別表示圖像的寬頻和高度,注意,引號是不能缺少的。