รายงาน Google Site

รายงาน

การสร้างเว็บเพจด้วย

Google Site

รายวิชา การเขียนเว็บเพจด้วยภาษา
HTML และ CSS (คธ 0417)

ผู้สอน

อาจารย์ศุภกร กล่ำโภชน์

นำเสนอโดย

นางสาวธนิดา วรณัฐญากุล

สาขาวิชาคอมพิวเตอร์ธุรกิจ ภาคการศึกษาที่1 ปีการศึกษา 2565

รายงาน Google Site

คำนำ

รายงานเล่มนี้จัดทำขึ้นเพื่อเป็นส่วนหนึ่งของรายวิชา การเขียนเว็บเพจ
ด้วยภาษา HTML และ CSS คธ 0417 เพื่อรวบรวมผลงาน วิธีการในการสร้าง
เว็บเพจด้วยGoogle Siteในหัวข้อเกี่ยวกับ ข้อมูลสถานที่ทำงาน โครงสร้าง
องค์กร วิสัยทัศน์ พันธกิจ ประวัติส่วนตัว ข้อมูลการติดต่อกลับโดยใช้ Google
Form และแผนที่สถานที่ทำงาน ของปีการศึกษา2565 ภาคเรียนที่1
โดยมีอาจารย์ศุภกร กล่ำโภชน์เป็นอาจารย์ผู้สอน

ผู้จัดทำคาดหวังเป็นอย่างยิ่งว่าการจัดทำรายงานเล่มนี้จะมีข้อมูลที่
เป็นประโยชน์ต่อผู้ที่สนใจเกี่ยวกับการสร้างเว็บเพจด้วยGoogle Site
ไม่มากก็น้อย

รายงาน Google Site

สารบัญ

หน้าแรก 01
02
ข้อมูลสถานที่ทำงาน 03
04
โครงสร้างองค์กร 05
06
วิสัยทัศน์ พันธกิจ 07

ประวัติส่วนตัว

ข้อมูลการติดต่อกลับ

แผนที่สถานที่ทำงาน

รายงาน Google Site

หน้าแรก

ตกแต่งหน้าปกด้านบนและรูปภาพด้านล่างด้วยโปรแกรมCanvaเพื่อนำมาใส่
ในGoogle Siteเว็บเพจที่สร้างขึ้นมา เลือกเมนู"เพิ่มโลโก้"จากนั้นให้อัปโหลด
โลโก้ขององค์กรที่เตรียมไว้แล้วลงไป แทรกเมนู"ปุ่ม"ทางด้านล่างเพื่อลิงก์ไป
ยังหน้าอื่นๆได้ ใส่ชื่อองค์กรในส่วนท้ายของกระดาษ(ส่วนท้ายของกระดาษจะ
ปรากฏขึ้นทุกหน้าเองโดยอัตโนมัติ) ตกแต่งสีพื้นหลังแต่ละส่วนให้สวยงาม

หน้า 01

รายงาน Google Site

ข้อมูลสถานที่ทำงาน

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

หน้า 02

รายงาน Google Site

โครงสร้างองค์กร

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

หน้า 03

รายงาน Google Site

วิสัยทัศน์ พั นธกิจ

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

หน้า 04

รายงาน Google Site

ประวัติส่วนตัว

กดเมนู"หน้าเว็บ"เลือก"ทำซ้ำหน้าเว็บ" และเปลี่ยนชื่อเป็นหัวข้อ
"ประวัติส่วนตัว" นำรูปหน้าปกที่ทำในโปรแกรมCanvaมาใส่ใน
Google Siteเว็บเพจ จากนั้นใส่ข้อมูลประวัติส่วนตัวที่ตกแต่งไว้ใน
โปรแกรมMicrosoft Wordที่เซฟเป็นไฟล์JPG(รูปภาพ)ไว้ แทรกเมนู"ปุ่ม"
ทางด้านล่างเพื่อลิงก์ไปยังหน้าอื่นๆได้ ตกแต่งสีพื้นหลังแต่ละส่วนให้สวยงาม

หน้า 05

รายงาน Google Site

ข้อมูลการติดต่อกลับ

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

หน้า 06

รายงาน Google Site

แผนที่สถานที่ทำงาน

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

หน้า 07



Google Site

Thanida Voranutthayakul
QR Code
[email protected]