Upload
pajaree-keawcha-um
View
216
Download
0
Embed Size (px)
DESCRIPTION
arti3319-pajaree-102-Googlesites คู่มือวิธีการสร้างเว็บ Googlesites นางสาวปาจรีย์ เขียวชอุ่ม รหัส 5311317084
Citation preview
ปรบแตง Google sites 1
ปรบแตง 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.คลกเลอกการแกไขการออกแบบไซด
ปรบแตง Google sites 3
ภาพท 2 ภาพหนาจอแสดงเครองมอตางๆเพอเราจะไดมาจดการแกไขการออกแบบเวบไซด โดย
เครองมอทเราสามารถแกไขไดกมการเพมสวนตางของ Google sites ซงมใหเพมทงดานบน ดานขาง ดานลาง
อนนเราจะท าการตกแตงสวนหวเรากเลอกเพมทดานบน จากนนทางเมนขางๆกจะปรากฏขนาดของบลอกใหเราซง
เราสามารถตงคาแบบเดมๆหรอสามารถเปลยนการตงคาแบบก าหนดเองกได
ทมา : น.ส.ปาจรย เขยวชอม,2556.
2.คลกเลอกเพมสวนหว
3.คลกเลอกการแกไขสวนหวไซด
4.คลกเลอกเพมไฟลเพอใสรป
ปรบแตง Google sites 4
ภาพท 3 ภาพแสดงหนาจอเครองมอการจดการก าหนดคาสวนหวของไซด เมอเราคลกแกไขท สวนหว
แลวกจะปรากฏภาพนขนมาใหเราปรบแตง ก าหนดคาตางความสงหรอการวางภาพใหเปนแบบแนวตง แนวนอน
ตามทเราตองการ และยงสามารถปรบแตงไดโดยการใสรปภาพทเราตองการมาใสในไซ ดนไดดวย โดยการคลก
เลอกเมนค าวา เลอกโลโกทก าหนดคาเอง แลวเรากเลอกไฟลทตองการมาอพโหลดกจะไดสวนหวของไซดออกมา
ทมา : น.ส.ปาจรย เขยวชอม,2556.
ภาพท 4 แสดงภาพหนาจอของ Google sites โดยคลกเลอกเมนค าวาเพมเตมทอยทางดานขวามอบน
เมอคลกแลวจะมเครองมอใหเราเลอกในการจดการกบ Google sites ของเรามากมาย ซงใหเราไปเลอก
เครองมอการจดการไซดเพอเขาไปเปลยนสพนหลงของไซดและนอกจากการเปลยนสพนหลง แลวในการจดการ
ไซดก ยงมเครองมอใหแกไขสวนตางๆอกมากมายทงการเปลยนธมหรอเปลยนชอการใชงานได
ทมา : น.ส.ปาจรย เขยวชอม,2556.
5.คลกเลอกการแกไขการจดการไซด
ปรบแตง Google sites 5
ภาพท 5 ภาพหนาจอแสดงเมนตางๆเพอใหเรามาจดการกบไซดของเรา โดยใหเราคลกเลอกทสและแบบ
อกษร จะปรากฏการปรบแตงสในสวนตางของไซด ถาเราจะเปลยนสพนหลงใหเราเลอกเมนสพนหลงของหนาก
จะปรากฏกลองสเพอใหเราเลอกสของหนาซงเราสามารถก าหนดเองหรอถาไมอยากก าหนดสเองกใหเราเลอกการใช
งานเปนคาเรมตน กจะไดสทเปนแบบตนฉบบของไซดทเราใชมาตงแตแรกปรากฏในไซดแทนแลวกเลอกบนทก
ทมา : น.ส.ปาจรย เขยวชอม,2556.
6.คลกเลอกสและตวอกษร
7.คลกเลอกเพอเปลยนสพนหลง
8.คลกเลอกธม
ปรบแตง Google sites 6
ภาพท 6 ภาพแสดงหนาจอการปรบตกแตงไซดของเราใหมความสวยงามมากยงขนดวยการ เลอกธมมา
ใชงานกบไซดของเรา โดยใหเคลกเลอกเมนทางดานซายจะเหนวามเมนค าวา ธมอยจากนนกจะเหนธมส าเรจรปของ
ไซดทมใหเราเลอกมากมาย เพอน ามาใชงานกบไซดของเราไดตามความตองการของเรา ซงธมในแตละธมนนกจะ
มความหลากหลายของส ความหลากหลายของสไตลขอบโคง ขอบเหลยมใหเราไดตดสนใจเลอกธมกนเมอเลอกได
แลวกคลกเลอกบนทก ธมทเราไดท าการเลอกไปกจะไปปรากฏอยทางดานหนาไซดของเรา
ทมา : น.ส.ปาจรย เขยวชอม,2556.
ภาพท 7 ภาพแสดงหนาจอการน า QR code มาใสเพมใหกบไซดของเราโดยใหเราเลอกการจดการไซด
ทน าเสนอไปแลวดงตวอยางขางตน จากนนใหน าเมาสไปชกลองเครองมอทางดานขวามอกจะปรากฏค าวาใหแกไข
รายการทางแถบดานขางซงใหเราท าการคลกเลอกเครองมอนนเพอจะเขาไปท าการแกไขใส QR code เพอเพม
ความสวยงามใหกบบลอกของเรา นอกจากนนเรายงสามารถใสคณลกษณะอนๆเพมขนไดดวยเชนกน
ทมา : น.ส.ปาจรย เขยวชอม,2556.
9.คลกการแกไขแถบดานขางไซด
ปรบแตง Google sites 7
ภาพท 8 ภาพหนาจอแสดงการตงคาการใส QR code ลงไปในแถบดานขาง จากนนใหเราน าภาพ QR
code ทเราท าไวแลวนนมาแทรกลงไปในชองวาง ปรบแต งให QR code อยตรงกลางเพอ ความสวยงาม
ทมา : น.ส.ปาจรย เขยวชอม,2556.
ภาพท 9 เปนภาพแสดงหนาจอของการจดการกบ Google sites ของเราเรยบรอย
ทมา : น.ส.ปาจรย เขยวชอม,2556.
10.คลกแทรกรปภาพ QR code
ปรบแตง Google sites 8