8

arti3319-pajaree-102-Googlesites

Embed Size (px)

DESCRIPTION

arti3319-pajaree-102-Googlesites คู่มือวิธีการสร้างเว็บ Googlesites นางสาวปาจรีย์ เขียวชอุ่ม รหัส 5311317084

Citation preview

Page 1: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 1

Page 2: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 2

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

การปรบแตง Google sites

โดย.น.ส.ปาจรย เขยวชอม รหส 5311317084

อเมล [email protected] Google sites ชอ

https://sites.google.com/site/arti3319pajaree/

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

ดงน

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

Page 3: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 3

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

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

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

Page 4: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 4

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

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

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

เลอกเมนค าวา เลอกโลโกทก าหนดคาเอง แลวเรากเลอกไฟลทตองการมาอพโหลดกจะไดสวนหวของไซดออกมา

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

Page 5: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 5

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

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

8.คลกเลอกธม

Page 6: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 6

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

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

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

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

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

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

ความสวยงามใหกบบลอกของเรา นอกจากนนเรายงสามารถใสคณลกษณะอนๆเพมขนไดดวยเชนกน

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

Page 7: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 7

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

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

ทมา : น.ส.ปาจรย เขยวชอม,2556.

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

Page 8: arti3319-pajaree-102-Googlesites

ปรบแตง Google sites 8