วันพุธที่ 30 ธันวาคม พ.ศ. 2552

weblog ภาค 4 (ต่อจากเอนทรี่ที่แล้ว)

ไม่รู้จะอ่านรู้เรื่องหรือเปล่านะ แต่ขอแทรกไว้เลยแล้วกัน กลัวลืม

ที่บอกว่าจะเอามาฝาก

สำหรับคน (ชอบใช้วิธี) ถึก ๆ

และสามารถพอตัว

วิธีจะดูว่าชาวบ้านเขาตั้งค่ายังไง ทำไม่ยาก

คลิกขวา แล้วเลือก View Page Source (Firefox)

หรือ View Source (IE และ Safari) หรือ ดูรหัสต้นฉบับ (Google Chrome)

แค่นี้ก็รู้ได้แล้ว แต่ว่าอ่านไม่ออกน่ะสิ ปัญหา

(แต่เราอ่านพอออก บางทีเราก็อาศัยดู แต่เหนื่อยเปล่า ถ้าไม่มีพื้นฐาน อย่าพยายาม เพราะจะปวดหัวไปสามวัน)

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

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

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

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

ยิ่งสอน คนยิ่งไม่เข้าใจแน่ ๆ พอดีเรายุ่งอ่ะ แต่เราอยากบันทึกไว้เอง เหมาะสำหรับเรามาทบทวนมากกว่า หน้าตาหน้าที่ทำไม่สวย ก็ช่างมันเถอะ เราเทสต์เฉย ๆ

อ่ะดู ครั้งก่อนทำไว้เท่านี้แล้ว

ซึ่งพบว่า ลักษณะคล้ายเว็บต้นฉบับแล้ว

ต่อไปวันนี้เราจะมาเลือกในส่วนของ องค์ประกอบของหน้าตามเว็บต้นฉบับ

ไปที่ รูปแบบ > องค์ประกอบของหน้า

กด เพิ่ม gadget ให้ตรงกับส่วนที่จะเพิ่ม

จริง ๆ ตรงนี้ไปเล่นเองเหอะ

แต่จะบอกว่าแต่ละอันคืออะไรแล้วกัน

- ผู้ติดตาม

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

แต่ปัจจุบัน ไม่ใช่ดีหรอก มันอยากโฆษณาตัวมัน มันก็มากดติดตามได้ มันจึงกลายเป็นพื้นที่ฝากตัว พื้นที่โฆษณาไป ซึ่งหลายครั้งส่วนนี้มันกลับทำให้บล็อกเราดูหมองหม่นลง เช่น คนที่มาติดตาม ใช้รูปทุเรศ ๆ มันก็ทำให้บล็อกเราทุเรศลงตามไปด้วย เป็นต้น ถ้าไม่จำเป็น เอาออกไปเหอะ

*อันนี้ บล็อกเกอร์จะใส่้ให้มาแล้ว เป็นค่าตั้งต้นของระบบ

- ช่องค้นหา

ไว้เอามาใส่ให้คนเข้าเว็บใช้ค้นหาข้อมูลของบล็อกคุณได้ง่ายขึ้น

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

ไม่เชื่อลองค้นดูดิ เจอเลย แต่หน้าตาเละหน่อย ๆ ว่ะ มีโค้ดไรโชว์ไม่รู้ อ่านไม่ออก แต่เจอทันทีเลยจริง ๆ

(ตั้งค่าได้อีกนะ จำไม่ได้ แต่หลัก ๆ คือเท่านี้)

- HTML / จาวาสคริปต์

ไว้ใส่โค้ด HTML หรือโค้ดจาว่า เช่นพวกตัวนับสถิติคนเข้าเยี่ยมชม (เคาวน์เตอร์) หรือรูปจากในเน็ต หรือพวกโค้ดเพลง โค้ดบ้าบอคอแตก ล้านแปด ฯลฯ รวมถึงโค้ด โฆษณาของกูเกิลด้วย

- ข้อความ

ก็ไว้ใส่ข้อความธรรมดา

- รูปภาพ

ก็ไว้ใส่รูปภาพธรรมดา เช่นหัวบล็อกอยากใส่รูป ก็เลือกอันนี้ มันจะมีให้เลือกปรับขนาดให้เท่ากับความสวยงามของส่วนนั้น ๆ ด้วย

- สไลด์โชว์

ก็ทำสไลด์โชว์ รูปตามที่เราเลือกไว้

- แถบวีดิโอ

ไม่เคยใช้ แต่สำหรับคนจะเพิ่มช่องยูทูปกับวีดิโอโปรดมั๊ง

- แบบสำรวจ

ก็โพลนั่นแหละ มีกำหนดช่วงการเปิดรับความคิดเห็นได้ด้วย ถือว่าโอเคนะ น่ารักและสะดวกดี

- รายการบล็อก

เหมือนที่รวม link มั๊ง ไม่เคยใช่

- รายชื่อ link

ก็ที่รวม link ที่เราชอบเข้า

- รายการ

ก็คือ list เช่นรายการหนังที่ดูมาแล้ว รายชื่อหนังสือที่ชอบอ่าน อะไรทำนองนี้

- ฟีด

ไว้เพิ่มฟีด (ถ้าไม่เข้าใจ ก็อย่าเพิ่งเข้าใจ ยังไม่มีอารมณ์อธิบาย)

- Newsreel

ไม่รู้ ไม่เคยใช้

- ป้ายกำกับ

label ที่ตั้งตอนเขียนบล็อกแหละ

สมมติคุณชอบเขียนแค่สองเรื่องหลัก ๆ เช่น เรื่อง ผู้ชาย และเรื่อง ผู้หญิง สลับกันวันละเรื่อง วันนี้ชาย พรุ่งนี้หญิง อย่างนี้เป็นต้น

label ของคุณจะมีสองอัน คือ ผู้ชาย และ ผู้หญิง

ถ้าคนชอบอ่านแต่เรื่องผู้ชาย กดป้ายกำกับ ผู้ชาย ก็จะมีแต่เอนทรี่ที่เกี่ยวกับเรื่องผู้ชาย

และเช่นกัน ถ้ากดป้ายกำกับ ผู้หญิง ก็จะมี เอนทรี่ที่เกี่ยวกับเรื่องผู้หญิง

ไม่ปนกัน คละกันเหมือนหน้าบล็อกปกติ ที่จะสลับชายหญิงชายหญิง

- link การสมัคร

ไว้ให้คนอยากเก็บฟีดบล็อกคุณ สามารถเก็บฟีดได้ง่ายขึ้น

- โลโก้

โลโก้ของบล็อกเกอร์

- โปรไฟล์

ข้อมูลเกี่ยวกับตัวคุณเอง

- คลังบทความของบล็อก

เก็บเป็นเดือน เป็นปี มากอง ๆ ไว้

- ส่วนหัวของหน้า

แสดงชื่อและคำอธิบายบล็อก

*เขาให้มาแล้ว

มีแค่นี้แหละ

**มีหลายตัว เขาให้มาแล้ว แต่เราจำไม่ได้

พอเรียก gadget เหล่านี้เข้ามาแล้ว จับโยกย้ายได้ กดลากขึ้นลากลง ลากไปไว้เหนือเอนทรี่ ล่างเอนทรี่ (เอนทรี่คืออะไร เอนทรี่คือส่วนที่แสดงข้อมูลบล็อกที่เขียนแต่ครั้งอ่ะ เราอธิบายเอง)

ลองลากไปวางดู วางได้ก็วางได้ วางไม่ได้ก็วางไม่ได้ ก็เท่านั้น

จับโยกย้ายแล้ว อย่าลืม กด บันทึก ไม่งั้นมันจะหายไป (เพราะไม่ยอมบันทึก)

วันนี้แค่นี้แล้วกัน วันหลังจะมาเลือกให้ดู

วันอาทิตย์ที่ 20 ธันวาคม พ.ศ. 2552

weblog ภาค 3 (ต่อจากเอนทรี่ที่แล้ว)

คราวที่แล้วให้แก้ไขเทมเพลต

ตอนนี้หน้าตาเว็บ http://praniteeratanawijitr.blogspot.com/ จึงกลายเป็นแบบนี้แล้ว

ที่เลือก แม่แบบที่ชื่อ Stretch Denim Light

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

เทมเพลตที่จะขยายเต็มจอคอม มีแบบอื่นอีกคือ Minima Lefty Stretch แต่เราไม่ใช้อันนั้น จะสอนอันนี้

(ที่ขยายเต็มจอ จะมีคำว่า Stretch อยู่)

เพราะอันนี้ ปรับแต่งแล้วสวยเร็วกว่า

วันนี้ มาปรับแต่งเทมเพลตกัน

(เออ เผื่อใครยังหาเทมเพลต Stretch Denim Light ไม่เจอ ดูตรงเลือกแม่แบบใหม่ ซะ มันจะอยู่ แถวบนสุด คอลัมน์ที่สอง บรรทัดที่สี่ ที่ สร้างโดย: Darren Delaye อ่ะ)

ขี้เกียจดั๊มหน้าจออ่ะ

แต่ต้องดั๊มอยู่ดี

ต่อไป ดูที่ รูปแบบ > แบบอักษรและสี

แก้ไขตามใจชอบ

แต่ถ้าจะเอาแบบที่เราทำ

ก็คือ สีพื้นหลังเอาเป็นสีประจำโรงเรียน (หน่วยงาน) ก็ได้

ลองกดปรับแต่งดู มันจะมีพรีวิว (ส่วนแสดงอยู่ด้านล่างของหน้า) ให้ดูทันทีเลย

แนะนำ (จริง ๆ อันนี้เซตไว้แล้ว font ต้อง Verdana เท่านั้น เพราะนอกนั้นไม่ใช่ภาษาไทย ฟอนต์ไทยในเว็บมีแค่ Verdana กับ Tahoma กับอาจมีอีก แต่ส่วนใหญ่ เลือกแค่สองอันนี้พอ Verdana สวยกว่า - ปรับขนาดใหญ่เล็ก ตามสบาย)

ปรับแต่งเสร็จ คลิกที่ปุ่มสีส้ม บันทึกการเปลี่ยนแปลง

จะมีขึ้นมาว่า
การเปลี่ยนแปลงของคุณถูกบันทึกแล้ว ดูบล็อก http://praniteeratanawijitr.blogspot.com/

ลองเข้าไปดู จะพบว่า มีความใกล้เคียงกับ เว็บ http://samakkeevittaya.blogspot.com/
หน่อย ๆ แล้ว

แต่ขนาดตัวอักษรใหญ่กว่า กับสีต่างกันเล็กน้อย (ก๊าก...)

ใครมีความสามารถในการอ่านเขียนภาษา HTML ลองไปปรับแต่งในส่วน รูปแบบ > แก้ไข HTML เอาเองก็ได้ แต่ถ้าใครไม่มี ไม่ต้องพยายาม (เดี๋ยวเน่า)

คราวหน้ามาต่อแล้วกัน

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

วันพุธที่ 16 ธันวาคม พ.ศ. 2552

weblog ภาค 2 (ต่อจากเอนทรี่ที่แล้ว)

ก่อนอื่นขอบอกทุกท่าน

weblog อ่านได้ว่า เว็บ-ล็อก, เว็บ-บล็อก, วี-บล็อก (ภาษาโบราณ) ซึ่งมันก็คือ blog บล็อก นั่นแหละค่ะ

อ่านรายงานเมื่อหลายชาติของเราได้ที่ http://www.slideshare.net/pranitee/et512-pranitee-blog

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

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

ต่อจากครั้งก่อน ที่ทำเว็บหน้าตาแห้ง ๆ ไว้ แบบนี้

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

อ่ะ วันนี้สภาพมันจะเปลี่ยนไปอีกขั้น นั่นคือ เราจะเปลี่ยนเทมเพลตให้มันใหม่

ก่อนอื่น ล็อกอินเข้าไปที่หน้า http://www.blogger.com/home

แล้วคลิก รูปแบบ

แล้วคลิก เลือกแม่แบบใหม่

แล้วคลิกแม่แบบที่ชื่อ Stretch Denim Light

จากนั้นคลิก บันทึกแม่แบบ

จากนั้นคลิก ดูบล็อก

ดูเดะ หน้านี้แหละ

http://praniteeratanawijitr.blogspot.com/

รูปร่างหน้าตา ดูคุ้น ๆ แล้วใช่ไหม

(คล้าย http://samakkeevittaya.blogspot.com/ หน่อย ๆ แล้ว)

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

วันหลังมาสอนใหม่ วันนี้ไปแล้ว

ปล. เจ้าณัฐ ป.4/2 บอก url มั่ว นั่นมันเว็บใครไม่รู้ เดี๋ยวพรุ่งนี้โดนเตะโด่งแน่

เจ้าบิ๊ก และ 4/1 หลายคนที่ว่าจะทำเว็บ เมื่อไรจะหาเน็ตเล่นได้

ฝากถึงท่านอื่น ๆ

ประการแรกที่สำคัญมาก คือ ชื่อที่ใช้ ตรงที่กรอกในช่องว่างก่อน .blogspot.com

จำให้ได้ เพราะนั่นคือ เว็บของคุณ

ฝากให้หลายท่าน และลูกศิษย์เรา

ถ้าอยากทำเว็บ (ทำเอง)

ตอบคำถามเหล่านี้ (เราคิดเอง วันนี้ว่าง ๆ เลยคิด)

๑. อยากทำเว็บเกี่ยวกับอะไร .................................

(เช่น เว็บประวัติส่วนตัว, บันทึก, ตำราอาหาร, รวมเกม, ฯลฯ)

๒. ตัวอย่างเว็บไซต์ ที่อยากทำให้ได้เหมือนอย่างนั้น.........................

(เช่น เว็บ http://www.pranitee.com ก๊าก... เว็บอะไรก็ว่าไป แต่เราไม่ยกตัวอย่างทางนี้ เชอะ หลายเว็บก็ได้ แต่ไม่ควรเกินสิบ มันเยอะไป ที่ให้หลาย ๆ เว็บเพื่อหาความเป็นไปได้ บางทีเลือกซะเวอร์เลย แต่ไม่มีปัญญาทำ เอายากง่ายคละเคล้ากันไป)

๓. มีพื้นฐานความรู้มากน้อยแค่ไหน (ติ๊กถูกหน้าข้อ)

( ) เปิดปิดคอมได้ (แบบไม่เจ๊ง)

( ) พิมพ์งานได้

( ) หาเน็ตเล่นได้

( ) เข้ากูเกิลได้

( ) มีอีเมลของตัวเอง สมัครเอง ใช้งานเองอยู่ทุกวันนี้

( ) ดาวน์โหลดเป็น

( ) มีเว็บพวกโซเชียลเน็ตเวิร์คของตัวเอง สมัครเอง เล่นเอง พวกไฮไฟว์ เฟสบุ๊ค ฯลฯ

( ) ใช้โปรแกรมแต่งภาพเป็น พวกโฟโต้ชอป หรืออื่น ๆ เช่นโฟโต้สกาป (โปรแกรมฟรี)

( ) อัพโหลดเป็น

( ) อ่านเขียนภาษา HTML ได้

( ) css

( ) flash

( ) php

( ) อื่น ๆ ... (นึกไม่ออกแล้ว)

๔. จะมีคนช่วยทำเว็บไหม ถ้ามี มันคือ (ใคร) ใส่ชื่อไป.................................

ความสามารถแค่ไหน....................

จะร่วมด้วยมากน้อยแค่ไหน........................

ประมาณนี้ ลองคิดดูก่อน

ที่สำคัญ เวลาจะบอกว่าทำเว็บได้แล้ว จด URL (สมมติอานะ ก็คือ http://www.pranitee.com อ่ะนี่ URL เว็บครู หรือURLของที่นี่ก็คือ http://pranitee.blogspot.com ไง) จดมาให้ถูก ถ้าจดมาไม่ถูก บอกไม่ถูก แล้วจะเชื่อว่าทำเว็บเป็นได้ไง

รอบคอบหน่อย ไอ้ลูกชาย!

ไปแล้ว ง่วง พรุ่งนี้ป.ต้นเข้าค่าย ติวป.ห้าเสร็จจะไปช่วยร้องเพลง ก๊าก...

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

วันอาทิตย์ที่ 13 ธันวาคม พ.ศ. 2552

สอนทำ "เว็บ - ล็อก" (หรือ บล็อก) นั่นเอง (ตอนที่ 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 ให้ครูแดง และเก็บของเตรียมไปบ้านตั้วอี้ และเตรียมสอนพรุ่งนี้ที่โรงเรียน