บันทึกเรื่องราว สืบสาวความจริง ทิ้งไว้ให้ลูกหลาน.
Save the stories. Investigate the truth. Give to the next generation.


16 กันยายน 2552

<<< ฝึกเขียน Html Code เพื่อเพิ่มสีสันให้ Blog >>>

เมื่อทุกท่านเขียนบทความเยอะๆ หลายเรื่อง
ถ้าไม่จัดหมวดหมู่ไว้ ใครมาหาก็ลำบาก
แม้แต่หาบทความที่ตัวเองเขียนก็ยังลำบากเลย
จึงคิดว่าควรทำเป็นเมนู จัดหมวดหมู่ไว้
เพื่อจะได้ค้นหาได้ง่ายๆ

เริ่มแรกจะขอสอนการทำ Link (เชื่อมโยง) ก่อน
Link ก็คือเวลาเราคลิกที่ไหน
ไม่ว่าเป็นรูปภาพ รูปปุ่ม หรือข้อความ
มันจะ Link ไปอีกหน้าหนึ่ง
ถ้าอธิบายง่ายกรณีเว็บบอร์ด
ก็คือกรณีการกดที่ชื่อกระทู้
เพื่อจะเข้าไปดูข้อความในกระทู้นั้นๆ นั่นเอง
สิ่งที่จะสอนต่อไปนี้
ก็เหมือนกับสอนให้รวบรวมชื่อกระทู้ต่างๆ นั่นเอง

การทำ Link มี 2 ประเภท
ประเภทแรกเป็นแบบไม่ใช่มาตรฐาน Html Code
หรือไม่เป็นสากล อาจแตกต่างกันได้ขึ้นอยู่กับโปรแกรมเมอร์
คนเขียนเว็บนั้นๆ จะออกแบบ
ซึ่งอาจแตกต่างทั้งรูปแบบหรือตัว แท็ก ที่ใช้
ส่วนใหญ่ที่เห็นหลายเว็บบอร์ดจะทำ Link โดย ใช้ tag (แท็ก)
[URL] ที่อยู่ที่จะ Link ไป [/URL]
ที่อยู่ที่จะ Link ไป หรือ เรียกสั้นๆ ว่า URL
ถ้าเป็น URL เว็บมาหาอะไร ก็คือ
http://maha-arai.blogspot.com
ดังนั้นการทำ Link รูปแบบตามเว็บบอร์ด จะเป็นแบบนี้
[URL]http://maha-arai.blogspot.com[/URL]

ประเภทที่สองเป็นแบบมาตรฐาน Html Code
เป็นมาตรฐานสากลทุก browser ยอมรับ
เป็นพื้นฐานการเขียนโปรแกรมบนเว็บไซด์ก็ว่าได้
แต่ไม่สามารถเอามาใช้ตามเว็บบอร์ดได้
เข้าใจว่าเป็นปัญหาด้านความปลอดภัยของเว็บบอร์ดนั้น
คืออาจโดน Hackหรือโดนโจมตีผ่านตัวโปรแกรมที่โพสไป
อีกกรณีหนึ่งก็เพื่อให้แท็กมาตรฐานนี้แสดงบนเว็บบอร์ดได้
เพื่อการเรียนรู้ สอบถามปัญหากัน
โดยที่ browser หรือตัวเว็บบอร์ด
ไม่ประมวลผลให้ทันที
เขาจึงทำแท็กพิเศษเช่น [URL] [/URL] ออกมาใช้


































































































แถมอีกนิดหนึ่งครับ
เมนูจะต้องเป็นเรื่องล่าสุดเสมอ
สมมุติท่านเพิ่มหัวข้อใหม่
ท่านต้องเพิ่ม บทความใหม่
เพื่อให้เป็นเมนูใหม่ด้วยทุกครั้ง
โดยเข้าไปที่เมนูเก่า โดยเลือก แก้ไขบทความ
อาจต้องหลอกไปเลือก บทความใหม่ ก่อน
แล้วค่อยคลิกเลือก แก้ไขบทความ
หลังเลือกบทความที่จะแก้ไข
ก็เปลี่ยนโหมดเป็น แก้ไข Html
เอา mouse คลิกภายในช่องที่พิมพ์ข้อความ



















ตัวอย่างเว็บที่สอน Html Code ขั้นพื้นฐาน
http://www.codetukyang.com/html/code/index.htm

โดย มาหาอะไร

--------------------------------------------------

<<< วิธีสร้างเว็บ เก็บบทความท่าน >>>
<<< หลักสูตร รู้เขา รู้เรา รู้ภูมิศาสตร์ด้านไอที ที่นักรบไซเบอร์ควรรู้ >>>