Issuu on Google+

1  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)       

 


2  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

การปรับแต่ งขนาดและกราฟิ กพืน้ บล็อก โดย นาย นิมนต์ นุชสวัสดิ์ บันทึกความรู้เรื่ องการปรับแต่งขนาดหรื อบริหารจัดการเว็บบล็อก ในฐานะผู้จดั การระบบ (Admin) ของ Google Blogger Domain & Hosting ที่ blogspot.com

 

ขัน้ ตอนแรกต้ องเข้ าใช้ ด้วย Mail ของตัวเองและเข้ าไปที่ http://arti3319-nimon.blogspot.com/

6.

1. 2. 3.

4.

5.

ภาพที่ 1 แสดงหน้ าเว็บบล็อกของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์, 2556 ส่วนที่ 1. ส่วนที่แสดง ชื่อที่อยูข่ อง url ของ blog นันๆในที ้ ่นี ้คือ http://arti3319-nimon.blogspot.com/ ส่วนที่ 2 ส่วนที่แสดง Header ส่วนที่แสดงรายละเอียดต่างๆ เช่น ชื่อ, คําอธิบาย, โลโก้ ตา่ งๆ ส่วนที่ 3. ส่วนที่แสดงข้ อมูลรายละเอียด ของเจ้ าของบล็อก ส่วนที่ 4. ส่วนที่แสดงรายละเอียดการโพสต์ของเจ้ าของบล็อก ข้ อความ, บทความ, เป็ นต้ น ส่วนที่ 5. ส่วนที่แสดง ส่วนที่มีการแทรกภาพโดยใช้ Gadget ของทาง Blogger ส่วนที่ 6. ส่วนที่แสดงออกแบบ เว็บบล็อก


3  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ขัน้ ตอนการเรี ยนรู้ การใช้ งาน Blogger 11. 7.

8.

10.

9.

 

ภาพที่ 2 แสดงหน้ า Dashboard หรื อ หน้ าบริ หารจัดการเว็ปบล็อกในสํานักของ Admin (Backin) ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 7. ปุ่ มในการสร้ างบล็อกใหม่ ส่วนที่ 8. ส่วนที่แสดงรายการ ของบล็อกที่เราสร้ างขึ ้นมา ้ สามารถคลิกเพื่อเริ่ มโพสข้ อความได้ เลย ส่วนที่ 9. ส่วนในการสร้ างโพสต์ใหม่ ของ บล็อกนันๆ ส่วนที่ 10. ดูบล็อกที่เราสร้ างขึ ้นมา ส่วนที่ 11. ส่วนในการแสดง การเปลี่ยนภาษาของ Web Blog


4  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ขัน้ ตอนการเรี ยนรู้ การใช้ งาน Blogger

12. 13. 14.

15.

16.

17. 18.

ภาพที่ 3 ส่วนแสดงหน้ า การตกแต่งเว็ปบล็อกของ http://arti3319-nimon.blogspot.com/ที่มา : นิมนต์ นุชสวัสดิ์ ,2556

ส่วนที่ 12. ส่วนที่แสดงบทความที่เราเขียนขึ ้นทังหมด ้ ส่วนที่ 13. ส่วนที่แสดงหน้ าเว็ปที่ ทําการโพสต์ขึ ้น ส่วนที่ 14. ส่วนที่แสดงคอมเมนต์ ของผู้ที่เข้ ามาชมบทความของเจ้ าของบล็อกและแสดงความคิดเห็น ส่วนที่ 15. ส่วนที่มีเพิ่ม Gadget ส่วนที่ 16. ส่วนที่แสดงสถิติการเข้ าชมที่ผา่ นมา ส่วนที่ 17. ส่วนที่มีการตกแต่งของ Blogger ส่วนที่ 18. ส่วนที่มีการตังค่ ้ าของ Blogger คําอธิบาย, ภาษา, ที่อยูข่ อง Blogger เป็ นต้ น


5  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดในส่ วนหัวข้ อ “หน้ าเว็ป” 20.

19. 21.

ภาพที่ 4 ส่วนที่แสดงหน้ าต่างเว็ป ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 19. ส่วนที่แสดงหน้ าต่างที่เพิ่มอยูแ่ ล้ ว ส่วนที่ 20. ส่วนที่แสดงการเพิ่มหน้ าต่าง ประกอบด้ วย การเพิ่มหน้ าเปล่า และ การเพิ่มแบบ URL ส่วนที่ 21. ส่วนที่แสดงฉบับร่างที่ยงั ไม่ได้ ทําการเผยแพร่ในหน้ าเว็ปบล็อก


6  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดในส่ วนหัวข้ อ “รู ปแบบ”

22.

ภาพที่ 5. ส่วนที่แสดงหน้ าต่างเว็ป ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 22. ส่วนที่แสดงรายละเอียดการเพิ่ม Gadget


7  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดในส่ วนหัวข้ อ “แม่ แบบ” 23. 24.

26 25

ภาพที่ 6. ส่วนที่แสดง การเลือกแม่แบบ ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 23. ส่วนที่แสดงตัวอย่างของรูปแบบ ที่เราเลือกไว้ ส่วนที่ 24. ส่วนที่แสดงตัวอย่างของรูปแบบ ที่เราเลือก บนมือถือ ส่วนที่ 25 ส่วนที่แสดงถึง แม่แบบ ที่ ให้ เราเลิอกใช้ ส่วนที่ 26 ส่วนที่กําหนดตังค่ ้ ารูปแบบ blogger ภายใน


8  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดการกําหนดค่ า : เทมเพล

27. 28.

29.

ภาพที่ 7. ส่วนการแสดงการกําหนดค่าของบล็อกในหัวข้ อ เทมเพลต ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 27. ส่วนที่แสดงหัวข้ อการตังค่ ้ า ประกอบด้ วย เทมเพลต, พื ้นหลัง, ปรับกว้ าง, รูปแบบ, ขันสู ้ ง ส่วนที่ 28. แสดงรายละเอียด แม่แบบ เทมเพลต ในรูปแบบต่างๆ ้ า ส่วนที่ 29. แสดงรูปแบบตัวอย่างของบล็อก ที่ทําการตังค่


9  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดการกําหนดค่ า : พืน้ หลัง

33. 30.

 

31.

32.

ภาพที่ 7. ส่วนการแสดงการกําหนดค่าของบล็อกในหัวข้ อ พื ้นหลัง ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 30. ส่วนที่แสดง ภาพพื ้นหลัง ส่วนที่ 31. ส่วนที่แสดงประเภทของภาพพื ้นหลัง ส่วนที่ 32. ส่วนที่แสดงถึง ตัวอย่างรูปภาพพื ้นหลัง ส่วนที่ 33. ส่วนที่แสดง รูปแบบสีของ ฟอนต์


10  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดการกําหนดค่ า : ปรั บความกว้ าง 34.

35. 35.

34.

ภาพที่ 8. ส่วนการแสดงการกําหนดค่าของบล็อกในหัวข้ อ ปรับความกว้ าง http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 34. ส่วนที่ใช้ ปรับความกว้ างของ บล็อก ส่วนที่ 35. ส่วนที่ใช้ ปรับความกว้ างของ แทบด้ านข้ าง


11  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดการกําหนดค่ า : รู ปแบบ 37. 36.

38.

ภาพที่ 9. ส่วนการแสดงการกําหนดค่าของบล็อกในหัวข้ อ รูปแบบ ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556

ส่วนที่ 36. ส่วนที่แสดง รูปแบบของการแสดงเนื ้อหา ของบล็อกในส่วนเนื ้อความ ส่วนที่ 37. ส่วนที่แสดง รูปแบบของการแสดงเนื ้อหา ของบล็อกในส่วนท้ ายของบล็อก ส่วนที่ 38. ส่วนที่แสดงถึง Gadget ของบล็อกที่ได้ ทําการเพิ่มขึ ้นมา และ สามารกแก้ ไข กําหนดค่า รายละเอียดได้


12  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

อธิบายรายละเอียดการกําหนดค่ า : ขัน้ สูง

41. 39.

ภาพที่ 9. ส่วนการแสดงการกําหนดค่าของบล็อกในหัวข้ อ รูปแบบ ของ http://arti3319-nimon.blogspot.com/ ที่มา : นิมนต์ นุชสวัสดิ์,2556 ส่วนที่ 39. ส่วนที่แสดง รูปแบบการเข้ าปรับ รายละเอียดของ ฟอนต์ ในจุดต่างๆ ส่วนที่ 40. ส่วนที่แสดง รูปแบบของ ฟอนต์ ส่วนที่ 41. ส่วนที่แสดงถึง การปรับแต่งของสิ


13  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

การปรับแตงขนาดและกราฟกพืน ้ บล็อก โดย นาย นิมนต นุชสวัสดิ์ บันทึกความรูเรื่องการปรับแตงขนาดหรือบริหารจัดการเว็บบล็อก ในฐานะผูจัดการระบบ (Admin) ของ Google Blogger Domain & Hosting ที่ blogspot.com

 

 

ภาพที่ 1. แสดงหน้ า Login ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

เริ่มต้ นการสร้ าง บล็อกเกอร์ (www.blogger.com) 1. 2. 3. 4.

เริ่มต้ นจากเข้ าไปที่ URL www.blogger.com ช่อง ใส่ชื่ออีเมล์ ที่ทําการสมัคร ของ www.google.com ช่อง ใส่รหัสผ่าน กด


14  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ภาพที่ 2 แสดงหน้ า Dashboard ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

5. หลังจาก กด ลงชื่อเข้ าใช้ งานแล้ ว จะปรากฏหน้ าจอดังภาพ ให้ ทํา สร้ างบล็อกใหม่

ภาพที่ 3 แสดงหน้ าการตังชื ้ ่อและ เลือกแม่แบบ ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

6. จะปรากฏหน้ าต่าง ดังภาพ ‐ ในช่อง Title ให้ ตงชื ั ้ ่อบล็อกที่ต้องการ ‐ ในช่อง Address ให้ ใส่ชื่อที่อยูข่ องบล็อก ‐ ในช่���ง Template เลือกแม่แบบให้ กบั บล็อกของเราเอง 7. หลังจากนัน้ กดที่ เพื่อทําการสร้ าง บล็อกของเรา

การคลิกที่เพื่อทําการ


15  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ภาพที่ 4 แสดงหน้ า Dashboard ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

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

การปรั บแต่ งบล็อก

ภาพที่ 5 แสดงหน้ า การเขียนบทความ ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

9. เริ่ มต้ นจากหัวข้ อ หมายถึงบทความที่เราทําการเขียนขึ ้นมา เพื่อให้ ผ้ ทู ี่เข้ ามาเยี่ยมชมบล็อกได้ อา่ น เรี ยงตามวันล่าสุดของการทําการเขียนข้ อความ


16  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ที่มา : นิมนต์ นุชสวัสดิ์,2556

ภาพที่ 6 แสดงหน้ า Page ของ www.blogger.com

10. ต่อไปเป็ นขันตอนการตกแต่ ้ ง และจัดรูปแบบ เริ่มต้ น บทความของเราอยูค่ นละหน้ าเว็บ

ภาพที่ 7 แสดงหน้ า Layout ของ www.blogger.com

11. ในส่วนหัวข้ อ ต่างๆ ของ Blogger ได้

จากคลิกที่คือการทําให้

ที่มา : นิมนต์ นุชสวัสดิ์,2556

ของจะปรากฏส่วนที่เรี ยกว่า Gadget สามารถเพิ่ม หรื อลดฟั งชันก์


17  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

12.1  12.2

12.4 

12.3 

ภาพที่ 8 แสดงหน้ าการตกแต่งรูปแบบ ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

12. ในส่วน ของ คือการตกแต่ง ตามแบบที่ Blogger กําหนดมาให้ หรื อจะกําหนดค่า ต่างๆด้ วยตนเอง พร้ อมทังแสดง ้ บล็อกของเราในรูปแบบมือถืออีกด้ วย 12.1 ส่วนในการแสดงในรูปแบบปกติ 12.2 ส่วนในการแสดงในรูปแบบมือถือ 12.3 ส่วนในการเลือกแม่แบบ 12.4 ปรับแต่งรายละเอียดภายใน


18  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

การใช้ งาน Gadget 

13.2  13.1 

13.3 

ภาพที่ 9 แสดงหน้ าการเลือกแก็ดเจ็ต www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

13. การเพิ่มรูปภาพโดยใช้ ฟั งชันก์ Gadget ของทาง blogger เริ่ มต้ นด้ วยที่หวั ข้ อ และทําการคลิก ที่ Add a Gadget จะปรากฏหน้ าต่างขึ ้นมา ให้ เลือกฟั งชันก์มากมาย ให้ ไปที่ฟังชันก์ Image แล้ วทําการคลิกเครื่ องหมายบวกเพื่อทํา การเพิ่ม Gadget 13.1 ประเภทของ Gadget 13.2 ปุ่ มกดเพิ่ม Gadget 13.3 ส่วนอธิบายรายละเอียดของ Gadget


19  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

14.1  14.2  14.3 

14.4 

ภาพที่ 10 แสดงหน้ าใส่รายละเอียด Gadget ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

14. จะปรากฏหน้ าต่าง ให้ ใส่ลายละเอียด อย่างเช่น หัวข้ อ ,คําอธิบาย ,ลิงค์ ,เลือกภาพจากคอมของเรา , ใส่รูปภาพจาก URL 14.1 ใส่คําหัวข้ อของภาพ 14.2 ใส่รายละเอียดของภาพ 14.3 ใส่ลงิ ค์ของภาพ 14.4 เลือกที่อยูข่ องภาพ ในคอมพิวเตอร์ ของเรา เลือกจาก url


20  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

15.1 

ภาพที่ 11 แสดงตัวอย่างของรูปภาพที่เลือกแล้ ว www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

15. หลังจากที่ใส่รูปภาพแล้ ว จะปรากฏภาพตัวอย่างของรูปภาพนันๆที ้ ่ทําการใส่เข้ าไป หลังจากนันก็ ้ กด Save 15.1 แสดงตัวอย่างภาพที่ทําการเลือก

ภาพที่ 12 แสดงตัวอย่างแก็ดเจ็ตที่ทําการเลือกไว้ ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

16. Gadget Image ก็จะปรากฏขึ ้นมา เราสามารถเลือกได้ วา่ จะให้ Gadget ของเราอยูล่ ําดับไหน ของ บล็อกของเราอีกด้ วย โดยการคลิกลาก Gadget นันๆที ้ ่เราต้ องการจะย้ าย


21  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

17.1

ภาพที่ 16 แสดงภาพตัวอย่างแก็ดเจ็ตที่เสร็จสมบูรณ์ ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

17. Gadget Image ก็จะปรากฏที่หน้ าเว็บบล็อกของเรา ดังเช่นในภาพ 17.1 แก็ดเจ็ดที่เพิ่มแล้ ว


22  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

การปรับแต่ง Customize 

19.1 

19.2 

19.3 

19.4 

19.5 

ภาพที่ 17 แสดงหน้ าจอการเลือก แม่แบบ ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

19. จะปรากฏ หน้ าจอ Template Designer จะปรากฏหัวข้ อดังต่อไปนี ้ 19.1 เลือก 19.2 เลือกปรับแต่งพื ้นหลัง 19.3 เลือกปรับขนาดพื ้นหลัง 19.4 เลือกปรับรูปแบบคอลัมน์ที่แสดง 19.5 เลือกปรับแต่งสีตวั อักษร


23  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

ภาพที่ 18 แสดงหน้ าจอการเลือก ภาพพื ้นหลัง ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

20. Background คือการเลือกภาพพื ้นหลังของบล็อกของเรา ให้ ทําการคลิกที่ เครื่ องหมายลูกศร

ภาพที่ 19 แสดงหน้ าจอการเลือก ภาพพื ้นหลัง ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

21. จะปรากฏหน้ าต่างให้ เลือก Background หลังจากเลือกเสร็ จแล้ ว กด SAVE ภาพที่เราเลือกจะ ปรากฏขึ ้นมาบนพื ้นหลังของ บล็อกของเรา

ภาพตัวอย่ าง

 


24  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)    22.1  22.2

22.2.1 

22.1.1 

ภาพที่ 17 แสดงหน้ าจอการเลือก ปรับขนาดความกว้ าง ของ www.blogger.com ที่มา : นิมนต์ นุชสวัสดิ์,2556

22. การปรับขนาดพื ้นที่การแสดงข้ อความ รวมถึง Gadget ของบล็อก 22.1 ปรับขนาดพื ้นที่การแสดงข้ อความ 22.1.1 ส่วนที่แสดงพื ้นที่ขยาย 22.2 ปรับขนาดพื ้นที่การแสดงของ Gadget 22.2.1 ส่วนที่แสดงพื ้นที่ขยาย

Before

After


25  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

23.2 23.1 

ภาพที่ 18 แสดงหน้ า Login ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

23. ปรับแต่งการแสดงรูปแบบของ คอลัมน์ ของบล็อก แบ่งเป็ นในส่วนของเนื ้อหา และส่วนท้ ายของ บล็อก 23.1 เลือกปรับรูปแบบของ คอลัมน์ 23.2 เลือกปรับท้ ายของบล็อก

Before

After


26  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

24.2 

24.3 

24.4

24.1 

ภาพที่ 19 แสดงหน้ า Login ของ www.blogger.com

ที่มา : นิมนต์ นุชสวัสดิ์,2556

24. ปรับแต่งในส่วนลายละเอียด สีของฟอนต์ ,รูปแบบของฟอนต์ ฯลฯ 24.1 เลือกส่วนที่ต้องการแต่ง 24.2 เลือกรูปแบบของฟอนต์ 24.3 เลือกปรับแต่ง สีพื ้นหลัง 24.4 เลือกปรับแต่ง สีของตัวอักษร


27  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

การใช้ สัญญาอนุญาต Creative Commons

สัญญาอนุญาตครี เอทีฟคอมมอนส์ ช่วยให้ เจ้ าของลิขสิทธิ์สามารถให้ สิทธิบางส่วนหรื อทังหมดแก่ ้ สาธารณะ ในขณะที่ยงั คงสงวนสิทธิอื่นๆไว้ ได้ โดยการใช้ สญ ั ญาอนุญาตหลายหลากรูปแบบ ซึง่ รวมถึง การยกให้ เป็ นสาธารณสมบัติหรื อสัญญาอนุญาตแบบเปิ ดทังหลาย ้ โดยมีจดุ ประสงค์เพื่อหลีกเลี่ยงการเกิดปั ญหาลิขสิทธิ์ตอ่ การแบ่งปั นสารสนเทศ โครงการ ครี เอทีฟคอมมอนส์ อนิ เตอร์ เนชันแนล (Creative Commons International ย่อว่า CCi) เป็ น โครงการที่จดั ตังโดยครี ้ เอทีฟคอมมอนส์ เพื่อให้ มีการจัดการกฎหมายคอมพิวเตอร์ ให้ สอดคล้ องกับกฎหมายของ ประเทศนันๆ ้ ในปั จจุบนั (3 เมษายน พ.ศ. 2552) มีทงหมด ั้ 51 ประเทศ (รวมทังประเทศไทย) ้ ที่ได้ จดั ทําโดยสมบูรณ์ และอีก 8 ประเทศที่อยูใ่ นระหว่างการจัดทํา[1] สําหรับสัญญาครี เอฟทีฟคอมมอนส์ในภาษาไทย จัดทําขึ ้นโดยความร่วมมือของ สํานักกฎหมายธรรมนิติ สถาบัน ChangeFusion และสถาบันเทคโนโลยีนานาชาติสริ ิ นธร มหาวิทยาลัยธรรมศาสตร์ [2] โดยรองรับตาม หลักเกณฑ์ครี เอทีฟคอมมอนส์ รุ่ น 3.0 และปรับให้ เข้ ากับกฎหมายลิขสิทธิ์ไทย จึงสามารถใช้ บงั คับได้ ตามกฎหมาย ไทย ประกาศเปิ ดตัวเมื่อวันที่ 2 เมษายน พ.ศ. 2552 เป็ นลําดับที่ 51 ของโลก ( ที่มา : http://th.wikipedia.org/ครี เอทีฟคอมมอนส์ )


28  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

 

ภาพที่ 20 แสดงหน้ าเว็บ ของ http://creativecommons.org ที่มา : นิมนต์ นุชสวัสดิ์,2556

1. เข้ าไปที่ http://creativecommons.org 2. ที่ช่อง License (หมายเลข 1) 3. เลือก

เพื่อขอใบอนุญาตสัญญา (หมายเลข 2)

ภาพที่ 21 แสดงการขออนุญาตติด License ของ http://creativecommons.org ที่มา : นิมนต์ นุชสวัสดิ์,2556


29  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

หลังจากที่ กด License ก็จะปรากฏหน้ าให้ กรอกลายละเอียด (ดังภาพที่ 20 ) เพื่อที่จะใช้ งานในส่วนของ การขอสัญญา Creative Commons จําเป็ นต้ องกรอกลายละเอียดดังนี ้

4. เป็ นการเลือกคุณสมบัติของ License ของเรา ให้ มีการปรับแต่ง ของเราหรื อไม่ 5. เป็ นการเลือกคุณสมบัติของ License ของเรา ให้ มีการใช้ ในเชิงพาณิชย์หรื อไม่ 6. สังกัดใบอนุญาต 7. กรอกข้ อมูลเกี่ยวกับผลงานของเราที่ต้องการทําการขอสัญญา 8. ส่วนในการแสดงรูปแบบสัญลักษณ์ ของสัญญา License 9. สัญลักษณ์ License ของเราที่ทําการกรองรายละเอียดครบถ้ วนแล้ ว 10. ชุดคําสัง่ (Embed Code) สําหรับนําไปเผยแพร่ที่เว็บบล็อกของเรา หลังจากกรอกข้ อมูลครบถ้ วน ให้ ทําการ Copy Embed Code เพื่อไว้ ใช้ กบั เว็บบล็อกของเรา

การนํา Embed Code ของ Creative Commons มาใช้ กับเว็บบล็อก

11.  12. 

 

ภาพที่ 22 ติด Gadget Creative Commons License ให้ กบั เว็บบล็อก ที่มา : นิมนต์ นุชสวัสดิ์,2556 11. ที่หน้ าการตกแต่งเว็บบล็อกของเรา ให้ เลือกหัวข้ อ Layout 12. จากนันทํ ้ าการกดที่ Add Gadget


30  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   

 

ภาพที่ 23 ติด Gadget Creative Commons License ให้ กบั เว็บบล็อก ที่มา : นิมนต์ นุชสวัสดิ์,2556 13. จะปรากฏหน้ าต่างเลือก Gadget (ดังภาพที่ 22) 14. ทําการเลือก Gadget ที่มีชื่อว่า HTML / JavaScript และกดเครื่ องหมายบวก 15. ให้ กรอกรายละเอียดข้ อมูล - Title : ให้ ทําการตังหั ้ วข้ อ Gadget - Content : ให้ นํา Embed Code ของ Creative Commons License ที่ Copy มา Paste ในช่องนี ้ 16. หลังจากกรอกรายละเอียดเรี ยบร้ อยให้ ทําการกด Save

 

ภาพที่ 24 ติด Creative Commons License ให้ กบั เว็บบล็อก ที่มา : นิมนต์ นุชสวัสดิ์,2556 17. ในบล็อกจะปรากฏสัญลักษณ์ Creative Commons License ขึ ้นมา


31  เอกสารบันทึกการเรี ยนรู้ในรายวิชา เทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ (Arti3319)   


Workshop Blogger