在網頁上置入圖片並不像在Word檔中置入圖片那麼簡單。網頁之所以能讓人看到,是因為圖片放在網路上(某台伺服器上),因此,圖片必須先上傳到遠端伺服器後,才能將伺服器上的圖片插入到網頁中。

提醒:圖片一定要先在影像編輯軟體(如:Photoshop、Fireworks或GIMP)編輯好後,再放到網頁中。若直接在網頁編輯器中拖拉圖片來改變尺寸,會造成圖片比例變形。圖片的檔案大小不會因在網頁編輯器中將外觀縮放,而讓檔案變大或變小,兩者沒有直接的關係,改變圖片的檔案大小必須在影像編輯軟體中完成。

 

置入圖片的步驟如下:

 

1. 到編輯器,將游標置於要插入圖片的位置

網頁設計 插入圖片

 

2. 點選 (影像),開啟影像設定面版。

網頁設計 選擇影像

 

3. 點選「瀏覽伺服器」,開啟遠端檔案總管。

網頁設計 瀏覽圖片

 

4. 點選你所需要的圖片標題,即可選取圖片。滑鼠移到圖示上方(如:JPG),可以預覽圖片,看看是不是選到正確的圖片。

網頁設計 選擇圖片

 

5. 填入「替代文字」,即圖片標題或說明,以利Google搜尋及SEO關鍵字策略。

網頁設計 圖片替代文字

 

6. 點選「確定」,即可將圖片插入到網頁中。
 

 

想跟我們談談你的網頁設計構想嗎?

 

 

網頁設計洽詢 >