Please enable JavaScript.
Coggle requires JavaScript to display documents.
การจัดรูปแบบตัวอักษรและรูปภาพ - Coggle Diagram
การจัดรูปแบบตัวอักษรและรูปภาพ
. การกำหนดหัวข้อเรื่อง
ใช้ในกรณีที่ตอ้งการให้ขอ้ มูลมีการแสดงหัวขอ้ หรือหัวเรื่องที่ตอ้งการให้มีความโดดเด่น
เห็นได้ชัดเจน ดูสวยงาม และน่าสนใจ โดยใช้แท็ก <Hn> หัวเรื่องที่ได้จะมีลักษณะเป็ นตัวหนา
สามารถกา หนดขนาดไดจ้า นวน 6 ขนาด ต้งัแต่<H1> ถึง <H6> นอกจากน้ียงัสามารถจดัวาง
ตา แหน่งในจอภาพไดอ้ีกดว้ย
. การกาำหนดรูปแบบตัวอกัษร
ในการจดัรูปแบบตวัอกั ษร สามารถกา หนดท้งัรูปแบบตวัอกั ษร ขนาดตวัอกั ษร และสี
ตวัอกัษร นอกจากน้ียงัมีลกั ษณะการใชค้า สั่งได้ 2 ลกั ษณะคือการกา หนดรูปแบบตวัอกัษรให้มีผล
ท้งัเวบ็ เพจและการกา หนดรูปแบบตวัอกัษรเฉพาะตา แหน่ง
การกำหนดลักษณะตัวอักษร
ในการกา หนดลกัษณะตวัอกัษร สามารถกา หนดได้2 ลักษณะ คือ
กา หนดรูปแบบ Physical จัดรูปแบบทางกายภาพ
กา หนดรูปแบบ Logical จัดรูปแบบตามหน้าที่หรือการใช้งาน
การกำหนดตัวอักษรวิ่ง
เราสามารถทา ให้เอกสารเวบ็ เพจดูน่าสนใจข้ึนได้ดว้ยการกา หนดตวัอกั ษรวิ่ง เคลื่อนไหว
บนจอภาพได้ในหลายลักษณะ โดยใช้แท็ก <Marquee>
. ประเภทของภาพกราฟิกที่ใช้ในการสร้างเว็บเพจ
เอกสารเว็บเพจ หรือแม้แต่เอกสารประเภทอื่น จะขาดรูปภาพไม่ไดเ้ลย เนื่องจากเป็ นการ
สื่อสารความหมายไดด้ีที่สุด มีความสวยงาม น่าสนใจ สามารถดึงดูดความสนใจของผูเ้ขา้ชมได้เป็นอย่างดีรูปภาพที่ถูกนา มาใช้มีหลายประเภท ควรเลือกใช้ให้เหมาะสมกบั งานที่ตอ้งการนา เสนอ
การแทรกรูปภาพในเว็บเพจ
การแทรกรูป ด้วยแท็ก <Img> เป็ นการน ารูปภาพแทรกในเอกสารเว็บเพจ ด้วยการระบุชื่อ
แฟ้มและนามสกุลของแฟ้มข้อมูลรูปภาพที่ต้องการแสดง
การจัดวางรูปภาพข้อความในเว็บเพจ
การจัดวางรูปภาพท าให้งานเว็บเพจ ดูลงตวัและเหมาะสมมากยิ่งข้ึน สามารถจดั ตา แหน่ง
รูปภาพได้ตามความต้องการ
การกำ หนดข้อความอธิบายรูปภาพ
หากต้องการให้ภาพมีความสมบูรณ์ในการน าเสนอควรมีการแสดงขอ้ความอธิบายอีกท้งั
ยงัสามารถช่วยให้ผูช้ มเวบ็ เพจ สามารถรู้ไดว้่ากา ลงัรอการโหลดรูปภาพใดอยู่ เนื่องจากขอ้ความ
อธิบายภาพจะไดแ้สดงผลไดเ้ร็วกวา่ ขอ้มูลรูปภาพ
การใส่กรอบรูปภาพ
เราสามารถทา ใหรู้ปภาพที่แทรกมีความโดดเด่นและสวยงามมากข้ึน ดว้ยการใส่กรอบภาพ
โดยการใช้แอททริบิวต์ Border
การกำหนดระยะห่างระหว่างข้อความกบัรูปภาพ
ในขณะแทรกรูปภาพและข้อความ ปกติจะแสดงอยู่ติดกัน เราสามารถจัดวางให้เกิด
ระยะห่างระหวา่ งขอ้ความและรูปภาพไดท้ ้งัในแนวต้งัและแนวนอน
การกำหนดรูปภาพเป็นพืนหลัง
การนา ภาพเป็นภาพพ้ืนหลงั จะตอ้งนา ภาพที่มีความเหมาะสมในเรื่องของสี และขนาดของ
ภาพ นนั่ คือหากภาพมีสีที่ฉูดฉาดมากเกินไปอาจกลมกลืนกบัขอ้ความดา้นบนทา ให้ไม่สวยงามและ
แยกแยะไม่ออก นอกจากน้ีในการนา ภาพมาเป็นพ้ืนหลัง นิยมท าใน 2 รูปแบบ คือการน าภาพที่มี
ขนาดใหญ่และมีความละเอียดสูง เพื่อให้เกิดความสวยงาม หรือใช้วิธีการนา ภาพขนาดเล็กมาใช้
โปรแกรมจะนา ภาพที่มีขนาดใหญ่ไม่เต็มจอภาพ มาเรียงต่อกนั ในลกั ษณะกระเบ้ือง (Tile) ดงัน้นั
หากตอ้งการใหเ้กิดความสวยงามและเหมาะสม จะตอ้งทา การตกแต่งภาพเสียก่อนที่จะนา มาใช้งาน
โดยการกา หนดที่แทก็ <Body> ที่แท็กเปิ ด