แบบทดสอบ Online

สถิติผู้เข้าชม

529276
TodayToday188
YesterdayYesterday347
This WeekThis Week2630
This MonthThis Month9044
All DaysAll Days529276

ROBOT TEAM


warayuphat panumphan 'Kru Pu', Powered by Joomla!
05 การใส่รูปภาพลงในเว็บเพจ PDF Print E-mail
Written by Administrator   
Thursday, 03 May 2018 08:22

การใส่รูปภาพลงในเว็บเพจ

เมื่อเริ่มเข้าไปยังโฮมเพจของเว็บไซต์ ต่างๆบนอินเตอร์เนต สิ่งแรกที่เห็นก็คือ รูปภาพ และข้อความ

รูปภาพที่จะนำมาใช้ใส่ลงในเว็บเพจนั้น ส่วนมากมีนามสกุล เป็น GIF และ JPG

GIF ย่อมาจาก Graphics Interchange Format เป็นไฟล์ ชนิดบิตแมป (Bitmap) เป็นเทคนิค การเก็บภาพ โดยให้จุดสี (pixel) ต่าง ๆ เรียง ต่อกัน จนเกิด เป็นภาพ ไฟล์ GIF นี้ ส่วนใหญ่ จะนิยม ใช้กับ ภาพถ่าย และภาพการ์ตูน แสดงผลเป็น ภาพนิ่ง แต่ในปัจจุบันมี โปรแกรม สำหรับทำ หน้าที่ รวบรวม ภาพ GIF หลาย ๆ ภาพ เข้าเป็น ไฟล์เดียวกัน เมื่อนำภาพมา แสดง ทำให้เกิด เป็นภาพ เคลื่อนไหวขึ้น

JPG ย่อมาจาก Joint Photographic Expers Group เป็นไฟล์ในรูปแบบที่ผ่านกระบวนการบีบย่อย ข้อมูลมาก่อน มีการนำเอาข้อมูลส่วนที่ไม่สำคัญออกไป แล้วทำการบีบอัดข้อมูล ในอัตรา ส่วน 10:1 โดยขนาด ของไฟล์ ที่เรา นำมา ใช้งาน นั้น อาจมีขนาด เหลือเพียง 10 - 30 % ของขนาดไฟล์ ก่อนจะมีการบีบ ย่อ ข้อมูล ขนาดของ การบีบ ข้อมูล มีได้ 3 ระดับ ( Hight , Middle , Low Compression) ไฟล์ที่ มีการบีบย่อ ข้อมูล มากที่สุด จะได้ ไฟล์ที่มีขนาด เล็กที่สุด แต่คุณภาพ ก็ลดลงตามไปด้วย หากต้องการภาพที่มีคุณภาพดีที่สุด ขนาดของ ไฟล์ก็จะใหญ่ขึ้น

 

การใส่รูปภาพลงในเว็บเพจ
รูปแบบ

<IMG ALIGN=align-type BORDER=n HEIGHT=n WIDTH=n HSPACE=n VSPACE=n SRC=address ALT=text>

ALIGN           =     align-type(ตำแหน่ง) เป็นการ กำหนด ตำแหน่ง รูปภาพ ถ้าภาพไม่ ใหญ่ ข้อความ นั้นจะ อยู่ที่ตำแหน่งส่วนล่างของภาพทางขวามือเสมอ เราสามารถกำหนดได้ โดยใช้คำต่าง ๆ เหล่านี้
LEFT             =     วางภาพที่ตำแหน่งทางซ้าย
RIGHT           =     วางภาพที่ตำหน่งทางขวา
TOP              =      วางภาพ ที่ตำแหน่ง ด้านบน
MIDDLE       =      วางภาพ ที่ตำหน่ง กึ่งกลาง
BOTTOM     =      วางภาพ ที่ตำแหน่ง ด้านล่าง
BORDER    =       n    เป็นการ กำหนด กรอบให้ รูปภาพ n มีค่ามาก กรอบจะ มีความหนา มากขึ้น
HEIGHT       =       n    เป็นการ กำหนด ความสูง ของภาพ
WIDTH         =      n    เป็นการ กำหนด ความกว้างของภาพ ถ้าต้องกา ให้ภาพได้สัดส่ว ให้กำหน เป็นเปอร์เซนต์ โดยไม จำกัดความสูง
VSPACE     =      n    กำหนด ระยะ ห่างบน ล่างของ ภาพ
HSPACE     =      n    กำหนด ระยะ ห่าง ซ้าย - ขวา ของภาพ
SRC             =      ใส่รูปภาพที่ต้องการลงไป
ALT              =      text   ใส่ข้อควา เพื่อเป็นคำอธิบายรูปภาพที่นำมาวางสำหรับผู้ใช้อินเตอร์เนตแบบเท็กซ์

ข้อสังเกต
ALIGN ไม่สามารถ กำหนดให้ รูปภาพ ไปปรากฎยังกึ่งกลาง ของจอภาพ ได้ ถ้าต้อง การให้ อยู่ตำแหน่งดังกล่าว ให้ใช้คำสั่ง <CENTER>...<CENTER>

การแสดงภาพฉากหลัง
รูปแบบ BACKGROUND="picture"

กำหนด แอตทริบิวต์ BACKGROUND="picture" ในคำสั่งของ <BODY> เช่น <BODY BACKGROUND="hot.gif">

 

Poll กรุณาตอบคำถามค่ะ

คุณเขียนโปรแกรมบ่อยแค่ไหน
 

Poll สื่อการสอน

สื่อแบบไหน ที่คุณชอบ
 

จำนวนผู้ชมที่ online ขณะนี้

We have 34 guests online

analogclock

search engine

Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner
Banner