คู มือการใช งาน - gapps.mcu.ac.thgapps.mcu.ac.th/wp-content/uploads/2017/05/gapps-googlesite-manual.pdf · คู่มือการใช้งาน

นายนพดล เพญประชม | นกวชาการคอมพวเตอร

MCUIT คมอการใชงาน Google Site

2 คมอการใชงาน Google Site

คานา

Google Sites คอเวบไซตของ Google ทใหบรการสรางเวบไซตฟร ซงเราสามารถสรางเวบไซตได

อยางงายดาย โดยผใชสามารถปรบแตงลกษณะของเวบไซตไดตามความตองการ สามารถรวบรวมความ

หลากหลายของขอมลไวในทเดยวได เชน วดโอ ปฏทนการนาเสนอเอกสารหรอสงทแนบ และขอความ รวมไป

ถงความสามารถในการกาหนดความเปนสวนตวของเวบไซตดวย

ซงทางผจดทาคาดหวงวา คมอนจะเปนประโยชนอยางยงใหแกบคลากรและนสตไมมากกนอย

หากมขอผดพลาดบกพรองประการใด ทางผจดทาตองขออภยมา ณ ทนดวย

นพดล เพญประชม

กลมงานเทคโนโลยการศกษา

สวนเทคโนโลยสารสนเทศ

นายนพดล เพญประชม นกวชาการคอมพวเตอร กลมงานเทคโนโลยการศกษา สวนเทคโนโลยสารสนเทศ มจร

กลมงานเทคโนโลยการศกษา สวนเทคโนโลยสารสนเทศ สานกหอสมดและเทคโนโลยสารสนเทศ มจร


สารบญ หนา

คานา 2 รจก Google Site 4 การเขาใชงาน Google Site 5 การเปลยนชอไซต การเพม และแกไข หนาเวบ 8 การแทรกตาราง และ การแทรกรป การแทรกชองขอความ การแทรกคอลมน การแทรกวตถ และสอตางๆ ลงไปใน sites 20 การแทรก Google Docs, Spreadsheets Presentations, and Forms ลงใน sites 20 การ Insert ปฏทนของ Google Calendars 22 การ Insert Google Maps 23 การ Insert gadget 24 การใช code html 25 การตงคาหนาเวบ 26 สรางเพจเอกสารดาวนโหลด 27 สรางหนาเพจประกาศขาวสาร 28



รจกกเกลไซต (Google Sites)

Google Sites ใหบรการครงแรกเมอเดอนพฤษภาคม 2551

สรางเวบไซตไดสดแสนจะงายดาย ใชเวลากนาทกโชวผลงาน

ไมจาเปนตองรภาษาเขยนเวบ (HTML) ใหปวดหว แคใชเวรดพมพงานเปนกเรมไดเลย แถมเมนเปนภาษาไทยอกตางหาก

มแบบเทมเพลตสาเรจรปใหเลอกมากมาย คลายๆ กบแบบสาเรจเพาเวอรพอยต

สามารถแชรเวบใหเพอนๆ รวมสรางสรรคได

เปนระบบทครอบคลม เอามาใชดวยกนไดเลย เชน อเมล (Gmail) ปฏทน (Calendar) เอกสาร (Documents) ยทบ (YouTube) อลบมภาพ (Picasa) แผนท (Map) ฯลฯ

นคอสงทคณสามารถดาเนนการไดกบ Google Sites:

กาหนดรปลกษณของเวบไซตของคณ

สรางเพจยอยเพอใหเนอหาของคณนาสนใจ

เลอกประเภทเพจ, เวบเพจประกาศ, ตเกบเอกสาร

ใหเนอหาในเวบของคณ เชน วดโอ, เอกสารออนไลน, Picasa แสดงสไลดภาพถาย, gadgets iGoogle และไฟลแบบออฟไลนในตาแหนงกลางหนง

ใหเวบไซตของคณเปนสวนตวหรอสาธารณะตามทคณตองการ

คนหาใน Google เนอหาของเวบไซตทมเทคโนโลยการคนหา Google

เรยนรพนฐานของ Google เวบไซตและเรมตนสรางเวบไซตของคณเองการใชงาน Google site

Google Sites เปนแอปพลเคชนออนไลนททาใหการสรางเวบไซตของทมกลายเปนเรองงาย

แกไขเอกสาร เมอใช Google Sites ผคนสามารถรวบรวมขอมลทหลากหลายไวในทเดยวไดอยางรวดเรว ไดแก วดโอ ปฏทน งานนาเสนอ ไฟลแนบ และขอความ และสามารถใชงานรวมกบกลมเลกๆ ทงองคกรหรอทงโลก เพอดหรอแกไขไดอยางงายดาย

Free Accountไวท100 MB o พนทจดเกบ 10 Gb* (GB=กกะไบต) o ขนาดไฟลสงสด 10 MB (MB=เมกกะไบต) o จานวนหนาเวบเพจไมจากดการใชงาน Google site

* เฉพาะพนทเวบไซตไมเกน 100 MB แตหากรวมเปนสมาชกบรการอนๆ ของกเกลตวอนๆ เชน ยทบ ( YouTube), ไดรฟ (Drive), ปฏทน (Calendar), อลบมภาพ (Picasa) แลวไมเกน 10 GB

การเขา

กลมง

ใชงาน gooสามารถลอคอ

งานเทคโนโลยก

ogle site

อนเขาใชงานไ

การศกษา สวน

ไดท URL m

นเทคโนโลยสาร

mail.mcu.ac

รสนเทศ สานก

.th หรอ acc

หอสมดและเท

คมอกา

counts.goog

คโนโลยสารสน

ารใชงาน Goo

gle.com

นเทศ มจร

5gle Site

เรมตนใช

การเลอก

กลมง

ชโดยไปท

กเทมเพลต(แ


แลวเลอก “ไ

แมแบบ)ของเ


ไซต”

วบไซต

นเทคโนโลยสารรสนเทศ สานกหอสมดและเท

คมอกา




6gle Site

สามา

เพอป

ารถเลอกแมแบ

ปรบใชงานของเ

กลมง

บของไซตอน

เราได

งานเทคโนโลยกการศกษา สวนนเทคโนโลยสารรสนเทศ สานก

เ

ร

จ


คมอกา

ลอกเทมเพลตท

รายละเอยดแบ

จดประสงคของ



ทเราตองการแล

บใชของเราเพอ

งเวบไซตเรา


7gle Site

ละกรอก

อบอก

การเปล

เครองมอ

กลมง

ลยนชอไซต

อในการแกไข


การเพม แล

Site


ละแกไข หน


นาเวบตงชอ

ทตงจ

URL


อไซตของเรา โด

จะกลายเปนตว

ของเวบโดนอต


คมอกา

ดยชอ

อางอง

ตโนมต

เลอก

เหมา



ธม ทตองการใ

ะสมกบเรา


8gle Site

ห

การเปลย

กลมง

ยนฟรอนตวอ


อกษรและขนา


าด

นเทคโนโลยสารรสนเทศ สานก

หาก

ถาต


คมอกา

ตองการแกไขห

องการเพมหนา



หนาใหคลกรปด

าเพจใหคลกรป


9gle Site

ดนสอ และ

ปกระดาษ

คณสามาขดเสนใตB การพมI ตวเอยงU ขดเสนA สของข

กลมง

ารถเลอกประเตขอความและมพตวหนา ง นใตขอความทขอความการเป


เภทของตวอกะเปลยนสของ

ท U ปลยนแปลง


กษร Front แขอความหรอ


ละขนาดทใชเพนหลง ดงจะ


เมนแบบเลอนะเหนคาสงตอ


คมอกา

นลง และ พมพอไปน



พตวหนาและ


10gle Site

ตวเอยง

0

กลมง

สามารถท

คลกทป มเ

,Bookm

หลงจากน


จะเนนขอคว

เชอมโยงส li

mark ซงจะ

นน กคลกทป ม


ามทคณตอง

nk ทคณตอ

ะปรากฏ หนา

ม OK เพอย


การและจะเป

องการได เชน

ตางขนมาพร

นยนการทาง


ปลยนเปนลงก

URL , Em

รอมกบตวเลอ

าน


คมอกา

กและ

mail

อกเหลาน




11gle Site 1

การแกไข

เองได ดง

กลมง

ขการออกแบเปนการแกไขงตอไปน


บ ขในสวนรายละ


ะเอยด ในสวน


นหว การนาท


ทางในแนวนอ


คมอกา

นแถวดานขาง



ง สวนทายทก


12gle Site

กาหนด

2

กลมงงานเทคโนโลยกการศกษา สวนนเทคโนโลยสารรสนเทศ สานกหอสมดและเท

คมอกา




13gle Site 3

การนาทเราในบรเครองหมแถบดานหรอไมกไคลกทปม

และสามคลกทเคร

กลมง

างแนวนอน รเวณดานซาย มายอกษร + นขาง – เปนสวได โดยคลกทม เพม ตวอยา

ารถแกไขใหปรองหมายดนส


–ในสวนนเปน เปนลกษณะ วนทมความส ปมคาสง เครางการเพมคาส

ปมอยทางดานสอ


นคาสงทเราสาแนวนอนได แ

ามารถคลายๆรองหมายอกษสงในรปแบบต

นซายหรอขวา


ามารถเลอกไดและสามารถป

ๆกบคาสง ทงษร + และสามตางๆจะปราก

กได พรอมปร


ดวา ตองการทปรบแตงแกไขไ

2 ขอทกลาวมารถเลอกองฏขนในรป

รบขนาดความ


คมอกา

ทเลอกปมการได โดยคลกท

มาสามารถเลคประกอบให

มกวางไดตามค



รนาทางของเพท ปมคาสง

ลอกไดวาตองกมๆ ไดจากคา

ความเหมาะส


14gle Site

พจของ

การแสดงาสงน โดย

สม โดย

4

ตงคา Sid

กลมง

debar แลวคล


ลกปม “ตกลง


ง”


คมอกา




15gle Site 5

การแกไข

กลมง

ขโครงสรางห


หนาเวบ

การศกษา สวนนเทคโนโลยสาร

รสนเทศ สานกหอสมดและเท

คมอกา




16gle Site 6



สและแบบอกษร

รปแบบของสตวอกษร ,ขนาดตวอกษร ,ภาพพนหลง ในสวนประกอบของเพจตางๆ สามารถเปลยนแปลงได จากคาสงน เมอทาการแกไขเสรจแลวใหกดทปมบนทก

kllสากด

สามารถปรบเปลยนแบนเนอรและโลโกเวบไซตโดยการอพโหลดไฟลภาพ

กาหนดค

กลมง

คาสวนหวของไ


ไซตใหตรงกบ


บทเราออกแบ


บบ


คมอกา




18gle Site 8

กลมงงานเทคโนโลยกการศกษา สวนนเทคโนโลยสารรสนเทศ สานกหอสมดและเท

คมอกา




19gle Site 9

การแทร

Insert แ

การจดรป

กลมง

รกวตถ และการ Insert เพ

และเลอกวตถห

ปแบบ ตาราง


ะสอตางๆ ลพอเรมตนการหรอ app ทค

งและการออก


ลงไปใน siteรใสวตถและสณตองการแท

กแบบสามารถ


es สอตางๆ ลงไปทรกเชน Prese

ถทาไดโดยการ


ปใน sites ของentation Go

รคลกแทบตาง


คมอกา

งคณเพยงคลกoogle Docs เ

งๆ



ก แกไขหนา เเปนตน


20gle Site

เลอก

0



การ Ins

กลมง

sert ปฏทน


นของ Goog


gle Calend


dars


คมอกา




22gle Site 2

การ Ins

กลมง

sert Googl


le Maps



คมอกา




23gle Site 3

การ Ins

กลมง

sert gadgeคลกทแทรก


et ก และคลกเล


ลอกแกตเจค


คอนๆ


คมอกา




24gle Site 4

ผลการแส

การใช

อตราแลก

กลมง

สดงหนาเวบไ

code htm

เราสามารถใสกเปลยน ราค

จากนน copy


ไซต

ml

ส html (โคด าดชนหน พย

y code ทอยใ


iframe) สาหยากรณอากาศ

ในคาสง Cop


หรบตดเวบไซศ และอนๆ

py this HTM


ต เพอแสดง ร

L code ทงห


คมอกา

ราคานามน ร

หมด



าคาหน ราคา


25gle Site

าทอง

5

การตงค

กลมง

คาหนาเวบ


การศกษา สวนนเทคโนโลยสารรสนเทศ สานกหอสมดและเท

คมอกา

คลกทร



รปฟนเฟอง แล


26gle Site

ลวคลกการตงค

6

คาหนา

สรางเพ

ดาวนโหล

- คลกทก

กลมง

พจเอกสารดา

ตเกบเอกสารลดได

กระดาษ


าวนโหลด(ต

ร ใชสาหรบอพ


ตเกบเอกสา

พโหลดไฟลตา


าร)

างๆ เชน รปภ


ภาพ , เพลง แล


คมอกา

ละอนๆ ซงสา



ามารถแชรใหค


27gle Site

คนอน

7

สรางห

กลมง

นาเพจประประกาศ ใชใน

- คลกทกระด


ะกาศขาวสนการประกาศ

ดาษ


สาร ศขอความ หร


รอ แสดงบทค


วามตางๆ


คมอกา




28gle Site 8