HOME
     กระทู้
     HTML
     -จัดรูปแบบ
     -รูปภาพ
     JAVA
     -นาฬิกาปฎิทิน
     PHP
     TV online
     ทายใจ
     GAME
     Gadget
     Mario
     Sonic
     Midnight

Design&Projuct - -รูปภาพ


ภาพที่เหมาะสมกับการใช้งาน

      ภาพที่นำมาใช้ในการนำเสนอผ่านเครือข่ายอินเทอร์เน็ต ด้วยเอกสารเว็บ ควรใช้ภาพนามสกุล .GIF หรือ .JPG เท่านั้น โดยมีหลักการพิจารณาเลือก คือ ภาพที่มีสีน้อยๆ หรือภาพที่ต้องการทำพื้นให้โปร่งใส ควรจัดเก็บในฟอร์แมต .GIF และกำหนดค่าเพิ่มเติม (Option) เป็น Interlaced คือ ให้ภาพแสดงหยาบๆ แล้วค่อยๆ ละเอียด ในขณะที่ภาพที่ต้องการความคมชัด ความสดใส ควรจัดเก็บในฟอร์แมต .JPG และกำหนดคุณภาพ (Quality) ที่เหมาะสมกับภาพนั้นๆ ค่าแนะนำ คือ 4 - 6 หากต้องการให้ภาพแสดงหยาบๆ แล้วค่อยๆ ละเอียด ให้กำหนดค่าเพิ่มเติม (Option) เป็น Progressive ด้วย สำหรับความละเอียดของภาพ (Resolution) ควรใช้ค่า 72 dpi 

คำสั่งการนำเสนอไฟล์รูปภาพ

< img src="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg" >


< img src="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg" alt= "ข้อความอธิบาย" align="top/middle/bottom/left/right" width="ค่าตัวเลข" height="ค่าตัวเลข" hspace="ค่าตัวเลข" vspace="ค่าตัวเลข" border="กำหนดเป็นตัวเลข" >
 

-Alt= เป็นการกำหนดข้อความอธิบาย โดยจะปรากฎก็ต่อเมื่อนำเมาส์ลากมาที่รูปข้อความก็จะปรากฎ 
-Align = "top" เป็นการกำหนดข้อความที่อยู่ด้านบนของรูปภาพ 
-Align = "middle" เป็นการกำหนดข้อความที่อยู่กึ่งกลางของรูปภาพ 
-Align = "bottom" เป็นการกำหนดข้อความที่อยู่ด้านล่างของรูปภาพ 
-Align = "left" เป็นการกำหนดข้อความที่อยู่ด้านขวาของรูปภาพ 
-Align = "right" เป็นการกำหนดข้อความที่อยู่ด้านซ้ายของรูปภาพ 
-Width = การกำหนดขนาดความกว้างของรูปภาพ 
-Height = การกำหนดขนาดความสูงของรูปภาพ 
-Hspace = เป็นการกำหนดระยะเว้นขอบจากด้านซ้ายกับรูปภาพ - ในการแสดงข้อความล้อมรอบรูปนั้น เป็นวิธีที่ใช้กันมากกับรูปที่เป็นตัวสินค้าและมีคำอธิบายล้อมอยู่ข้างๆ แต่การที่ข้อความอยู่ใกล้กับรูปนั้นๆ มากไปอาจทำให้เพจนั้นดูแน่นไม่น่าอ่าน ดังนั้นแท็ก <IMG> จึงถูกออกแบบให้มีแอตทริบิวต์ VSPACE และ HSPACE เพื่อใช้กำหนดระยะห่างระหว่างรูปและข้อความที่ล้อมรูป โดยค่าที่กำหนดนั้นอาจใช้หน่วยที่เป็นพิกเซล หรือ กำหนดเป็นเปอร์เซ็นต์ของหน้าจอแทนก็ได้

  • Vspace = เป็นการกำหนดระยะเว้นขอบจากด้านบนกับรูปภาพ - ในการแสดงข้อความล้อมรอบรูปนั้น เป็นวิธีที่ใช้กันมากกับรูปที่เป็นตัวสินค้าและมีคำอธิบายล้อมอยู่ข้างๆ แต่การที่ข้อความอยู่ใกล้กับรูปนั้นๆ มากไปอาจทำให้เพจนั้นดูแน่นไม่น่าอ่าน ดังนั้นแท็ก <IMG> จึงถูกออกแบบให้มีแอตทริบิวต์ VSPACE และ HSPACE เพื่อใช้กำหนดระยะห่างระหว่างรูปและข้อความที่ล้อมรูป โดยค่าที่กำหนดนั้นอาจใช้หน่วยที่เป็นพิกเซล หรือ กำหนดเป็นเปอร์เซ็นต์ของหน้าจอแทนก็ได้
  • Border = เป็นการกำหนดเส้นกรอบของรูปภาพ - สำหรับการใส่เส้นขอบให้กับรูปใดๆ นั้น ให้ใช้แอตทริบิวต์ BORDER แล้วตามด้วยความหนาของเส้นขอบโดยมีหน่วยเป็นพิกเซล ซึ่งหากไม่กำหนดหรือกำหนดเป็นศูนย์ก็หมายความว่าไม่มีเส้นขอบนั่นเอง


    คำสั่งที่นำรูปภาพมาเป็นพื้นหลัง

    <body background="ชื่อรูปภาพที่มีนามสกุลเป็น .gif หรือ .jpg" bgproperties=fixed>

    การนำเสนอไฟล์เสียง

    <bgsound src="ชื่อไฟล์ที่มีนามสกุลเป็น .wav" loop="ตัวเลขในการวนรอบ">

    ภาพกับการรอคอย

    <IMG SRC="ภาพความละเอียดปกติ" LOWSRC="ภาพความละเอียดต่ำ" ALT="ข้อความอธิบายภาพ">

     

    การเชื่องโยง (ลิงค์)

    ประเภทของการเชื่อมโยง

    HTML แบ่งการเชื่อมโยงออกเป็น 2 ประเภท ดังนี้

    1.การเชื่อมโยงภายในเว็บไซต์

    2.การเชื่อมโยงนอกเว็บไซต์ 

    การเชื่อมโยงทั้ง 2 ประเภทนี้ ยังแบ่งออกได้เป็นอีก 2 ชนิด คือ การเชื่อมโยงข้อมูลภายในแฟ้มเอกสาร และการเชื่อมโยงข้อมูลต่างแฟ้มเอกสาร


    การเชื่อมโยงข้อมูลแฟ้มเอกสารต่างแฟ้มเอกสาร

    <a href="ไฟล์ที่จะทำการเชื่อมโยงที่มีนามสกุล .html หรือ .htm">ข้อความ</a>

    การเชื่อมโยงข้อมูลภายในแฟ้มเอกสาร

    <a name="ชื่อที่ตั้งไว้เพื่อที่จะทำการเชื่อมโยงมาหา">ข้อความ</a>

    การเชื่อมโยงนอกเว็บไซต์

    <a href="http://URLที่ต้องการจะเชื่อมโยงไป">ข้อความ</a>

    การเชื่อมโยงแบบอีเมล์

    <a href="mailto:ชื่อ E-mail address ของผู้ที่จะให้ส่ง E-mail กลับคืนมา">ข้อความ</a>

    การเชื่อมโยงแบบ Download

    <a href="ไฟล์พร้อมระบุนามสกุล">ข้อความ</a>

    การเชื่อมโยงไฟล์ด้วยรูปภาพ

    <a href="ไฟล์ที่มีนามสกุล .html"><img src="ชื่อไฟล์รูปภาพ .gif หรือ .jpg" alt="การเชื่อมโยงโดยรูปภาพ"></a>

     

     

  • Today, there have been 1 visitors (2 hits) on this page!


    แลกลิ้ง
    copyลิ้งของเราไปไว้ที่เว็บท่าน

    และส่งUrl ของท่านไว้ที่หน้า กะทู้
    หรือส่งมาทางเมล์ที่
    san-d_9@hotmail.com
    ???????? CODE ????????
    ????????? ?????????????? ??????????????????? cmprice.com









    => Do you also want a homepage for free? Then click here! <=
    the information from website way

    ต้องการลงโฆษณากับนิภาคลิ๊กที่รูป

    โฆษณาออนไลน์,ออนไลน์,โฆษณา,ลงโฆษณา,ประกาศ,
            online advertising,online,advertising,โปรโมทสินค้า,
            โปรโมทเว็บไซต์,promote website,seo,pay per click,
            ad per click,media,ค้นหาเว็บ,media,สื่อ

    ต้องการชื่อไทยค้นหาได้ทั่วโลกคลิ๊ก
    ออกแบบสินค้า
    โฆษณาออนไลน์,
            โฆษณา,ออนไลน์,ลงโฆษณา,ประกาศ,online advertising,online
            ,advertising,โปรโมทสินค้า,โปรโมทเว็บไซต์,promote website,
            seo,pay per click,ad per click,media,ค้นหาเว็บ,media,
            สื่อ