The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by Poonpan15, 2024-06-18 02:13:07

รวม

รวม

งานพัฒนาสื่อผสม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล Google Sites คือโปรแกรมหนึ่งของ บริษัท Google ที่เปิดให้สมาชิกของ Google สามารถสร้างเว็บไซต์ของตนเองได้ฟรี โดยการ สร้างเว็บไซต์ด้วย Googlesite นั้นทำได้ง่าย เหมือนกับก า รแก้ไขเอกส า รธ ร รมด าๆ ชิ้นหนึ่ง ผู้ใช้สามารถปรับแต่งรูปลักษณ์ของ เว็บไซต์ได้อย่างอิสระ และมีข้อมูลที่หลากหลาย รูปแบบ เช่น ข้อความ วิดีโอ ปฏิทิน เอกสาร ไฟล์งาน ฯลฯ อีกทั้งยังสามารถกำหนดให้ผู้อื่น เข้ามาร่วมจัดการเว็บไซต์ร่วมกัน รวมไปถึง สามารถกำหนดให้เว็บไซต์ของเป็นส่วนตัวหรือ สาธารณะก็ได้อีกด้วย 4 Step Google Site สมัครเข้าใช้งาน Google เลือกใช้บริการ Google Site สร้างเว็บไซต์ ใส่ข้อมูลในเว็บไซต์ เผยแพร่เว็บไซต์ ขั้นตอนการสร้างเว็บไซต์ด้วย Google site ก่อนที่จะใช้งาน Google site จะต้องมีอีเมล์ของ Google หรือ gmail นั่นเอง เมื่อได้อีเมล์แล้วก็ให้ login หรือลงชื่อเข้าใช้ให้เรียบร้อย


งานพัฒนาสื่อผสม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล เมื่อเข้าสู่บริการของ Google แล้วให้เลือก google site จากนั้นกดปุ่ม “สร้าง”


14 MUIT News เปลี่ยนภาพด้านบนของเว็บไซต์ให้คลิกที่เครื่องหมาย Change Image เมื่อคลิกเปลี่ยนรูปภาพจะมีหน้าต่างGalleryรูปภาพมาให้เลือกซึ่งโปรแกรม กำหนดมาให้ แต่ถ้าเราต้องการใช้ภาพของเราเองที่มีอยู่ในเครื่อง Computer เราจะต้อง Upload ภาพขึ้นไปในระบบก่อน โดยคลิกที่แถบ “Upload”


MUIT News 15 จากนั้นกด Select file from your Computer แล้วเลือกรูปที่ต้องการ เมื่อเปลี่ยนรูปแล้วให้เปลี่ยนข้อความด้านบน จากคำว่า “YourSite” เป็นคำอื่น ๆ ตามชื่อเว็บของเรา โดยเมื่อคลิกที่ข้อความ เราสามารถพิมพ์ข้อความ ใหม่ลงไปแทนที่ได้เลย แล้วเลือก Font ขนาดตัวอักษร และจัดรูปแบบข้อความ ชิดซ้ายชิดขวา ฯลฯ


16 MUIT News หรือจะเปลี่ยนรูปแบบข้อความให้เป็นแบบ Title, Heading, Subheading หรือถ้าต้องการใส่Link ให้คลิก ไอคอน Link จากนั้น กรอก lInk website ลงไป ในช่อง link


MUIT News 17


ใส่ข้อความ หรือคำอธิบายต่าง ๆ ในเว็บไซต์ ให้คลิกที่ปุ่ม Text 1 ครั้ง จะปรากฏกล่องข้อความขึ้นมา แล้วพิมพ์ข้อความลงไปและสามารถปรับขนาด กล่องข้อความได้ TT ขั้นตอนการใส่ข้อความลงในเว็บไซต์


งานพัฒนาสื่อผสม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล


งานพัฒนาสื่อผสม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล


ภาพกราฟิกก็เป็นอีกองค์ประกอบหน่ึ่งที่สาคัญ สำหรับการสร้างเว็บเพจ เพราะจะช่วยให้เว็บสวยงาม มีสีสันน่าสนใจและสื่อความหมายได้ดีขึ้น ซ่ึ่งภาพที่นำ มาใช้อาจจะเป็นเรื่องที่เกี่ยวข้องโดยตรงกับเนื้อหาเช่น ภาพสินคา้และบริการ หรือ เป็นเพียงภาพที่นำมาใช้ตกแต่งเพื่อให้เว็บของเราดูดีขึ้นได้ โดยการแทรกภาพใน Google Site ให้คลิกที่ปุ่ม Image ขั้นตอนการแทรกภาพประกอบในเว็บไซต์


MUIT News 23


24 MUIT News


MUIT News 25 ขั้นตอนการแทรกวิดีโอประกอบในเว็บไซต์ การ Insert คลิป Video มาแสดงบนเว็บเพจ เช่น คลิปวิดีโอที่น่าสนใจ จากเว็บไซต์Youtube ทำได้โดยการคลิกที่ปุ่ม Embedded แล้ววาง Link ลงไป


26 MUIT News กดปุ่ม Add


MUIT News 27 เมื่อตั้งค่า Videoเสร็จแล้ว ให้กด Preview เพื่อดูตัวอย่างเว็บไซต์ตัวอย่าง เมื่อดูจากอุปกรณ์ต่าง ๆ เช่น เมื่อดูจาก PC จาก Smartphone จาก Tablet ว่ามีหน้าตาเป็นอย่างไร


งานพัฒนาสื่อผสม กองเทคโนโลยีสารสนเทศ มหาวิทยาลัยมหิดล


MUIT News 29 การเพิ่มหน้าเพจเว็บไซต์ ให้มีเมนู หรือหน้าเว็บไซต์มากขึ้น ให้เลือกแถบ เครื่องมือPageแล้วเลือกNewPageตั้งชื่อหน้าเพจแล้วสร้่างหน้าได้ตามต้องการ


30 MUIT News เมนูเพิ่มขึ้นมา


MUIT News 31 ขั้นตอนการเผยแพร่เว็บไซต์


32 MUIT News 1. สามารถทำหน้าเว็บเพจของตัวเองได้ง่าย ใช้งานสะดวกโดยไม่จำเป็นต้องมีความรู้เรื่อง html 2. สามารถเผยแพร่ข้อมูลที่เป็นประโยชน์และเป็นความรู้หรือบทเรียนอะไรก็ได้ 3. มีพื้นที่ฟรีถึง 100 เมกะไบต์ต่อ site 4. สามารถเลือกรูปแบบ Theme สำเร็จรูปได้มากมาย 5. รูปแบบไซต์เป็นแบบมาตรฐานของเว็บไซต์ทั่วไป 6. พัฒนาได้ง่าย ปรับปรุงรูปแบบง่าย ปรับแต่งข้อมูลแบบออนไลน์ 7. สามารถที่จะเก็บไฟล์ภาพ หรือไฟล์ชนิดต่างๆไว้ในไซต์ของเราได้ 8. สร้าง link ภายในและภายนอกของไซต์ได้ 9. การตั้งค่าสำหรับการเข้าถึงและใช้ข้อมูลร่วมกัน 10. เป็นที่รวมเข้ากับเครื่องมืออื่น ๆ ของ Google เพื่อให้คุณสามารถแบ่งปันวิดีโอภาพถ่ายงานนำ เสนอและปฏิทิน การสร้างเว็บไซต์ด้วย Google site มีขั้นตอนที่ไม่ยุ่งยาก ใคร ๆ ก็สามารถมีเว็บไซต์ของ ตนเองได้มีผลสรุปว่ามีข้อดีจุดเด่นมากมาย ดังนี้ ขอบคุณข้อมูลเพิ่มเติมจาก https://sites.google.com/site/suphanut454/advantage-for-website


Click to View FlipBook Version