วันพฤหัสบดีที่ 20 กรกฎาคม พ.ศ. 2560

ใบงานที่ 2 การสร้าง Blogger




ที่มา : https://couponcodehoster.org/blog/


💙💚💜Blog คืออะไร💙💚💜


   Blog มาจากศัพท์คำเต็มว่า WeBlog  คือ เว็บไซต์ประเภทหนึ่ง ที่เจ้าของ หรือ Blogger สามารถบันทึกเรื่องราวของตนเองลงในเว็บได้ตลอดเวลา นอกจากนี้แล้ว Blog ยังเป็นพื้นที่ให้ Blogger โพสต์ข้อมูล หรือใส่ความรู้ ประสบการณ์ เพื่อเป็นวิทยาทานให้คนอื่นๆ เช่น คุณหมอ เปิดบล็อกแนะนำเรื่องสุขภาพเป็นต้น
 การสร้างเว็บบล็อกสามารถทำได้ง่ายๆ ด้วยตัวเอง ไม่ซับซ้อน ไม่จำเป็นต้องรู้ภาษา HTML อย่างน้อยขอให้มีความรู้พื้นฐานเกี่ยวกับอินเทอร์เน็ตและเว็บไซต์ ภายในเว็บบล็อก จะมีระบบบริหารจัดการเว็บไซต์พื้นฐานให้แล้ว โดยการสร้างเครื่องมือสำหรับ เขียนเรื่อง โพสรูป จัดหมวดหมู่ และลูกเล่นอื่นๆ ที่ผู้จัดทำพยายามสร้างเพื่อดึงดูดผู้คนจากทั่วโลก ให้เข้าไปใช้บริการ เสน่ห์ของบล็อกอยู่ที่ผู้อ่านและผู้เขียนสามารถโต้ตอบกันได้ (Interactive) โดยการแสดงความคิดเห็นต่อท้ายที่เรื่องนั้นๆ  ข้อแตกต่างของบล็อกกับเว็บไซต์ทั่วไป คือ บล็อกจะเปิดให้ผู้เข้ามาอ่านข้อมูล สามารถแสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็นคนเขียน ซึ่งทำให้ผู้เขียนสามารถได้ผลตอบกลับโดยทันที
      ในปัจจุบันบล็อก ถูกใช้เป็นเครื่องมือสื่อสารรูปแบบใหม่ ไม่ว่าจะเป็นการประกาศข่าวสาร การแสดงความคิดเห็น การเผยแพร่ผลงาน ฯลฯ และกำลังเป็นที่นิยมมากขึ้นเรื่อย ๆ โดยขณะนี้ได้มีผู้ให้บริการบล็อกมากมาย ทั้งแบบให้บริการฟรี และเสียค่าใช้จ่าย ตัวอย่างผู้ให้บริการ Blog เช่น Bloggang, exteen หรือ BlogKa หรือต่างประเทศเช่น Blogger, Wordpress, MySpace



💙💚💜วิธีการสร้าง Blog💙💚💜

1. ให้ทําการสมัครบัญชีของ Gmail ของ google แต่ถ้าใครมีบัญชี Gmail อยูแล้วก ่ ็ทําการล็อกอินเพื่อสร้าง บล็อก ของ http://www.blogger.com/ ได้เลย ซึ่งโดยปกติแล้ว เมื่อเราเข้าไปที่เว็บ www.blogger.com หน้า เพจแรกจะถามบัญชีถึงบัญชีGmail ของผู้ที่จะทําการสร้างบล็อกสําหรับนักศึกษาที่มีบัญชี Gmail อยูแล้วก็กรอกชื่อบัญชี Gmail และ รหัสผานของตน ดังภาพ


2. เมื่อเราเข้าไปที่www.blogger.com ที่ได้ทําการล็อกอินบัญชีของ Gmail แล้ว หน้าแรกของ blogger จะมีหน้าตาดังภาพ ใคลิกไปที่เมนู“บล็อกใหม่” เพื่อทําการสร้างบล็อก


3. เมื่อเราคลิกไปที่เมนูเพื่อสร้างบล็อกใหม่แล้ว ให้ทําการกรอกรายละเอียดดังนี้ คือ ตรงหัวข้อ ให้พิมพ์ชื่อ บล็อก ตรงที่อยู ให้ตั ่ ้ งชื่อ URL ซึ่งควรใช้ชื่อเป็ นภาษาอังกฤษและตัวเลข และต้องดูตรงสถานะของบล็อก ด้วยวาชื่อ ่ URL ที่ตั้ งไปนั้ นมีผู้ใช้แล้วหรือยังไม่มีผู้ใช้ มันจะแจ้งวา ่ “ที่อยูบล็อกนี ่ ้สามารถใช้ได้” เสร็จแล้ว ให้ทําการเลือกรูปแบบ จากแม่แบบวาจะให้บล็อกมีหน้าตาในการแสดงผลเช ่ ่นไร เมื่อเลือกแล้วก็ คลิกเมนู “สร้างบล็อก”



4. เมื่อทําการสร้างบล็อกแล้ว เราจะกลับมาที่หน้าจัดการบล็อกเพื่อทําการตกแต่งบล็อกให้ดูสวยงามโดยการ ใส่รูปภาพหรือ โค๊ดต่างๆ ให้นักศึกษาทําการคลิกลูกศรสีดํา เพื่อเลือกเมนูรูปแบบ ดังภาพ


5. เมื่อคลิกเมนูรูปแบบ แล้วจะมีหน้าตาดังภาพให้คลิกที่ เมนูเครื่องมือออกแบบเทมเพลต เพื่อปรับแต่งหน้า เทมเพลตตามที่เราต้องการ



เมื่อคลิกแล้วทําการเลือกรูปเทมเพลต ตามต้องการ เมื่อเลือกแล้วให้คลิกที่ เมนู“ใช้กับบล็อก” เพื่อบันทึก รูปแบบเทมเพลต



6. เมื่อทําการเลือกรูปแบบของเทมเพลตแล้วให้กลับมาที่“รูปแบบ”อีกครั้ง เพื่อทําการใส่หัวบล็อกและ ตกแต่งบล็อกโดยคลิกเลือกเมนูแก้ไข ตรงส่วนของ ชื่อบล็อก



เมื่อคลิกเมนูแก้ไข แล้วให้คลิกที่ เมนู“เลือกไฟล์” เพื่อเลือกไฟล์ภาพที่จะนํามาเป็ นหัวบล็อกเมื่อเลือกภาพ ได้แล้วกดopenจากนั้ นระบบจะทําการอัพโหลดภาพดังกล่าวเข้าไป เมื่อระบบอัพโหลดภาพเสร็จแล้ว ให้ คลิกเลือก เมนู“แทนที่ชื่อและคําอธิบาย” เสร็จแล้วกดเมนู“บันทึก” เพื่อทําการบันทึกภาพดังกล่าวซึ่งจะเข้า ไปอยูในตําแหน ่ ่งหัวบล็อกดังภาพ



7. เมื่อทําการใส่หัวบล็อกเสร็จแล้ว ให้คลิกที่เมนู“เพิ่ม Gadget” เพื่อใส่โค๊ด ปฏิทิน นาฬิกา สถิติผู้เยี่ยมชม แล้วแต่ความต้องการของเรา แล้วคลิกเมนู“บันทึกการจัดเรียง”


8. เมื่อทําการใส่โค๊ดตกแต่งตามต้องการแล้ว ให้เลือกเมนู“หน้าเว็บ” เพื่อทําการสร้างหน้าเว็บเพจต่างๆ ตาม ต้องการคลิกที่เมนู “แสดงหน้าเว็บเป็ น” เลือกลูกศรสีดํา แล้วคลิกเลือกรูปแบบ “แท็บด้านบนสุด” แล้วกด“บันทึกการจัดเรียง” ดังภาพ


เมื่อทําการเลือกตําแหน่งของแท๊บเมนูแล้ว ให้ คลิกเมนู หน้าเว็บใหม่และเลือกลูกศรสีดํา เลือกเมนู “หน้าเว็บ เปล่า” เพื่อสร้างหน้าเพจต่างๆ


8. เมื่อคลิกเมนูสร้างหน้าเว็บแล้ว ให้ตั้ งชื่อเว็บเพจ ตรงช่อง และพิมพ์รายละเอียดลงไป แล้วคลิกที่เมนู “บันทึก”


9. เมื่อทําการสร้างเมนูเว็บเพจ แล้ว ท่านสามารถที่จะทําลิงค์ไปเว็บไซต์หรือบล็อกต่างๆ โดยคลิกที่เมนู เพิ่ ม “Gadget” แล้วเลือก ฟังกชัน ์ “รายชื่อลิงค์” แล้วคลิกเครื่องหมาย + เพื่อสร้างลิงค์ ดังภาพ



เมื่อคลิกที่ฟังชันก รายชื่อลิงค์แล้ว ให้ทําการ พิมพ์ชื่อเมนู ว ์ า่ “ Link Exchange” และ copy ลิงค์ ที่ต้องการ เชื่อมโยงของเพื่อนมาใส่ไว้ในช่อง URL ของไซต์ใหม่และ ตรงชื่อเว็บไซต์ให้ พิมพ์ชื่อ ของเว็บบั้ นๆ ที่ ต้องการทําลิงค์ เมื่อทําเสร็จ ให้คลิกที่ เมนู “เพิ่ มลิงค์” เพื่อทําการเพิ่ มลิงค์เว็บไซต์อื่นๆต่อไปแล้วคลิกที่เมนู “บันทึก” ดังภาพ


เมื่อเราทําการสร้างลิงค์เสร็จ เมื่อกดบันทึกจะมีหน้าตาดังภาพ ซึ่งในกรณีที่เราต้องการเพิ่ มลิงค์ต่อให้คลิกที่ เครื่องมือ “แกไข้ ” ดังภาพ


เราสามารถทําการเคลื่อนย้ายตําแหน่ง โดยการคลิกลากมาไว้ในตําแหน่งที่เราต้องการได้

เราสามารถปรับเปลี่ยนความกว้างในการแสดงผลหน้าจอได้ โดยคลิกไปที่เครื่องมือเครื่องมือออกแบบเทม เพลต แล้วเลือก“ปรับความกว้าง” ดังภาพ



10. ในการสร้างบทความ ให้คลิกไปที่เมนู“บทความใหม่” ดังภาพ


11. เมื่อคลิกเมนูสร้างบทความใหม่แล้ว ให้นักศึกษา ทําการแทรกภาพ โดยการคลิกที่ไอคอน แทรกรูปภาพ คลิกที่เมนูเลือกไฟล์และทําการเลือกรูปภาพ แล้ว กดopenดังรูป


ระบบจะทําการอัพโหลดไฟล์รูปดังกล่าว เมื่ออัพโหลดเสร็จแล้ว ให้คลิกที่“เพิ่มรายการที่เลือก”


เมื่อทําการเลือกภาพแล้ว ภาพดังกล่าวจะเข้ามาอยูในแบบร ่ ่างบทความ ดังรูป เสร็จแล้วพิมพ์รายละเอียดลง ไปแล้วคลิก เมนู เพื่อทําการ“บันทึก” บทความความ และเผยแพร่ บทความ


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


ถ้าในบทความของเรา ต้องการเผยแพร่ผลงานวีดิโอจาก Youtube ให้เราคลิกที่ไอคอน แทรกวีดิโอ


ทําการเลือกวีดิโอจาก Youtube ซึ่งถ้าในกรณีที่เรามีคลิปในบัญชียูทูบของเราอยูแล้ว ให้คลิกเลือกเมนู วีดิโอ ่ Youtube ของฉัน แต่ถ้าเราจะเอา คลิป Youtube จากแหล่งบัญชีอื่น ให้คลิกเมนูจาก Youtube แล้วเสริ์ชหาเอา


เมื่อทําการแทรกวีดิโอจาก Youtube แล้ว วีดิโอ ดังกล่าวจะเข้ามาอยูในแบบร ่ ่างบทความ ดังรูป


เสร็จแล้วทําการ กดบันทึก และ คลิกไปที่ เมนู แสดงตัวอยาง ก ่ ็จะได้ผลลัพธ์ดังภาพ



💙💚💜 คลิปวิดีโอการสร้าง Blog 💙💚💜




ไม่มีความคิดเห็น:

แสดงความคิดเห็น

กิจกรรมที่ 2 โครงงานคอมพิวเตอร์

📃โครงงานคอมพิวเตอร์📰 CR.Pic :  รูปภาพ ความหมายของโครงงานคอมพิวเตอร์   CR.Pic :  http://www.kiattisak.net/?p=638 ...