Tag ภาษา HTML

พื้นฐาน HTML ตอน ความลับของลิงค์

html-links
Web Link หมายถึงอะไร ถ้าพูดถึงคำว่า ลิงค์ (link) ที่เกี่ยวกับเว็บไซต์ เราจะหมายถึง การกำหนดจุดเชื่อมต่อ เพื่อให้ไปยังหน้าที่ต้องการ  เช่น กดลิงค์แล้วเปิดหน้าเว็บไซต์ Google.com เป็นต้น และคุณทราบหรือไม่ว่า เราสามารถทำเว็บลิงค์ เพื่อให้เปิดหรือทำการอย่างอื่นได้อีกนอกเหนือจากการเปิดหน้าเว็บเพจที่ต้องการ อยากทราบแล้วใช่ไหมครับว่า มีทิปอะไรเกี่ยวกับการสร้างลิงค์บ้าง ตามผมมาเลยครับ..

พื้นฐาน HTML ตอนใส่สีพื้นหลัง

html-background-color
อีกหนึ่งทิปในการทำเว็บให้ดูสะดุดตา เพื่อนๆ คงเคยใช้ปากกาสะท้อนแสงในการ ปาดที่ตัวอักษรที่เราต้องการเน้น โดยเฉพาะสมัยยังเป็นนิสิต นักศึกษา เวลาอ่านหนังสือ เตรียมตัวสอบ เรามักจะมีการใช้ปากกาสะท้อนแสง เน้นข้อความหรือประโยชน์ที่คิดว่า น่าจะออกสอบ สิ่งนี้ เราก็สามารถทำบนหน้าเว็บเราได้เช่นกัน เลือกสีได้ตามความตอ้งการเลย ไม่มีจำกัด วิธีการนี้ เป็นการใส่สีให้ในส่วนของฉากหลังหรือ background บนข้อความ

พื้นฐาน HTML ตอนจัดข้อความ

html-p-style
ทำยังไงให้เว็บดูดี น่าอ่าน สำหรับบทความนี้ จะมาแนะนำการจัดข้อความในการแสดงผลบนหน้าเว็บ ให้ดูสวยงาม อ่านง่า่ยขึ้น ด้วยคำสั่งง่ายๆ โดยเฉพาะกับเว็บไซต์ที่มีข้อความจำนวนมากๆ เคยเห็นหลายๆ เว็บไซต์ ที่ใส่ข้อความเรียงติดต่อกันแทบจะเกือบทั้งหน้า ไม่มีการย่อหน้า ไม่มีการขึ้นบรรทัดใหม่ ผลลัพธ์ก็คง ปวดหัว ตาลายไปหมด ท้ายสุดก็คือ เข้าเว็บไซต์อื่นดีกว่า เหตุการณ์อย่างนี้ คุณคงไม่อยากให้เกิดกับเว็บไซต์คุณ ใช่หรือเปล่า?

พื้นฐาน HTML ตอน ฉากหลัง Backgroud

html-background
จำเป็นแค่ไหนที่ต้องมี ฉากหลัง สำหรับการทำเว็บแล้ว การแสดงผลให้เป็นที่น่าสนใจ โดยการใส่สีพื้นหลังของหน้าเว็บ ก็เป็นอีกเทคนิคหนึ่งที่หลายๆ คนให้ความสนใจ เพราะจะทำให้สามารถเน้นข้อความหรือรูปภาพของเราได้ ซึ่งวิธีการทำฉากหลังด้วยการใส่สีนี้ จะทำได้ง่าย สะดวก และไม่มีผลทำให้หน้าเว็บโหลดช้าลงแต่อย่างใด ดังนั้น ถ้าใครกำลังหาวิธีการใส่สีฉากหลัง หรือที่เราเรียกว่า background color ก็สามารถทำตามบทความดังตจ่อไปนี้ได้เลยครับ

พื้นฐาน HTML ตอน รูปภาพ Image (เพิ่มเติม)

html-image
ทิปเพิ่มเติมเกี่ยวกับรูปภาพที่คุณอาจยังไม่รู้ ! ก่อนหน้านี้ได้เขียนบทความแนะนำ เกี่ยวกับรูปภาพบนเว็บที่คนพัฒนาเว็บส่วนใหญ่มักใช้กัน ไม่ว่าจะเป็นไฟล์นามสกุล GIF, PNG, JPG เป้นต้น แต่สำหรับหัวข้อนี้จะเน้นเรื่องการแสดงผลบนเว็บเพจ ว่าเราจะมีเทคนิคในการแสดงผลอย่างไร ทำอย่างไรให้รูปภาพที่มีขนาดใหญ่ แสดงบนหน้าเว็บเล็กลงได้ โดยไม่จำเป็นต้องลดลงแต่อย่างใด บทความนี้จะมาไขความกระจ่างให้ทุกๆ ได้รับทราบ หรือทิป เทคนิค รวมทั้งข้อดี ข้อเสียของแต่ละอย่าง

พื้นฐาน HTML ตอน ลิงค์ LINKS

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

คุกกี้ ภาค 3 ตอน HTML5

html-cookie
คุกกี้กับ HTML5 ด้วยข้อจำกัดของ HTML5 รุ่นก่อนๆ แถมข้อมูลของคุกกี้ที่เก็บไว้ยังไม่ปลอดภัยเท่าที่ควร ดังจะเห็นได้จากข่าวสารเกี่ยวกับแฮกเกอร์ที่แอบล้วงขโมยข้อมูลผ่านคุกกี้ และโดยเฉพาะคนที่มักชอบทำธุรกิจออนไลน์ ยิ่งต้องระวังเป็นอย่างยิ่ง ปัญหาเหล่านี้จะลดน้อยลง เมื่อเราใช้ HTML เวอร์ชั่น 5 ด้วยคุณสมบัติใหม่ที่ชื่อว่า Web Storage เพื่อเก็บข้อมูลซึ่งมีหลักคล้ายการทำงานของคุกกี้อย่างมากเลยทีเดียว หรือจะพูดได้ว่าเป็นอีกขั้นของการพัฒนาการเก็บข้อมูลก็ว่าได้

หลักการทำงานของคุกกี้ ภาค 2

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

ทำความรู้จัก คุกกี้ ภาค 1

html-cookie
คุกกี้นี้กินไม่ได้ แต่มีประโยชน์สำหรับคนทำเว็บ คุกกี้ คำๆ นี้หลายๆ คนอาจเคยได้ยินมาบ้าง แต่คนส่วนใหญ่ที่ไม่ใช่คนทำเว็บหรือสนใจเรื่องเว็บอะไรมากมาย เพียงแค่ต้องการข้อมูลในสิ่งที่ตัวเองต้องการเท่านั้น ไม่ทราบว่า คุกกี้มีประโยชน์หรือโทษอย่างไร สำหรับคนทำเว็บแล้ว คุกกี้ เป็นอีกหนึ่งสิ่งที่เราๆ ควรทำความรู้จัก ยิ่งถ้าเราต้องการศึกษาในระดับสูง หรือระบบ Advance เรายิ่งจำเป็นต้องเรียนรู้และรู้จัก คุกกี้ อย่างมาก เราดูรายละเอียดกันเลยดีกว่า เดี๋ยวจะสับสันกันไปใหญ่

พื้นฐาน HTML ตอน รูปภาพ

html-image
เทคนิคการใส่รูปภาพบนเว็บ ในรูปแบบต่างๆ ถ้าเว็บไซต์ไม่มีรูป ก็ขาดสีสรรไปอย่างมาก ลองคิดดูเล่นๆ ถ้าคุณมีเว็บไซต์ มีแต่ข้อความ ไม่มีรูปภาพเลย แน่นอนผลดีคือ สามารถโหลดหน้าเว็บได้เร็ว แต่ผลเสียคือ เรื่่องความสวยงาม และความน่าสนใจ และอาจนำผลเสียตามมาได้ นั่นคือ คนไม่สนใจที่จะเข้ามาดูเว็บในคราวต่อไป ดังนั้น การทำเว็บ จึงต้องประกอบด้วยสองส่วนหลักๆ นั่นคือ ข้อความและรูปภาพ เป็นปัจจัยพื้นฐานสำคัญ ส่วนเรื่อง ภาพเคลื่อนไหว หรือวีดีโอ นั่น เป็นอะไรที่ตามมาในภายหลังได้