Un title page
Thainextstep.com สอนทำเว็บไซต์ด้วย Dreamweaver Photoshop  PHP & MySql และ การทำ SEO  
Un title page
Thainextstep.com สอน HTML บทความ Dreamweaver สอน Photoshop บทความ PHP & MySql Web Tips SEO Guide
Un title page
สอน Dreamweaver
  ทำความรู้จัก Dreamweaver
  การสร้าง Site
  การกำหนดคุณสมบัติพื้นฐาน
  การสร้าง CSS Style
  การเรียกใช้งาน CSS Style
  การใส่สี Background
  การใส่ลิงค์ข้อความและรูป
  การสร้างตาราง
  การปรับแต่งตาราง
  การใส่คำอธิบายให้รูปภาพ
  การเพิ่มอักขระพิเศษ
  การทำภาพ Swap Image
 


  การใส่คำอธิบายให้รูปภาพ โดยใช้โปรแกรม Dreamweaver
 

การใส่คำอธิบายให้รูปภาพ ก็คือการใส่คำสั่ง ALT Tag ในภาษา HTLM นั่นเอง และเราสามารถใช้โปรแกรม Dreamweaver ในการใส่คำอธิบายให้รูปภาพได้ ซึ่งสามารถทำได้อย่างง่ายดายและรวดเร็ว ติดตามดูได้ในบทความนี้ค่ะ

     
 

 
   

 
 

ขั้นตอนการใส่คำอธิบายให้รูปภาพ โดยใช้โปรแกรม Dreamweaver อย่างแรกเราก็ต้องนำภาพเข้ามาในโปรแกรม โดยคลิกที่ปุ่มที่ 1


เมื่อเราได้รูปภาพมาแล้วให้เรา คลิกที่รูปภาพตามรูปภาพที่ 2

 
 
 
     


 
 

จากนั้นสังเกตในส่วนบริเวณ Properties เราจะเห็นในส่วนของช่อง Alt ตามภาพที่ 3 ให้เราใส่คำอธิบายรูปภาพลงในช่อง Alt นี้ค่ะ


 
 
 
     

แค่นี้ก็เสร็จเรียบร้อยแล้วค่ะ ลองเซฟไฟล์เป็น HTML ไฟล์แล้วลองเปิดไฟล์ดู หรือจะกด F12 ดูเลยก็ได้ค่ะ เมื่อเราเลื่อนเม้าส์ไปบนรูปภาพ เราก็จะเห็นคำอธิบายของรูปภาพ ตามที่เรากำหนดไว้ค่ะ

   
   
วันที่บทความ : 17 ม.ค. 2552              ที่มา : Webmaster

สอนทำเว็บไซต์   |   สอนภาษา HTML   |   สอน Dreamweaver   |   สอน Photoshop   |   สอนภาษา PHP & MySql   |   รวมทิป เทคนิคการทำเว็บไซต์   |   สอนการทำ SEO
:: Copyright © 2005 by Chatta design. All rights reserved. Do not duplicate or redistribute in any form.::