วิธีสร้างเว็บไซต์โดยใช้ Google Sites (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างเว็บไซต์โดยใช้ Google Sites (พร้อมรูปภาพ)
วิธีสร้างเว็บไซต์โดยใช้ Google Sites (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างเว็บไซต์โดยใช้ Google Sites (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างเว็บไซต์โดยใช้ Google Sites (พร้อมรูปภาพ)
วีดีโอ: วิธีการจดโดเมนเนม ง่ายมากๆ 2024, พฤศจิกายน
Anonim

บทความวิกิฮาวนี้จะแนะนำวิธีการสร้างและแก้ไขเว็บไซต์ฟรีโดยใช้ Google Sites คุณต้องมีบัญชี Google เพื่อสร้างเว็บไซต์ Google

ขั้นตอน

ส่วนที่ 1 จาก 5: การสร้างไซต์

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 1
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 1

ขั้นตอนที่ 1 เปิด Google Sites

ไปที่ https://sites.google.com/ ผ่านเว็บเบราว์เซอร์ หลังจากนั้น หน้า Google Sites จะปรากฏขึ้นหากคุณลงชื่อเข้าใช้บัญชี Google แล้ว

หากคุณไม่ได้ลงชื่อเข้าใช้บัญชี ให้ป้อนที่อยู่อีเมลและรหัสผ่านก่อนดำเนินการต่อ

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 2
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 2

ขั้นตอนที่ 2 คลิกปุ่ม Google Sites ใหม่

ทางซ้ายของหน้า หลังจากนั้น Google Sites เวอร์ชันล่าสุดจะปรากฏขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 3
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 3

ขั้นตอนที่ 3 คลิก "ใหม่"

Android_Google_New
Android_Google_New

ที่เป็นปุ่มวงกลมสีแดงที่มี "+" สีขาว มุมขวาล่างของหน้า หลังจากนั้น หน้าเว็บไซต์ใหม่ของคุณจะเปิดขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 4
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 4

ขั้นตอนที่ 4. ป้อนชื่อของหน้าหลัก

พิมพ์ชื่อที่คุณต้องการใช้ในฟิลด์ " ชื่อหน้าของคุณ " ที่ด้านบนของหน้า

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 5
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 5

ขั้นตอนที่ 5. สร้างที่อยู่เว็บไซต์ Google

คลิกช่อง "Enter site name" ที่มุมซ้ายบนของหน้า แล้วพิมพ์คำหรือวลีที่จะใช้กับ Google Site ของคุณ

ชื่อไซต์ที่ใช้ต้องไม่ซ้ำกัน ดังนั้นคุณอาจถูกขอให้เลือกชื่อไซต์ที่ไม่ซ้ำกันและแตกต่างกัน

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 6
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 6

ขั้นตอนที่ 6 อัปโหลดรูปภาพปก

คุณสามารถเพิ่มรูปภาพที่ด้านบนของหน้าหลักโดยวางเมาส์เหนือรูปภาพที่ด้านบนของหน้า คลิก “ เปลี่ยนภาพ ” ใต้ภาพ เลือก “ ที่อัพโหลด ” ในเมนูแบบเลื่อนลง เลือกรูปภาพที่คุณต้องการใช้ แล้วคลิกปุ่ม “ เปิด ”.

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 7
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 7

ขั้นตอนที่ 7 คลิก เผยแพร่

ที่เป็นปุ่มสีม่วงมุมขวาบนของหน้า

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 8
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 8

ขั้นตอนที่ 8 คลิก เผยแพร่ เมื่อได้รับแจ้ง

หลังจากนั้น ไซต์ Google ของคุณจะถูกสร้างขึ้นด้วยโดเมน

https://sites.google.com/view/sitename

ส่วนที่ 2 จาก 5: การเปิด Site Editor

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 9
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 9

ขั้นตอนที่ 1 ไปที่เว็บไซต์ของคุณ

เยี่ยม

https://sites.google.com/view/sitename

(แทนที่ชื่อไซต์ด้วยที่อยู่ไซต์ Google ของคุณ) หลังจากนั้น ไซต์ Google ของคุณจะปรากฏขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 10
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 10

ขั้นตอนที่ 2. คลิกปุ่ม "แก้ไข"

Android7edit
Android7edit

ที่เป็นรูปดินสอมุมขวาล่างของหน้า หลังจากนั้น หน้าต่างตัวแก้ไขสำหรับไซต์ Google ของคุณจะปรากฏขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 11
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 11

ขั้นตอนที่ 3 ตรวจสอบตัวเลือกการแก้ไขที่มีอยู่

ที่ด้านขวาของหน้า คุณจะเห็นคอลัมน์ที่มีตัวเลือกต่างๆ คอลัมน์นี้แบ่งออกเป็นสามแท็บหลัก:

  • “INSERT” – ตัวเลือกนี้ให้คุณเพิ่มกล่องข้อความหรือรูปภาพ หรือต่อเชื่อมเอกสารหรือวิดีโอจากเว็บไซต์อื่น (หรือ Google Drive)
  • “PAGES” – ตัวเลือกนี้ให้คุณเพิ่มหน้าใหม่ในเว็บไซต์ของคุณ (เช่น หน้า “เกี่ยวกับ”)
  • “THEMES” – ตัวเลือกนี้ใช้เพื่อเพิ่มธีมต่างๆ ให้กับไซต์ ธีมจะเปลี่ยนรูปลักษณ์และเลย์เอาต์ของเว็บไซต์
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 12
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 12

ขั้นตอนที่ 4 อย่าลืมตรวจสอบการเปลี่ยนแปลง

เมื่อใดก็ตามที่คุณทำการเปลี่ยนแปลงที่สำคัญ (เช่น การเพิ่มกล่องข้อความ) ในไซต์ของคุณ คุณสามารถดูตัวอย่างลักษณะที่ปรากฏของไซต์ได้โดยตรงโดยคลิกปุ่ม " แสดงตัวอย่าง " รูปดวงตาที่ด้านบนสุดของหน้า

  • เป็นความคิดที่ดีที่จะตรวจทานการเปลี่ยนแปลงก่อนที่จะเผยแพร่การอัปเดตใดๆ
  • เมื่อตรวจทานไซต์ คุณสามารถคลิกที่หน้าจอขนาดอื่นที่มุมล่างขวาของหน้าเพื่อดูว่าเว็บไซต์จะปรากฏอย่างไรบนคอมพิวเตอร์ แท็บเล็ต และหน้าจอมือถือ (จากขวาไปซ้าย)

ส่วนที่ 3 จาก 5: การป้อนเนื้อหา

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 13
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 13

ขั้นตอนที่ 1 คลิกแท็บ INSERT

ที่มุมขวาบนของหน้า ตามค่าเริ่มต้น แท็บนี้จะเปิดขึ้นเมื่อคุณเข้าถึงหน้าต่างแก้ไข

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 14
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 14

ขั้นตอนที่ 2 ป้อนกล่องข้อความ

คลิก กล่องข้อความ ” ที่ด้านบนของคอลัมน์

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 15
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 15

ขั้นตอนที่ 3 เพิ่มตัวแบ่ง

คลิกองค์ประกอบ ตัวแบ่ง ” เพื่อเพิ่มด้านล่างกล่องข้อความ

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 16
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 16

ขั้นตอนที่ 4 ย้ายองค์ประกอบไปรอบๆ หน้า

คุณสามารถคลิกและลากตัวแบ่งเพื่อย้ายไว้เหนือกล่องข้อความ หรือคลิกแล้วลากที่ด้านซ้ายสุดของกล่องข้อความเพื่อย้ายกล่องข้อความเอง

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 17
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 17

ขั้นตอนที่ 5. เพิ่มรูปภาพ

คลิก " รูปภาพ ” ที่ด้านบนของคอลัมน์ เลือกโฟลเดอร์จัดเก็บรูปภาพ คลิกรูปภาพที่คุณต้องการเพิ่มไปยังเว็บไซต์ แล้วเลือก “ เลือก " หลังจากนั้นรูปภาพจะถูกเพิ่มไปที่กึ่งกลางของหน้า คุณสามารถปรับขนาดหรือย้ายไปรอบๆ หน้าได้

คุณสามารถอัปโหลดรูปภาพไปยัง Google ไดรฟ์และเลือกจาก Google Sites ได้โดยตรง

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 18
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 18

ขั้นตอนที่ 6 ป้อนเนื้อหาอื่น ๆ

เนื้อหาที่คุณป้อนจะแตกต่างกันไปขึ้นอยู่กับสิ่งที่คุณต้องการเพิ่มในไซต์ของคุณ อย่างไรก็ตาม คุณสามารถส่งเนื้อหาต่อไปนี้ไปยังเว็บไซต์:

  • เอกสาร Google Drive – คลิก “ Google ไดรฟ์ ” ในคอลัมน์ด้านขวา จากนั้นเลือกไฟล์ที่ต้องการ
  • YouTube / Google ปฏิทิน / Google Maps – คลิกชื่อใดชื่อหนึ่งในคอลัมน์ทางขวาและปฏิบัติตามคำแนะนำที่ปรากฏบนหน้าจอ
  • Google Docs – คลิกเอกสารประเภทใดประเภทหนึ่งที่แสดงภายใต้หัวข้อ " Google Docs " ในคอลัมน์ทางขวา และปฏิบัติตามคำแนะนำที่ปรากฏบนหน้าจอ
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 19
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 19

ขั้นตอนที่ 7 สร้างหน้าหลักให้เสร็จสิ้น

หลังจากเพิ่มและจัดระเบียบเนื้อหาในหน้าหลักแล้ว คุณสามารถไปยังขั้นตอนถัดไปได้

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 20
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 20

ขั้นตอนที่ 8 เผยแพร่การเปลี่ยนแปลง

คลิกที่ปุ่ม เผยแพร่ ” ที่มุมขวาบนของหน้าเว็บ หน้าต่างแก้ไขจะไม่ปิด แต่การเปลี่ยนแปลงที่ทำไว้จะถูกบันทึก

ส่วนที่ 4 จาก 5: การเพิ่มหน้า

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 21
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 21

ขั้นตอนที่ 1 คลิกแท็บ หน้า

แท็บนี้อยู่ที่ด้านบนของคอลัมน์ด้านขวาของหน้าต่างตัวแก้ไข หลังจากนั้น รายชื่อเพจที่เว็บไซต์ของคุณเป็นเจ้าของจะปรากฏขึ้น ในรายการนี้ หน้าเดียวที่มีคือ "หน้าแรก"

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 22
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 22

ขั้นตอนที่ 2 คลิกไอคอน "เพิ่มหน้า"

ที่เป็นไอคอนกระดาษ มุมขวาล่างของหน้า หลังจากนั้น เมนูป๊อปอัปจะปรากฏขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 23
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 23

ขั้นตอนที่ 3 ป้อนชื่อหน้า

พิมพ์ชื่อที่คุณต้องการใช้สำหรับหน้าใหม่ ตัวอย่างเช่น หากคุณต้องการสร้างหน้าดาวน์โหลด ให้พิมพ์ ดาวน์โหลด หรือชื่อที่คล้ายกัน

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 24
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 24

ขั้นตอนที่ 4 คลิกเสร็จสิ้น

ทางด้านล่างของเมนูป๊อปอัป หลังจากนั้นหน้าจะถูกเพิ่มไปยังเว็บไซต์

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 25
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 25

ขั้นตอนที่ 5. แก้ไขหน้าตามต้องการ

เช่นเดียวกับหน้าหลัก คุณสามารถเพิ่มองค์ประกอบและไฟล์ และเปลี่ยนตำแหน่งของเนื้อหา/องค์ประกอบต่างๆ ของหน้าได้

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 26
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 26

ขั้นตอนที่ 6 คลิกปุ่ม เผยแพร่ เมื่อเสร็จแล้ว

การเปลี่ยนแปลงจะถูกบันทึกและหน้าจะแสดงในเว็บไซต์เวอร์ชันสด

ส่วนที่ 5 จาก 5: การใช้ธีม

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 27
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 27

ขั้นตอนที่ 1 คลิกแท็บ THEMES

แท็บนี้อยู่ที่ด้านบนของคอลัมน์ที่ปรากฏทางด้านขวาของหน้า

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 28
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 28

ขั้นตอนที่ 2. เลือกธีม

คลิกธีมที่คุณต้องการตรวจสอบ หลังจากนั้น ธีมของเว็บไซต์จะเปลี่ยนไปในหน้าต่างหลัก

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 29
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 29

ขั้นตอนที่ 3 เลือกสีของธีม

คลิกวงกลมสีอันใดอันหนึ่งใต้ชื่อธีมเพื่อดูตัวอย่างสี

ธีมที่แตกต่างกัน จานสีที่แตกต่างกันสำหรับธีมนั้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 30
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 30

ขั้นตอนที่ 4 คลิกที่รูปแบบตัวอักษร

กล่องดรอปดาวน์นี้อยู่ใต้วงกลมสี ใต้ชื่อธีม หลังจากนั้น เมนูแบบเลื่อนลงจะปรากฏขึ้น

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 31
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 31

ขั้นตอนที่ 5. คลิกชื่อแบบอักษร

หลังจากนั้น ฟอนต์จะถูกเลือกและนำไปใช้กับหน้าตัวอย่างเว็บไซต์

สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 32
สร้างเว็บไซต์โดยใช้ Google Sites ขั้นตอนที่ 32

ขั้นตอนที่ 6 คลิก เผยแพร่ เมื่อเสร็จสิ้น

การเปลี่ยนแปลงจะถูกบันทึกและคุณจะถูกนำไปที่เว็บไซต์สด ณ จุดนี้ คุณสามารถเพิ่มหน้าหรือเนื้อหาใหม่ได้ และเปลี่ยนธีมให้ตรงกับเนื้อหาในหัวใจของคุณ

เคล็ดลับ

เว็บไซต์ของคุณมีโอกาสแสดงในเครื่องมือค้นหามากขึ้นหากยังคงใช้งานหรือบำรุงรักษาอยู่มากกว่าเมื่อถูกละทิ้งเป็นเวลาหลายสัปดาห์

แนะนำ: