Differences

This shows you the differences between the selected revision and the current version of the page.


web-design:wd101 2009/12/12 00:04 web-design:wd101 2010/04/03 23:36 current
Line 5: Line 5:
  * เตรียมภาพปุ่มกราฟิก รายการละ 2 ภาพ ภาพหนึ่งจะเป็นภาพต้นฉบับ อีกภาพจะเป็นภาพที่สามารถปรับเปลี่ยนได้ โดยควรมีขนาดเท่ากัน แต่แตกต่างกันเรื่องสี หรือ Effect โดยสามารถเข้าเว็บไซต์ http://www.buttongenerator.com เพื่อทำการสร้างปุ่มลักษณะต่างๆ   * เตรียมภาพปุ่มกราฟิก รายการละ 2 ภาพ ภาพหนึ่งจะเป็นภาพต้นฉบับ อีกภาพจะเป็นภาพที่สามารถปรับเปลี่ยนได้ โดยควรมีขนาดเท่ากัน แต่แตกต่างกันเรื่องสี หรือ Effect โดยสามารถเข้าเว็บไซต์ http://www.buttongenerator.com เพื่อทำการสร้างปุ่มลักษณะต่างๆ
-{{:web-design:image283.png|}}  +{{:web-design:image283.png?500|}}  
-{{:web-design:image285.png|}} +{{:web-design:image285.png?500|}} 
-{{:web-design:image287.png|}}+{{:web-design:image287.png?500|}}
บันทึกรูปเก็บไว้ในโฟลเดอร์ที่เตรียมสำหรับสร้างเว็บ โดยคลิกปุ่มขวาเมาส์ที่รูปแล้วเลือกคำสั่ง Save Picture As… เมื่อบันทึกครบทุกปุ่มให้ย้อนกลับไปเพื่อเปลี่ยนลักษณะของปุ่มและตัวอักษร เพื่อสร้างปุ่มอีกชุด บันทึกรูปเก็บไว้ในโฟลเดอร์ที่เตรียมสำหรับสร้างเว็บ โดยคลิกปุ่มขวาเมาส์ที่รูปแล้วเลือกคำสั่ง Save Picture As… เมื่อบันทึกครบทุกปุ่มให้ย้อนกลับไปเพื่อเปลี่ยนลักษณะของปุ่มและตัวอักษร เพื่อสร้างปุ่มอีกชุด
Line 26: Line 26:
  * เมื่อกำหนดรายการต่างๆ ครบแล้วก็คลิกที่ปุ่ม OK   * เมื่อกำหนดรายการต่างๆ ครบแล้วก็คลิกที่ปุ่ม OK
 +----
 +**ผู้เขียน**
 +  - นายบุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี
 +
 +{{tag>web html}}

Personal Tools
Creative Commons License
STKS Online Learning โดย http://stks.or.th/wiki อนุญาตให้ใช้ได้ตาม สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกัน 3.0 ประเทศไทย.