แนะนำ Google Site - ขั้นตอนการสร้างเว็บไซต์

"ขั้นตอนการใช้ Google Site สร้างเว็บไซต์ "

1. สมัครเป็นสมาชิก gmail เพื่อให้มีรหัส user name และ password สำหรับการใช้งาน

2. เริ่มต้นเข้าใช้งาน google site โดยเข้าไปที่ URL: www.google.com/sites และคลิกเลือก template รูปแบบการสร้างเว็บไซต์ ตามรูปด้านล่าง

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

4. "ศึกษาวิธีการใช้โปรแกรมสร้างเว็บไซต์"

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

"แทรก" สำหรับพิมพ์เพิ่ม กล่องข้อความ หรือแทรกรูปภาพ ในส่วนต่าง ๆ ของเว็บไซต์
"หน้าเว็บ" สำหรับกำหนดแผนผังหัวข้อในเว็บไซต์
"ธีม" สำหรับตกแต่งเว็บไซต์ให้สวยงาม

***เมนู “แทรก” เป็นเมนูที่ควบคุมเกี่ยวกับการเพิ่มข้อความ การเพิ่มรูปภาพ การแทรก URL Link, YouTube ซึ่งเป็นคำสั่งที่ใช้งานบ่อยที่สุด

เมื่อแทรกหรือพิมพ์ข้อความทุกครั้ง จะปรากฎ pop up เมนูที่ด้านบนข้อความ สำหรับกำหนดรูปแบบของตัวอักษร และสามารถเชื่อมโยง URL Link สำหรับข้อความบางส่วนได้

5. "วางแผนทำโครงสร้างเว็บไซต์ "(ทำแผนผังเว็บไซต์) โดยใช้คำสั่ง "หน้าเว็บ" เริ่มต้นใช้งานโดยคลิก "เครื่องหมายบวก " ที่อยู่ด้านล่าง และพิมพ์ชื่อหน้าเว็บตามที่กำหนดแผนผังเว็บไซต์ไว้

รูปด้านซ้ายมือนี้ เป็นตัวอย่างกรณีที่หน้าเพจมีเฉพาะหัวข้อใหญ่ ไม่มีหัวข้อย่อย

ตัวอย่างการสร้างหัวข้อ เพื่อกำหนดแผนผังของ คำสั่ง

"หน้าเว็บ" และ

"หน้าย่อย"

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

สามารถเปลี่ยนแปลงธีม สีและรูปแบบตัวอักษรตามต้องการ

"ธีม" เลือกคลิกที่คำว่า "เรียบง่าย อริสโตเติล หรือนักการฑูต

"สี" เลือกคลิกตามวงกลมสีตามต้องการ

"รูปแบบตัวอักษร" คลิกที่คำนี้เพื่อเลือกรูปแบบ

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

-เมื่อคลิกสัญลักษณ์รูปคนที่มีเครื่องหมายบวก จะพบหน้าจอด้านซ้าย

-ให้ไปที่หัวข้อ"เว็บไซต์ที่เผยแพร่" และเลือกวิธีเผยแพร่ ตาม popup

- คลิกที่คำสั่ง "เสร็จสิ้น" เมื่อตั้งค่าเสร็จแล้ว

ตัวอย่างการแชร์เว็บไซต์แบบ "จำกัด" ข้อมูลในเว็บ

= ไม่เผยแพร่ในที่สาธารณะ

7. เมื่อสร้างเว็บไซต์ จะต้องใช้คำสั่ง "เผยแพร่" และตั้งชื่อเว็บไซต์ ระบบจะกำหนด URL Link ของเว็บไซต์ให้โดยอัตโนมัติ ในขณะตั้งชื่อเว็บ หากชื่อซ้ำกับผู้อื่น ระบบจะแจ้งให้ตั้งชื่อใหม่ก่อนจะกำหนด URL Link ให้โดยอัตโนมัติ นักศึกษาสามารถตั้งชื่อย่อยโดยการกดปุ่ม Spacebar

ความหมายของสัญลักษณ์ต่าง ๆ ใน Google Site มีดังนี้

สัญลักษณ์ลูกศรหัวกลับ เหมือนคำสั่ง Undo
สัญลักษณ์ลูกศรไปข้างหน้า คือ คำสั่ง Do ตามเดิม
สัญลักษณ์คล้ายหน้าจอคอมพิวเตอร์และสมาร์ทโฟน คือ การดูตัวอย่างการนำเสนอเว็บไซต์บนหน้าจอ
สัญลักษณ์การเชื่อมต่อรูปวงรี เมื่อคลิกหลังจากตั้งชื่อเว็บไซต์โดยใช้คำสั่ง "เผยแพร่" แล้วจะพบ URL Link ของเว็บไซต์ที่เราสร้าง
สัญลักษณ์รูปคนและมีเครื่องหมายบวก คือ การเพิ่มข้อมูลอีเมลให้แก่ผู้มีสิทธิหรือ admin ในการปรับแก้ข้อมูลในเว็บไซต์ สามารถกำหนดได้ว่า จะเผยแพร่เว็บไซต์เฉพาะกลุ่มหรือเผยแพร่แบบ Public (ทุกคนที่ทราบ URL Link สามารถเข้าดูข้อมูลในเว็บไซต์ได้)
สัญลักษณ์ รูปฟันเฟือง คือคำสั่ง "ตั้งค่า"
คำสั่ง "เผยแพร่" นั้น ใช้ใน 2 กรณีคือ

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

เว็บไซต์ที่สร้างไว้ จะถูกจัดเก็บไว้ในหัวข้อ Drive ในบัญชี Gmail ตามรูปตัวอย่างด้านล่าง เมื่อต้องการปรับแก้ เพิ่มเติมข้อมูลในเว็บไซต์ เพียงแค่คลิกที่รูป ก็สามารถที่จะ download ได้ เมื่อทำการแก้ไข เพิ่มเติมข้อมูลแล้ว ต้องไม่ลืมที่จะคลิกหัวข้อ "เผยแพร่"ทุกครั้ง เพื่อ update การแสดงผลข้อมูล

ตัวอย่างข้อมูล website ที่จัดเก็บไว้ใน Drive ของ Gmail

9. ทดลองฝึกสร้างเว็บไซต์พร้อมผู้สอน สร้างเว็บไซต์โดยเลือก Template "ว่าง" นำมาปรับแก้ โดยใช้ข้อมูล รูปภาพ รหัส URL และ YouTube ตามที่กำหนด

(URL Link ของตัวอย่างเว็บไซต์ที่ทำเสร็จแล้ว มีดังนี้ https://sites.google.com/view/dsurang-cra-suggest-web-site/ )

ข้อมูลที่กำหนดให้มีในเว็บไซต์ มีดังต่อไปนี้

1) ชื่อเว็บไซต์ : แนะนำโรงพยาบาลจุฬาภรณ์

2) ทำหน้าเว็บเพจจำนวน 3 หัวข้อ ดังนี้

1. แนะนำโรงพยาบาลจุฬาภรณ์ (พร้อมแนบไฟล์คลิปวีดิโอแนะนำโรงพยาบาลจุฬา- ภรณ์ (มีข้อมูลสำหรับ link คลิปวีดิโออยู่ด้านล่าง) และช่องทางการติดต่อ (ตามรูปที่แนบมาให้ด้านล่าง)

2. อาคารบริการ (เฉพาะชื่ออาคารที่ให้บริการ) พร้อมรูปภาพของอาคารประกอบ

ข้อ 1-2 ใช้ข้อมูลจาก link นี้

https://chulabhornhospital.cra.ac.th/Detail_Page/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B9%82%E0%B8%A3%E0%B8%87%E0%B8%9E%E0%B8%A2%E0%B8%B2%E0%B8%9A%E0%B8%B2%E0%B8%A5%E0%B8%88%E0%B8%B8%E0%B8%AC%E0%B8%B2%E0%B8%A0%E0%B8%A3%E0%B8%93%E0%B9%8C

3. ขั้นตอนการเข้ารับบริการสำหรับผู้ป่วยเมื่อมาโรงพยาบาล

ให้นำข้อมูลมาจาก link นี้

https://chulabhornhospital.cra.ac.th/Detail_Page/Hospital_instruction

หมายเหตุ : ขอให้นักศึกษาทุกคน copy รูปภาพด้านล่างนี้ทุกรูป สำหรับตกแต่งเว็บไซต์

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