Technology For Visual Communication Design ARTI3319

1

2

คํานํา

บล็อก ( BLOG ) คือเวปไซตท่ีเจาของ หรือ Admin สามารถบันทึกเร่ืองราวของตนเองลงในเวป

ไดตลอดเวลาการสรางเว็บบลอก สามารทําไดงายๆดวยตนเอง ไมซับซอน และภายในระบบการ

จัดการบริหารเว็บไซตพื้นฐานให เชนเคร่ืองมือสําหรับเขียนเร่ือง โพสรูป จัดหมวดหมู และลูกเลนอื่นๆ

รายงานเลมนี้ จัดทําขึ้นเพื่อรวบรวมหลักฐาน การศึกษาและการตแตงเว็บบลอก ซึ่งไดแก

Google Blogsport อันลวนเปนเนื้อหาท่ีผานกระบวนการเรียนการสอนในรายวิชา เทคโนโลยีเพื่อ

การออกแบบนิเทสศิลป ( ARTI 3319 ) สอนโดย ผศ.ประชิด ทิณบุตร

ผูจัดทํา

นาย ภูริทัต มีสมบัติ

3

สารบัญ

1. Google Blogspot 4

- ข้ันตอนการสราง Blogspot 5

- วิธีการใชแมแบบใน Blogspot 6

- วิธีการเพ่ิม Gadget 7

- การใชงานหนาบทความท่ีแสดงผลเปน HTML 10

- Creative Commons – CC 11

- วิธีการกําหนดขนาดรูปภาพ 14

- วิธีการตัดหนาขอความท่ีโชว เพื่อไมใหขอความยาวจนเกินไป 15

4

Google Blogspot

Blogger เปนอีกหนึ่งบริการของ Google ท่ีจะชวยใหคุณมีพื้นท่ีสําหรับเขียนเร่ืองราวตาง ๆ ท่ีคุณ

ตองการในลักษณะของ Webblog บริการเหลานี้คุณสามารถใชงานไดฟรี โดยไมมีคาใชจาย สําหรับ

คนท่ีอยากมีเว็บไซตสวนตัว แตไมอยากมีคาใชจาย blogger สามารถชวยคุณได หากคุณตองการใช

blogger เพียงแคสมัคร Gmail ก็สามารถสราง blog ไดอยางมากมาย นอกจากนี้การสราง blog ดวย

blogger นั้นเชื่อมโยงพื้นท่ีเก็บรูปภาพเขากับ picasa ซึ่งเปนบริการดานภาพถาย ทําใหคุณมีพื้นท่ี

เขียน blog และพื้นท่ีเก็บรูปภาพท่ีสัมพันธกัน

Blogspot

5

ขั้นตอนการสราง Blogspot

1. เขาไปท่ี www.blogger.com จะปรากฏหนาตางดังภาพ จากนั้นใหคล๊ิกเขาไปตรงคําวา

สมัครใชงาน

2. เมื่อคล๊ิกเขาไปแลวจะปรากฏชองท่ีจะใหกรอกขอมูล ชื่อ ระหัสผาน

6

3. เมื่อกรอกเสร็จแลวเราก็จะไดหนา Blog ดังภาพ

วิธีการใชแมแบบใน Blogspot

1. เปดหนาเวป Blog ขึ้นมา แลวคล๊ิกไปตรงขอความ การออกแบบ ดังภาพ

7

2. ใหคล๊ิกไปท่ี แมแบบ จากนั้นจะปรากฏรูปแบบตางๆ ถาตองการใชรูปแบบใหคล๊ิกท่ีรูปแบบนั้น

แลวกดใชงาน รูปแบบนั้นก็จะแสดงบนหนาเวป Blog ของเรา

วิธีการเพิ่ม Gadget

1. ใหเราไปท่ีหนาเวป Blog แลวคล๊ิกเขาไปท่ี การออกแบบ

8

2. เมื่อเขามาแลวจะปรากฏหนาตางดังภาพ ใหเราไปท่ี รูปแบบ>เพิ่ม Gadget

3. จากนั้นจะปรากฏหนาตางท่ีจะใหเลือก Gadget เมื่อเราได Gadget ท่ีเราตองการแลวใหกดท่ี

เคร่ืองหมายบวกดังภาพ

9

3. เมื่อคล๊ิกท่ีเคร่ืองหมายบวกก็จะปรากฎหนาตางขึ้นมาดังภาพ ใหเราคล๊ิกท่ีคําวา บันทึก

4. เมื่อกดบันทึกเสร็จเรียบรอย Gadget ก็จะโชวท่ีหนา Blog ดังภาพ

10

การใชงานหนาบทความที่แสดงผลเปน HTML

1. เขาไปยังหนาเขียนบทความ แลวคล๊ิกขอความ HTML ดังภาพ

2. เมื่อคล๊ิกเสร็จแลวก็จะปรากฏหนาตาง Code HTML ขึ้นมา ก็จะมี Code ตางๆ ใหแกไขเพิ่มเติม

อยางเชน Code ปรับขนาดรูปภาพ ดังภาพ

11

3. เมื่อแกไขเพิ่มเติมเสร็จแลว ใหคล๊ิกท่ีคําวา อัพเดท ส่ิงท่ีเราแกไขหรือเพิ่มเติมก็จะแสดงยังหนาเวป

Blog

Creative Commons - CC

ครีเอทีฟคอมมอนส (Creative Commons: CC) คือองคกรท่ีไมแสวงหาผลกําไร จัดตั้งขึ้นขยาย

ขอบขายของการใชส่ือตางๆ ใหกวางขึ้นโดยไมจํากัดท่ีสัญญาอนุญาตของส่ือนั้นๆ สัญญาอนุญาต

ของครีเอทีฟคอมมอนส จะเอื้อใหมีการใชส่ือท้ังทางภาพ เสียง ขอมูล โดยการแบงแยกสัญญาอนุญาต

ยอยออกสําหรับการแจกจายและการใชขอมู ล โดยการอางอิงถึงเจาของลิขสิทธ์ิเดิม ครีเอทีฟคอม

มอนสกอตั้งโดย ลอวเรนซ เลสสิก ซึ่งปจจุบันบริหารงานโดย โจอิจิ อิโต (จอย อิโต)

12

ข้ันตอนการขอเร่ิมใช Creative Commons: CC

1. เขาไปท่ี http://creativecommons.org จากนั้นคล๊ิกท่ี ขอความ Creative Commons ดังภาพ

2. จากนั้นคล๊ิกท่ีคําวา Choose & License

13

3. ปรับแตงตามความเหมาะสม จากนั้นก็นํา Code ท่ีไดไปใสไวท่ี Gadget ก็จะปรากฏ

Creative Commons: CC ขึ้นมาบนหนาเวป

14

วิธีการกําหนดขนาดรูปภาพ

ใหไปยังหนาเขียนขอความ จากนั้นคล๊ิกท่ีรูปก็จะปรากฏ หนาตางขึ้นมา ในหนาตางก็จะมีใหเลือกวา

จะใหรูปภาพเปนขนาด เล็ก ปานกลาง ใหญ ใหญพิเศษ ขนาดเดิม ชิดซาย จัดกล่ึงกลาง ชิดขวา

ดังภาพ เมื่อตองการขนาดใดก็ใหคล๊ิกท่ีขนาดนั้น แลวกด คําวา อัพเดท

วิธีปรับขนาดภาพโดยแกไขท่ีหนาตาง Code HTML ใหเขาไปยังหนาตาง HTML จากนั้นจะมี Code

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

ตามท่ีเราตองการ

15

วิธีการตัดหนาขอความที่โชว เพื่อไมใหขอความยาวจนเกินไป

1. เขาไปท่ีหนาตางเขียนขอความ จากนั้นก็คล๊ิกตรงตําแหนงท่ีจะใหขอความแสดงโชวบนหนาเวป

Blog และคล๊ิกท่ี แทรกการขาม ดังภาพ

2. เมื่อคล๊ิกเสร็จก็จะปรากฏเสนขึ้นมา เพื่อแสดงใหรูวา ขอความท่ีจะโชวบนหนาเวป Blog จะส้ินสุด

ตรงนี้ จากนั้นก็กดคล๊ิกท่ี อัพเดท

16

3. เมื่อคล๊ิก อัพเดท เสร็จ ขอความท่ีหนาเวป Blog ก็จะโชวส้ันลงตามท่ีเราไดกําหนดไว เมื่ออยากดู

ขอความเพิ่มเติมใหคล๊ิกท่ี อานเพิ่มเติม ดังภาพ