สอนทำ "เว็บ - ล็อก" (หรือ บล็อก) นั่นเอง (ตอนที่ 1 ไม่รู้ว่าจะมีกี่ตอน แต่จะค่อย ๆ ทยอยทำ)

เหมาะสำหรับ

1. คนอยากมีพื้นที่สื่อในอินเทอร์เน็ต เป็นของตัวเอง (เช่น ทำเว็บส่วนตัว ไดอารี่ บ่นด่า หรือ เว็บประชาสัมพันธ์ข้อมูลต่าง ๆ)

2. ไม่ต้องเสียเงิน (ยกเว้นค่าเชื่อมต่อเน็ต ค่าไฟเปิืดคอม ก็เท่านั้น ส่วนที่เกี่ยวกับบริการ -ไม่มีค่าใช้จ่ายจ้า...)

ถ้าทำเสร็จ ผลงานจะออกมาหน้าตาประมาณนี้

http://samakkeevittaya.blogspot.com/

หรือไม่ก็ดีกว่านี้ (ถ้าคุณเก่งมาก่อนแล้ว) หรือไม่ก็แย่กว่านี้ (ถ้าคุณไม่ตั้งใจทำ)

..............................................

ขั้นแรก ขอบอกสิ่งที่ควรทราบ เผื่อการนำไปประยุกต์ แต่ถ้าขี้เกียจอ่าน ข้ามได้

- ประการแรก การทำเว็บไซต์ "ทำได้หลายวิธี" มีเยอะมาก ตัวอย่างเช่น

**๑**ทำจากโปรแกรม Note pad โดยการเขียนภาษา HTML เองทั้งหน้าแล้วเซฟไฟล์เป็นนามสกุล .html (โบราณมาก แก้ไขยาก อ่านเขียนโค้ดไม่ออก ก็ทำไม่ได้)

**๒**ทำจากโปรแกรมสำเร็จรูป โดยทำในขณะที่ยังไม่ต่อเน็ต พอทำเสร็จ ค่อยต่อเน็ตแล้วเอาข้อมูล ขึ้นไป(อัพโหลด = upload) เก็บไว้บนเครือข่ายอินเทอร์เน็ต เช่น ใช้โปรแกรม Microsoft word พิมพ์ข้อมูลแล้วเซฟเป็นไฟล์ HTML หรือโปรแกรมอื่น ๆ เช่น FrontPage, Dreamweaver เป็นต้น

**๓**ใช้โปรแกรมจัดการ ที่เรียกว่า CMS (Content Management System) คือจะทำเว็บไปในขณะที่เชื่อมต่ออินเทอร์น็ตเน็ตอยู่ พอพิมพ์ข้อมูลเสร็จ กดส่งข้อมูลปุ๊บ ก็ได้หน้าเว็บออกมาปั๊บ เพราะมีระบบจัดการเรื่องหน้าตาเว็บ สีสัน รูปแบบให้หมดแล้ว เกิดมาเพื่ออำนวยความสะดวกสุด ๆ CMS มันมีหลายแบบ แบบที่ทำออกมาเป็น บล็อก (ไว้เขียนบันทึก เขียนประกาศ), เว็บบอร์ด (ที่สำหรับตั้งกระทู้ถามตอบกันได้), และอื่น ๆ (ข้อมูลในลักษณะอื่น ๆ เช่น ระบบจัดการสมัครสมาชิก, มีการเพิ่มอุปกรณ์เสริมต่าง ๆ นาฬิกา, ปฏิทิน, เกม, ฯลฯ)

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

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

เป็นของกูเกิล (ไม่แน่ใจว่าเป็นของยังไง แต่น่าจะพัฒนาโดยกูเกิล หรือถูกซื้อมา สรุปไม่รู้เลย - แล้วจะเขียนทำไม) แต่การจะเข้าใช้งานได้ ต้องมี บัญชีผู้ใช้ของกูเกิล (ถ้ายังไม่มีก็ไปสมัครซะ มันจะมีให้กรอกเลย หรือใครเคยสมัครจากจีเมลแล้ว ก็เอารหัสนั้นแหละมาใช้ [[[แถมให้ วิธีการสมัครจีเมล กดเลือกแบบ "เข้าสู่ระบบในฐานะบุคคลทั่วไป" แนะนำให้สมัคร เพราะต่อไปถ้าสอนอะไรอีก ก็คงจะมีแต่บริการของกูเกิล มีไว้ ไม่เสียหาย ของฟรี]]])

- ประการที่สาม เว็บที่กำลังจะทำน่ะ มันเป็น เว็บ 2.0

(ขออธิบายตามความเข้าใจส่วนตัว ถ้าผิด ช่วยแก้ไขด้วย พอดีอยากอธิบาย แต่ก็ไม่ได้เชี่ยวชาญอะไร)

*เว็บ 1.0 (web 1.0) มันคือเว็บที่มีแต่ข้อมูล หน้าตาแห้ง ๆ คนเข้ามาอ่านได้อย่างเดียว อ่านจบแล้วก็ปิดไป แสดงความคิดเห็นไม่ได้ คนสร้างและแก้ไขข้อมูลในหน้าเว็บนี้ มีคนเดียวคือ เว็บมาสเตอร์

*เว็บ 2.0 (web 2.0) คือเว็บไซต์ที่เจ้าของเว็บสร้างขึ้นมาเพื่อให้บริการแก่ผู้ใช้ ผู้ใช้สามารถเขียนข้อมูลและตอบแลกเปลี่ยนความคิดเห็นกันได้ ตัวอย่างเว็บไซต์ลักษณะนี้ เช่น hi5, facebook, youtube และพวกบล็อก เว็บบอร์ด มีบริการเยอะมาก มันจะเป็นลักษณะที่ว่า เจ้าของเว็บไซต์นั้น ๆ จะสร้างสิ่งอำนวยความสะดวกหรือจัดหาบริการดี ๆ ที่คนทั่วไปอยากจะใช้งาน มาให้บริการ แล้วคนที่เข้ามาใช้บริการ จะกลายเป็นผู้สร้างข้อมูลต่าง ๆ ให้กับเว็บไซต์นั้นเอง ข้อมูลต่าง ๆ ที่ถูกสร้างจะช่วยดึงให้คนเข้ามาดูเว็บไซต์นั้นเอง โดยที่เจ้าของเว็บไซต์ไม่ต้องเสียเวลาสร้างข้อมูลเองเลยก็ได้ แค่บริการให้ดี ๆ เสมอต้น เสมอปลายก็พอ แค่นี้ก็กลายเป็นเว็บที่ได้รับความนิยมได้โดยที่ไม่ต้องสร้างข้อมูลเองเลย

*เว็บ 3.0 (web 3.0) ไปอ่านเอง แหล่งที่ 1, แหล่งที่ 2, แหล่งที่ 3, แหล่งที่ 4, แหล่งที่ 5

มันจะล้ำขึ้นไปเรื่อย ๆ

แต่โดยส่วนตัว เราว่า web 2.0 เป็นอะไรที่เปลี่ยนแปลงโลกมาก ๆ ถ้าไม่มีเว็บ 2.0 เราคงไปสิงอยู่ตรงไหนก็ไม่อาจจะหยั่งรู้ (อาจจะไปสิงอยู่ในไดอารี่ที่รักสักสิบยี่สิบเล่ม เพราะเราชอบเขียน และไม่ได้สิงอยู่ในใจเธอเหมือนทุกวันนี้ - เธอไหน? นั่นสิ!) เพราะเว็บที่เราทำตอนนี้ ก็มีแต่ web 2.0 (มันมีเยอะมากอ่ะ มันคือลักษณะของเว็บอ่ะนะ จริง ๆ มีเรื่องภาษงภาษาโปรแกรมเกี่ยวข้องเยอะมาก แต่เราไม่แน่ใจ ไม่เขียนแล้วกัน เข้าใจว่า แค่นี้ก็งงกันจะชักตายไปหมดแล้ว เว็บ 1.0 เคยทำนะ ลำบากม๊ากมาก แต่เจ้าของเว็บที่เราไปใช้บริการก็เป็นลักษณะของจุดเริ่มต้นแรก ๆ ของ web 2.0 แหละมั๊ง [[[คือเป็นเว็บเมืองนอก ที่ให้บริการพื้นที่เก็บเว็บไซต์ โดยให้คนทั่วไป แค่สมัครสมาชิก แล้วก็จะสามารถใช้พื้นที่นั้น ๆ เก็บเว็บไซต์ที่สร้างเองได้ เพียงแต่ url ของเว็บ ยังอิงกับของเจ้าของเว็บ และมีโฆษณาเกลื่อนหน้าเว็บเรา ที่สำคัญที่สุดคือหน้าตาเว็บที่เราทำอ่ะ web 1.0 ของแท้ แห้ง ๆ นิ่ง ๆ ทำยากลำบากมาก ถามใครก็ตอบไม่ได้ ลำบากกว่าตอนนี้เยอะ]]] เพราะที่ผ่านมา เราใช้แต่ของฟรีในเน็ต ไม่เคยจ่ายเงินหรอก จนกระทั่งกระแดะไปจดโดเมน www.pranitee.com กับเช่าโฮสต์นั่นแหละ ถึงเริ่มเสียเงิน ก๊าก...) คนมากมาย มีเว็บ ก็เพราะมี web 2.0 แหละ

- ประการที่สี่ บล็อกที่ทำเสร็จเนี่ย สามารถหารายได้โดยการใส่กูเกิลแอดเซนต์ได้ (แปะโฆษณาของกูเกิลได้) แต่ก็เท่านั้น เราแปะไปหลายที่แล้ว ยังไม่เคยได้ตังค์เลย เพราะมันไม่มีคนกดโฆษณา เรียกว่า ไม่ต้องคาดหวังเลยดีกว่า แต่บอกเฉย ๆ ว่ามันสามารถแปะได้ (บริการของบล็อกบางที่ จะไม่อนุญาตให้แปะกูเกิลแอดเซนต์ เพราะเจ้าของเว็บจะแปะเอง ก๊าก...)

- ประการที่ห้า อันนี้ออกแนว ต้องงงหนักกว่าเดิม (สำหรับคนที่จะทำ seo)

เราไม่รู้ว่ามันมีความหมายแค่ไหนนะ แต่บล็อกของ บล็อกเกอร์ (ใช้เนื้อที่ของ blogspot.com)

จะไม่มีค่า PR ( http://truehits.net/faq/webmaster/seo/page_rank.php ) ไม่รู้มันสำคัญแค่ไหน แต่เราก็อยากให้มันมีอ่ะ

ลองอ่านรายละเอียดดู อย่างเราว่าบล็อกเราบล็อกนี้ http://pranitee.blogspot.com/ มีประโยชน์จะตายชัก เขียนก็ีดี (ตรงไหน) อย่างน้อยก็มีสาระกว่าหลายบล็อกของเรา แต่มันไม่มีค่า PR อ่ะ

อย่างที่หน้า http://mysky.exteen.com/ มีค่า PR เท่ากับ 3 (exteen ก็เป็น web 2.0 ซึ่งค่า PR ของเว็บ http://www.exteen.com คือ 5)

ที่หน้า http://www.pranitee.com/moodle/ มีค่า PR เท่ากับ 4 (นี่เว็บเรา เช่าโฮสต์ ใช้ LMS ชื่อ Moodle จัดการ / LMS คือ Learning Management System ใช้จัดการคอร์สเรียนได้ ต่างจาก CMS ตรงที่ CMS จัดการระดับคอร์สเรียน ให้คะแนน รวมเกรด แบบ LMS ไม่ได้)

ทั้งที่ที่นี่ออกจะมีคนเข้าเหมือนกัน มีคนเก็บฟีดวันละมากกว่า 10 คน ทำไม๊ทำไม ไม่มีค่า PR เลยเข้าใจว่ามาจาก บล็อกสปอต ไม่ให้มีค่า PR แน่เลย ใครอยากมีค่า PR ก็ไปใช้บริการของที่อื่นแล้วกัน

เฮ้ย เอาใหม่ ๆ ลองเช็คจากที่นี่ http://www.pagerank.net/pagerank-checker/

มันเช็คได้อ่ะ ได้ PR = 2 อ่ะ

เดิมเราเช็คจาก SeoQuake มันขึ้น n/a (ไม่มีข้อมูล) ตลอดเลยอ่ะ

เอาเหอะ งงต่อไป ก๊าก...

- ประการ... ไปเข้าเรื่องเหอะ ก่อนจะงงกว่านี้

..................................................................

วิธีทำเว็บจ้า...ทำเว็บ

ทำเว็บให้ออกมาหน้าตาแบบนี้ http://samakkeevittaya.blogspot.com/

ถ้าไม่ชอบแบบนี้ ก็ปิดไป พอดียังไม่สอนแบบอื่น

1. เข้าไปที่ http://www.blogger.com/

2. ถ้ามีแอคเคาวน์ของกูเกิล อยู่แล้ว (และบางทีเช็คเมลอยู่) มันจะขึ้น ยูสเซอร์เนมให้แล้ว เหลือแต่ให้เราใส่พาสเวิร์ดไป ก็ใส่ไป

แต่บางคนก็ว่างทั้งสองช่อง ก็ใส่ยูสเซอร์เนมคืออีเมล กับพาสเวิร์ด (บัญชีของกูเกิล) ไป

แต่ถ้ายังไม่มีบัญชีของกูเกิล ก็กดปุ่ม สีส้มแป๊ด ที่เขียนคำว่า "สร้างบล็อก"

แล้วก็ใส่รายละเอียดไป

3. จะมาถึงหน้า ที่มีเขียนว่า

(1) สร้างบัญชี

ลงทะเบียนใช้ Blogger

กรอกตรงช่อง ชื่อที่แสดง

(ให้กรอกชื่ออะไรก็ได้ ในที่นี้เราใช้ว่า ครูแอม)
((แต่ชื่อนี้มันจะปรากฏตรง เขียนโดย เช่นเว็บตัวอย่างคือ เราใช้ว่า SAMAKKEE VITTAYA SCHOOL))

แล้วก็ การยอมรับข้อตกลง ให้ เอาเมาส์คลิกให้มีเครื่องหมายถูกในช่องสี่เหลี่ยม หน้า ฉันยอมรับข้อกำหนดในการให้บริการ

จากนั้น กดปุ่ม ลูกศรสีส้มแป๊ด ที่เขียนว่า ดำเนินการต่อ

(2) ตั้งชื่อเว็บล็อก

ตั้งชื่อเว็บบล็อกของคุณ

ตั้งชื่อเลย

ชื่อเว็บบล็อก

(เราตั้งว่า เว็บบล็อก สอน วิธีทำเว็บบล็อก)

ที่อยู่บล็อก (URL)

(ในกรณีนี้เราใช้ตามชื่ออีเมลที่เราใช้สมัครเลย นั่นคือ praniteeratanawijitr)

ตั้งที่อยู่บล็อกเสร็จ

ต้อง คลิกตรง ตรวจสอบความพร้อมการใช้งาน

จนมันขึ้นว่า ที่อยู่บล็อกนี้สามารถใช้ได้

จากนั้น กดปุ่ม ลูกศรสีส้มแป๊ด ที่เขียนว่า ดำเนินการต่อ

จากนั้น เลือกแม่แบบ

เลือกอันไหนไปก่อนก็ได้

จากนั้น กดปุ่ม ลูกศรสีส้มแป๊ด ที่เขียนว่า ดำเนินการต่อ

บล็อก ของคุณถูกสร้างขึ้นแล้ว

จากนั้น กดปุ่ม ลูกศรสีส้มแป๊ด ที่เขียนว่า เริ่มต้นการเขียนบล็อก

จากนั้นจะเจอหน้าเว็บที่เหมือนโปรแกรมพิมพ์

พิมพ์ตรงชื่อเรื่องไปว่า

ทดสอบ

แล้ว

ในช่องพิมพ์ข้อความก็พิมพ์

ทดสอบ

ป้ายกำกับสำหรับบทความนี้: ทดสอบ

จากนั้น กดปุ่ม สีส้มแป๊ด ที่เขียนว่า เผยแพร่บทความ

เผยแพร่บทความบล็อกของคุณเสร็จสมบูรณ์

ดูบทความ

กดดูบทความ http://praniteeratanawijitr.blogspot.com/2009/12/blog-post.html

วันนี้สอนแค่นี้ก่อนแล้วกัน

ถ้าไม่เข้าใจตรงไหน แสดงความคิดเห็นไว้ได้

อย่าลืมว่าเราจะสอนจนออกมาหน้าตาเหมือน http://samakkeevittaya.blogspot.com/ อย่างนี้แป๊ะเลย แต่ยกเว้นข้อมูลจะไม่เหมือนนะจ๊ะ เอาแค่ลักษณะรูปร่างหน้าตาโดยรวมเท่านั้นที่จะเหมือน

..........................

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