รายละเอียดหลักสูตร

คอร์สสำหรับผู้ต้องการเรียนรู้เกี่ยวกับการสร้างเว็บสมัยใหม่ โดยเน้นที่การใช้ CSS อย่างถูกต้อง, การเขียนเว็บด้วย XHTML, การประยุกต์ใช้ Opensource Script ในลักษณะของ Content Management System (CMS) เพื่อการสร้างเว็บ เช่น Wordpress หรือโดยเกริ่นถึง Script อื่นๆ บ้าง เช่น เว็บบอร์ด phpBB, Unclassified NewsBoard (UNB), Simple Machines Forum (SMF) หรือระบบแกลอรี อย่างเช่น Zenphoto, Gallery 2 ฯลฯ ซึ่งคอร์สนี้จะเน้นไปที่การสร้างเว็บเพื่อใช้งานจริงโดยใช้ Wordpress เป็นหลัก แต่สามารถนำความรู้ไปประยุกต์ในการติดตั้ง Opensource Script อื่นๆ ได้ด้วย

เนื้อหาการเรียนรู้

ครั้งที่ 1. รู้จักกับ Wordpress

รู้จักกับ CMS ที่เข้าใจง่ายและสร้างได้เร็วที่สุด คือ Wordpress ซึ่งเราสามารถนำมาประยุกต์ใช้งานได้หลายแบบ ทั้งทำเว็บทั่วไป, ทำเว็บ Gallery, ทำเว็บแสดงสินค้า – แคตาล็อก ฯลฯ และกล่าวถึง CMS ตัวอื่นๆ บ้างเล็กน้อย เช่น Drupal, phpBB, UNB, SMF, Zenphoto, Gallery 2

เรียนรู้ CSS และ XHTML เบื้องต้น เพื่อนำมาปรับแต่งเล็กๆ น้อยๆ ได้

Workshop: ติดตั้ง และสร้างเว็บบล็อก หรือเว็บขนาดเล็กของตนเอง/ของบริษัท โดยปรับแต่งจาก Theme สำเร็จรูป
การบ้าน: ศึกษา HTML เบื้องต้น, เตรียม Web Design ที่ต้องการนำมาใช้กับระบบ

ครั้งที่ 2. รู้จักกับ CSS และ XHTML

ลงรายละเอียดเกี่ยวกับ CSS และ XHTML ที่ควรรู้ โดยเริ่มจากการนำ Web Design ที่เตรียมไว้ (หรือใช้ web design ตัวอย่าง) มาตัดเป็น XHTML + CSS ให้ได้ โดยใช้ Text Editor ทั่วไป

หากใช้ Mac แนะนำ CSSEdit และ BBEdit ซึ่งเป็นซอฟแวร์ลิขสิทธิ์ หรือ TextWrangler, Smultron ซึ่งเป็นซอฟแวร์ฟรี
หากใช้ Windows แนะนำ Ultraedit-32, Edit Plus ซึ่งเป็นซอฟแวร์ลิขสิทธิ์ หรือ Notepad++ ซึ่งเป็นซอฟแวร์ฟรี

Workshop: ตัด HTML จากที่ออกแบบไว้
การบ้าน: ตัด HTML เพิ่มเติม กรณีสนใจทำเว็บหลายๆ หน้าที่มีหน้าตาต่างๆ กัน

ครั้งที่ 3. ประกอบ CSS+XHTML เข้ากับ Wordpress

เรียนรู้โครงสร้างไฟล์ของ Wordpress แล้วทดลองประกอบเข้าด้วยกันให้ได้โครงหลัก

Workshop: ประกอบโครงที่ตัดไว้ เพื่อให้ได้เว็บที่เราเป็นคนออกแบบ
การบ้าน: หากต้องการทำหลายๆ เว็บ สามารถนำไปประยุกต์ใช้กับเทมเพลตอื่นๆ และนำมาให้ครูช่วยดูได้

ครั้งที่ 4. ปรับแต่ง Wordpress

ติดตั้ง Plugin ที่น่าสนใจต่างๆ เพื่อทำให้เว็บของเรามีความสามารถที่หลากหลาย เช่น ทำเป็นเว็บแสดงเนื้อหา, เว็บแคตาล็อก, เว็บแกลอรี, ระบบติดต่อ/กรอกข้อความต่างๆ, ระบบสมาชิก, ระบบเว็บบอร์ดพื้นฐาน, ระบบ e-commerce

ตัวอย่างความรู้เกี่ยวกับ Wordpress

สไลด์งาน WordCamp ที่ครูเม่นไปบรรยายเมื่อ 19 ตุลาคม 2551

ตัวอย่างเว็บที่สร้างด้วย Wordpress

iSchool.in.th เว็บโรงเรียนสอนออกแบบและครีเอทีฟ
TrinityThailand.com เว็บโรงเรียนสอนภาษาอังกฤษ
be-live.in.th เว็บขายเฟอร์นิเจอร์กึ่งบิลท์อิน
Plajazz.com เว็บวงดนตรีแจ๊สของปลาทอง
Digital2Home เว็บขายกล้อง
ReadJournal.org เว็บวารสาร “อ่าน”