ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก กันยายน, 2014

ทำความรู้จักกับ HTML

       การสร้างเว็บไซต์ที่มีหน้าตาสวยงามให้เห็นกันนั้น ที่จริงแล้วเบื้องหลังประกอบด้วยโค๊ด HTML ต่างๆมากมายเพื่อจัดรูปแบบการแสดงผลต่างๆให้อยู่ในตำแหน่งที่ต้องการ จะบอกว่า HTML คือคำสั่งในการจัดหน้ากระดาษ และรูปแบบการแสดงผล ในหน้ากระดาษ หรือหน้าเว็บนั้นๆก็ว่าได้

ตัวอย่างการสร้างตารางเรียน ตารางสอน แบบไฮไลท์ช่วงเวลาที่กำหนด

ต่อเนื่องจากการใช้ข้อมูลในรูปแบบอาร์เรย์ของ PHP มาสร้างตารางแสดงผลวันเวลาที่มีประชุมในห้องประชุมแต่ละห้อง ( ส่วนแสดงผล แบบระบายสีตามช่วงเวลา ระบบจองห้องประชุม ) นำมาดัดแปลงเป็นตารางแสดงวันเวลาที่มีการอบรม โดยดึงข้อมูลมาจากฐานข้อมูล MySQL ซึ่งมีตัวอย่างโครงสร้างฐานข้อมูล และปรับเปลี่ยนวิธีการเขียนโค๊ดดังตัวอย่างต่อไปนี้

แวะมาทักทาย และขอเกริ่นนำบทความต่อไปที่จะนำมาเผยแพร่เร็วๆนี้

๋ในหัวข้อ ปรับแต่ง Code ให้เป็นมิตรกับ Server ผมได้นำเสนอเกี่ยวกับการเขียนโปรแกรมแบบประหยัดแบนด์วิธในแบบต่างๆ รวมถึงการลดจำนวนครั้งในการคิวรี่ และการสร้าง Template Engine ด้วย Javascript ซึ่งที่ผมให้ความสนใจเป็นพิเศษก็คือ Ajax Template Parser : เรียกใช้งานเทมเพลต CodeIgniter ด้วย Ajax ซึ่งได้แสดงผลการเปรียบเทียบการคืนค่ากลับมายังหน้าเว็บบราวเซอร์ดังภาพตัวอย่างในบทความนั้นแล้ว สำหรับในหัวข้อนี้ยังมีเรื่องที่ผมจะกล่าวถึงอีกสองเรื่องที่ยังไม่มีเวลาได้ลองเขียนโค๊ดทดสอบการทำงาน นั่นก็คือ การสร้างตัวแบ่งหน้าสำหรับแสดงข้อมูลรายการที่มีหลายบรรทัด แบบใช้ Javascript + AJAX ในการตรวจสอบจำนวนข้อมูลที่แสดงอยู่ในหน้าปัจจุบัน และหน้าที่จะต้องเริ่มโหลดข้อมูลชุดใหม่ด้วย AJAX อีกครั้งก่อนจะแสดงผลด้วย Javascript แบบซ่อนและแสดงผลอีกครั้ง สำหรับอีกเรื่องหนึ่งก็คือ การนำ Javascript Template Engine ที่ใช้สำหรับ CodeIgniter มาสาธิตการทำงานแบบเต็มรูปแบบ โดยจะแนะนำวิธีการเรียกใช้งาน ซึ่งไม่ได้มีหลักการอะไรยุ่งยาก เพียงแค่โหลดไฟล์ HTML มาเก็บไว้ในตัวแปร Javascript แล้วก็รอเรียกข้อมูลผ่าน AJAX ด้วย jQuery