WEB Programming

     คือการกำหนดส่วนต่างๆของหน้าเว็บ เช่น ส่วนหัว เมนู ส่วนเนื้อหา หรือส่วนท้าย เป็นต้น ซึ่งเราจะต้องออกแบบก่อนเป็นอันดับต้นๆ ส่วนประกอบต่างให้ดูใน  http://chumpen-web-programming.blogspot.com/2014/08/header-navigator-contents-footer.html ได้เลยครับ แต่หน้านี้ผมจะพูดถึงการออกแบบ Layout เป็นหลักครับ      สิ่งที่ผมนำมาใช้ในการออกแบบ layout ก็คือโปรแกรมแต่งภาพ เพราะเราจะต้องรู้และเข้าใจถึงความสัมพันธ์ของขนาดหน้าเว็บ หน้าจอ และส่วนต่างๆ ใน layout ส่วนตัวโปรแกรมที่ผมใช้และแนะนำให้ใช้ก็คือ inkscape เพราะเป็นโปรแกรมฟรี download มาใช้ได้เลย ไม่ต้องเสียค่าใช้จ่าย ส่วนขั้นตอนการติดตั้ง ตาม วิดีโอครับ (แต่บอกกันไว้ก่อน การใช้งาน Inkscape นั้นสุดง่ายครับ ถ้าใครคิดว่าเป็นมือโปรทาง Graphic ละก็อย่าใช้ครับ 5555) Download Inkscape คลิกที่นี่ การติดตั้ง Inkscape บน Windows7 บน Linux บน Mac การออกแบบ Layout ใน Inkscape      เริ่มโดยการ เขียนบนกระดาษก่อน ร่างแบบจัดว่างส่วนต่างตามแต่ใจเราครับ ว่าจะเอาอะไรวางไว้ที่ไหน จากนั้นเปิด inkscape ขึ้นมาครับ ทำตาม video เลยครับ

กำหนดจุดหมาย และจุดประสงค์       เช่น เราจะสร้างบ้าน เราจะต้องรู้ก่อนว่าเราจะสร้างเพื่ออะไร เช่น สร้างเพื่อเราเข้าอยู่เอง หรือสร้างให้คนอื่นอยู่ หรือสร้างไว้เพื่อเป็นบ้านรับรองแขก หรือให้คนงาน หรือให้เช่า หรือ ฯลฯ ถ้าเรารู้ว่าจะทำเพื่ออะไรเราก็สามารถที่จะจำกัดขนาดของข้อมูลลงได้ และมีเป่าหมายที่แน่นอนในการที่จะพัฒนาต่อไป วางแผน และแบบแปลน สำหรับการสร้าง       การที่เราวางแผนบนกระดาษก่อนถือว่าเป็นการเริ่มต้นที่ดีที่สุด ก่อนที่จะลงมือทำ การสร้างเว็ป ก็เช่นเดียวกัน ถ้าเราวางแผนหรือออกแบบไว้ก่อนย่อมทำใด้เราประสปความสำเร็จไปแล้วมากกว่า 40% เช่น ถ้าคิดจะสร้างเว็ปเพื่อแสดงผลงานของตนเอง เราก็จะต้องสร้างแบบหน้าแรก ว่าจะให้มีรูปแบบอย่างไร และจะต้องมีหน้าเว็ปกี่หน้า แต่ละหน้าจะใช้แสดงอะไรบ้าง และจะออกแบบอย่างไรให้หน้าเว็ปของเรามีคนเข้ามาดูแล้วอยากจะเก็บไว้ใน Bookmark ของตนเอง และมันจะเป็นเรื่องง่ายถ้าเราจะแก้ไขหรือปรับปรุงเว็ปของเราในภายหลัง ตั่งชื่อ       การตั้งชื่อก็มีส่วนสำคัญ เราจะต้องคิดตั่งชื่อก่อน เพราะการตั้งชื่อเพื่อให้คนจดจำกันได้นั้นไม่ใช่เรื่องง่าย เน้นที่ สั้น มีความหมา

ส่วนประกอบของเว็บไซต์ที่ดี ส่วนหัว (Header) สำหรับไว้แสดงโลโก้ หรือข้อความที่บ่งบอกว่า เว็บไซต์ของเรามีเนื้อหาอะไรบ้าง ในส่วนหัว อาจเป็นพื้นที่สำหรับใส่ป้ายโฆษณา สำหรับการหารายได้พิเศษ นอกจากนี้อาจมีคำนิยามของเว็บหรือสโลแกนต่อท้ายโลโก้ (อาจมีหรือไม่มีก็ได้) ถ้ามี อาจทำให้คุ้นเคยได้ง่ายขึ้น เมนู (Navigator) ไม่หลงผิดไปทิศทางอื่นๆ การมีเมนู ช่วยให้การค้นหาข้อมูลได้สะดวกมากขึ้น การวางเมนู ส่วนใหญ่จะอยู่ด้านบน ด้านซ้าย หรือด้านขวา เป็นหลัก ส่วนหลายๆ เว็บในปัจจุบัน มีการเพิ่มเมนูในส่วนท้าย อาจเป็นเพราะเนื้อหามีความยาวเกินหนึ่งหน้า หรือเพื่อเป็นการเพิ่มความสะดวกในการเข้าถึงเนื้อหาในส่วนอื่นๆ เนื้อหา (Contents) หมายถึง ข้อมูลที่เราต้องการให้ผู้เยี่ยมชมรับทราบ? เนื้อหาที่ดีควรมีการจัดแบ่งเป็นหมวดหมู่ให้ชัดเจน เพื่อให้สะดวกในการติดตามอ่านข้อมูลอื่นๆ เพ่ิมเติม ส่วนประเภทเนื้อหา ประกอบด้วย ข้อความที่เป็นตัวอักษร รูปภาพ / ภาพเคลื่อนไหว ไฟล์เสียง วีดีโอ ฯลฯ ส่วนท้าย (Footer) สำหรับแสดงรายละเอียดพื้นฐาน เช่น ใส่คำพูด ส่วนลิขสิทธิ์ (copyright) หรือใส่ที่อยู่ในการติดต่อ ช

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