วิธีการสร้างบล็อกและการปรับแต่งขนาดกราฟิก

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