1
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
เพชรณะภา ชูวงศ วันที่ 14/7/56
2
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
คํานํา คูมือการจัดการความรูโดยใชบล็อกและเครือขายสังคมออนไลน ที่จัดทําขึ้นนี้ เปน เอกสาร ความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ จัดการความรูโดยใชบล็อกและเครือขายสังคม ออนไลน" ของ เพชรณะภา ชูวงศ นักศึกษา ไดสรางตนแบบการจัดการความรูขึ้นมาโดยใชชื่อ วา “บันทึกความรูเรื่องการปรับแตง หรือการบริหารจัดการเว็บบล็อก’’ โดยไดเริ่มสรางขึ้น ตั้งแตวันที่ 14 กรกฎาคม 2556 เปนตนมา แลวนําขอมูลที่ไดมาจัดเขียนเปนคูมือเลมนี้ฯ การจัดทําคูมือการจัดการความรูฯ นี้ ผูจัดทําพยายามที่จะเขียนใหเขาใจไดงาย สะดวกตอการปฏิบตั ิ และนําไปใช หลีกเหลี่ยงคําศัพทหรือภาษาทางคอมพิวเตอรและทางเทคโนโลยีที่คอนขางยาก ยกเวน มีความจําเปน และในบางรายละเอียดผูจัดทําก็จะเชื่อมโยงลิงคไปยังแหลงอางอิงโดยตรง อยางไรก็ตามในการเขียนคูมือการจัดการความรูโดยใชบล็อกและเครือขายสังคมออนไลน นี้ อาจมี ขอบกพรอง หรืออาจมีขั้นตอนบางอยาง ที่ผูนําไปใชยังไมเขาใจ ขอใหสอบถามหรือใหคําแนะนําไดที่ ผูจัดทํา โดยตรงที่ โทรศัพท 086-0161631 หรือ อีเมล Pechnapa11@gmail.com
เพชรณะภา ชูวงศ วันที่ 14/7/56
3
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
วิธีการสรางบล็อกและการปรับแตงขนาดกราฟก โดยนาย เพชรณะภา ชูวงศ บันทึกความรูเรื่องการปรับแตง หรือการบริหารจัดการเว็บบล็อก ในฐานะผูจักการ ระบบ(Admin) Google Blogger Domain & Hosting ที่ blogspot.com ขั้นตอนแรกตองเขาไปใชดวยอีเมลของตัวเองและเขาไปที่ http://human-gohi-sukanda.blogspot.com/
1
ภาพที1่ แสดงหนาการสมัครสรางบัญชีของ Gmail.comเขาถึงขอมูลทั้งหมดไมวาจะเปนBlogger และอื่นๆ ที่มา.เพชรณะภา ชูวงศ,2556 เพชรณะภา ชูวงศ วันที่ 14/7/56
4
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
2
ภาพที่ 2. ใหทําการสมัครบัญชีของ Gmail ของ google แตถาใครมีบัญชี Gmail อยูแลวก็ทํา การล็อกอินเพื่อสราง ไดเลย ซึ่งโดยปกติแลว เมื่อเราเขาไปที่เว็บ http://human-gohisukanda.blogspot.com/ หนาเพจแรกจะถามบัญชีถึงบัญชี Gmail ของผูที่จะทําการสรางบล็อก สําหรับนักศึกษาที่มีบัญชี Gmail อยูแลว ก็กรอกชื่อบัญชี Gmail และ รหัสผานของตน ดังภาพ
ที่มา.เพชรณะภา ชูวงศ,2556
เพชรณะภา ชูวงศ วันที่ 14/7/56
5
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
3
3.1 3.2
3.3
ภาพที่ 3. เปนการสรางบล็อก >> บล็อกใหม ภาพที่ 3.1 ชอง "หัวขอ" ใหกรอกชื่อบล็อกของเรา กรอกไดทั้งภาษาไทย ภาษาอังกฤษ , ภาพที่ 3.2ชอง "ที่อยู" ใหกรอกเปนภาษาอังกฤษ และตัวเลขเทานั้น โดยในชองนี้หามกรอกชื่อ ซ้ํากับบล็อกของคนอื่น ซึ่งถาหากที่อยูใชงานไดดานขางชองที่กรอกจะเปนเครื่องหมายถูกและดานลาง จะขึ้นวา "ที่อยูบล็อกนี้สามารถใชงานได" ภาพที่ 3.3.การสราง Blogger
ที่มา.เพชรณะภา ชูวงศ,2556 เพชรณะภา ชูวงศ วันที่ 14/7/56
6
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
ภาพที่ 4. จะพบกับหนาแรกของ Blogger ของตนดังรูป
4.1
ภาพที่ 4.1กดปุม “บทความใหม” จากเมนูทางดานซายมือ (ตามทีว่ งกลมไวตามภาพ) เพือ่ สราง บทความหรือ Post ใหม
ที่มา.เพชรณะภา ชูวงศ,2556
เพชรณะภา ชูวงศ วันที่ 14/7/56
7
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
ภาพที่ 5. Blogger จะแสดงหนาบทความเปลาขึ้นมา
1
2
4
เลือกเครื่องมือที่ตองการจัดรูปแบบหรือตกแตง 1 คือ ใสเนื้อหาที่ตองการ 2 คือ เลือกเมื่อตองการจัดรูปแบบทั้งหมดดวยตนเองโดยการใส Code HTML 3 คือ การจัดรูปแบบตัวอักษรทั่วไป Font ตัวหนา ตัวเอียง เปนตน 4 คือ การใสลิ้งค(ขอความหรือรูปภาพ) แทรกรูปภาพ เปนตน 5 คือ การจัดตําแหนงของขอความ การใส Bullet เปนตน
ที่มา.เพชรณะภา ชูวงศ,2556
เพชรณะภา ชูวงศ วันที่ 14/7/56
5
8
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
ภาพที่ 6.กดปุม "แสดงตัวอยาง" ดูหนาบทความที่แสดง เมื่อพอใจแลวจากนั้นกดปุม "บันทึก" และ กดปุม "เผยแพร" เพือ่ แบงปนบทความ 6
ภาพที่ 7. เมื่อคลิกที่ “เครือ่ งมือออกแบบแมแบบ” แลวเราจะพบเครือ่ งมือสําหรับออกแบบ แมแบบอยู 4 อยางดวยกัน ไดแก 1. แมแบบ 2. พื้นหลัง 3. รูปแบบ และ 4. ขั้นสูง
ที่มา.เพชรณะภา ชูวงศ,2556 เพชรณะภา ชูวงศ วันที่ 14/7/56
9
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
8
8.1
8.2
ภาพที่ 8. การใชงานเมนูพื้นหลัง การใชงานเครื่องมือ “พื้นหลัง” สามารถใชเพื่อเปลี่ยนภาพ พื้นหลังของบล็อก และเลือกสี Theme ของบล็อกไดตามความตองการไดดว ย 8.1 เลือกสี theme ดวยตัวเอง 8.2 เลือกสี theme สําเร็จรูป
ภาพที่ 9. การใชงานเครื่องมือ “รูปแบบ” คุณสามารถใชเครื่องมือนี้เพื่อกําหนดจํานวน คอลัมน รูปแบบคอลัมน ความกวางของคอลัมน รวมถึงการกําหนดคอลัมนใหกับสวนทายของหนาได ดวย
ที่มา.เพชรณะภา ชูวงศ,2556
เพชรณะภา ชูวงศ วันที่ 14/7/56
10
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
10
11
ภาพที่ 10. เพื่อทําการสรางหนาเว็บเพจตางๆใหคลิก ที่เมนู Show pages as(แสดงหนาเว็บเปน) แลวคลิกเลือกรูปแบบใหใชแบบดานบนสุด เลือกเสร็จเรียบรอยใหไปกดที่ Save arrangement(บันทึก) ภาพที่ 11.เมื่อเลือกตําแหนงของเมนูแลวใหไปกดที่ New page (หนาเว็บใหม) เลือกเมนู Blank page (หนาเว็บเปลา)
ที่มา.เพชรณะภา ชูวงศ,2556
เพชรณะภา ชูวงศ วันที่ 14/7/56
11
เอกสารความรูในรายวีชาเทคโนโลยีเพื่อการออกแบบ
โดย นาย เพชรณะภา ชูวงศ รหัสนักศึกษา 5121302946 กลุมเรียน 201 e-mail : pechnapa11@gmail.com http://pechnapaarti3319.blogspot.com/ สาขาวิชาศิลปกรรม แขนงวิชาออกแบบนิเทศศิลป คณะมนุษยศาสตรและสังคมศาสตร มหาวิทยาลัยราชภัฏจันทรเกษม
เพชรณะภา ชูวงศ วันที่ 14/7/56