ปรบแตง Googlesite 1

ปรบแตง Googlesite 2

ความรเรองระบบเทคโนโลยการออกแบบนเทศศลปเรอง

การปรบแตง Google sites

โดย.นายณฐนนท ลาภนทวจตร รหส5311322530

อเมล natthanon5311322530@gmail.com

Google sites ชอ http://site.google.com/site/arti3319natthanon

ในการปรบแตงเวบบลอกฟรสวนตวในเวบยอยของ Google sites มวธการสรางเปนล าดบ

ขนตอน ดงน

ภาพท 1 แสดงภาพหนาจอของ Google sites โดยเราสามารถปรบตกแตง Google site ไดโดย

คลกเลอกเมนค าวาเพมเตมทอยทางดานขวามอบนเมอคลกแลวจะมเครองมอใหเราเลอกในการจดการ

กบ Google sites ของเรามากมาย ซงใหเราไปเลอกเครองมอการแกไขการออกแบบไซดกอน เพอเรา

จะไดมาแกไขหนาปกสวนหวของ Google sites เราใหมความสวยงามโดยการใสรปภาพทเราตองการลง

ใน Googlesites

ทมา : นายณฐนนท ลาภนทวจตร,2556.

1.คลกเลอกการแกไขการออกแบบไซด

ปรบแตง Googlesite 3

ภาพท 2 ภาพหนาจอแสดงเครองมอตางๆเพอเราจะไดมาจดการแกไขการออกแบบเวบไซด

โดยเครองมอทเราสามารถแกไขไดกมการเพมสวนตางของ Google sites ซงมใหเพมทงดานบน

ดานขาง ดานลาง อนนเราจะท าการตกแตงสวนหวเรากเลอกเพมทดานบน จากนนทางเมนขา งๆกจะ

ปรากฏขนาดของบลอกใหเราซงเราสามารถตงคาแบบเดมๆหรอสามารถเปลยนการตงคาแบบก าหนด

เองกได

ทมา : นายณฐนนท ลาภนทวจตร,2556.

2.คลกเลอกเพมสวนหว

3.คลกเลอกการแกไขสวนหวไซด

4.คลกเลอกเพมไฟลเพอใสรป

ปรบแตง Googlesite 4

ภาพท 3 ภาพแสดงหนาจอเครองมอการจดการก าหนดคาสวนหวของไซด เมอเราคลกแกไขท

สวนหวแลวกจะปรากฏภาพนขนมาใหเราปรบแตง ก าหนดคาตางความสงหรอการวางภาพใหเปนแบบ

แนวตง แนวนอนตามทเราตองการ และยงสามารถปรบแตงไดโดยการใสรปภาพทเราตองการมาใสใน

ไซดนไดดวย โดยการคลกเลอกเมนค าวา เลอกโลโกทก าหนด คาเอง แลวเรากเลอกไฟลทตองการมา

อพโหลดกจะไดสวนหวของไซดออกมา

ทมา : นายณฐนนท ลาภนทวจตร,2556.

ภาพท 4 แสดงภาพหนาจอของ Google sites โดยคลกเลอกเมนค าวาเพมเตมทอยทางดาน

ขวามอบนเมอคลกแลวจะมเครองมอใหเราเลอกในการจดการกบ Google sites ของเรามากมาย ซงให

เราไปเลอกเครองมอการจดการไซดเพอเขาไปเปลยนสพนหลงของไซดและนอกจากการเปลยนสพน

หลง แลวในการจดการไซดกยงมเครองมอใหแกไขสวนตางๆอกมากมา ยทงการเปลยนธมหรอเปลยน

สอการใชงานได

ทมา : นายณฐนนท ลาภนทวจตร,2556.

5.คลกเลอกการแกไขการจดการไซด

ปรบแตง Googlesite 5

ภาพท 5 ภาพหนาจอแสดงเมนตางๆเพอใหเรามาจดการกบไซดของเรา โดยใหเราคลกเลอกท

สและแบบอกษร จะปรากฏการปรบแตงสในสวนตางของไซด ถาเราจะเปลยนสพนหลงใหเราเลอกเมน

สพนหลงของหนากจะปรากฏกลองสเพอใหเราเลอกสของหนาซงเราสามารถก าหนดเองหรอถาไมอยาก

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

แรกปรากฏในไซดแทนแลวกเลอกบนทก

ทมา : นายณฐนนท ลาภนทวจตร,2556.

7.คลกเลอกเพอเปลยนสพนหลง

6.คลกเลอกสและตวอกษร

8.คลกเลอกธม

ปรบแตง Googlesite 6

ภาพท 6 ภาพแสดงหนาจอการปรบตกแตงไซดของเราใหมความสวยงามมากยงขนดวยการ

เลอกธมมาใชงานกบไซดของเรา โดยใหเคลกเลอกเมนทางดานซายจะเหนวามเมนค าวา ธมอยจากนน

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

ตองการของเรา ซงธมในแตละธมนนกจะมความหลากหลายของส ความหลากหลายของสไตลขอบโคง

ขอบเหลยมใหเราไดตดสนใจเลอกธมกนเมอเลอกไดแลวกคลกเลอกบนทก ธมทเราไดท าการเลอกไป

กจะไปปรากฏอยทางดานหนาไซดของเรา

ทมา : นายณฐนนท ลาภนทวจตร,2556.

ภาพท 7 ภาพแสดงหนาจอการน า QR code มาใสเพมใหกบไซดของเราโดยใหเราเลอกการ

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

จะปรากฏค าวาใหแกไขรายการทางแถบดานขางซงใหเราท าการคลกเลอกเครองมอนนเพอจะเขาไปท า

การแกไขใส QR code เพอเพมความสวยงามใหกบบลอกของเรา นอกจากนนเรายงสามารถใส

คณลกษณะอนๆเพมขนไดดวยเชนกน

ทมา : นายณฐนนท ลาภนทวจตร,2556.

9.คลกการแกไขแถบดานขางไซด

ปรบแตง Googlesite 7

ภาพท 8 ภาพหนาจอแสดงการตงคาการใส QR code ลงไปในแถบดานขาง จากนนใหเราน า

ภาพ QR code ทเราท าไวแลวนนมาแทรกลงไปในชองวาง ปรบแตงให QR code อยตรงกลางเพอ

ความสวยงาม

ทมา : นายณฐนนท ลาภนทวจตร,2556.

10.คลกแทรกรปภาพ QR code

ปรบแตง Googlesite 8

ภาพท 9 เปนภาพแสดงหนาจอของการจดการกบ Google sites ของเราเรยบรอย

ทมา : นายณฐนนท ลาภนทวจตร,2556.