วิธีอัปโหลดไฟล์ HTML ไปยัง Google Sites

...

การเพิ่ม HTML ลงในไซต์ Google ของคุณไม่ใช่กระบวนการที่ตรงไปตรงมาที่สุด แต่ก็ยังค่อนข้างง่าย

หนึ่งในคุณสมบัติพิเศษมากมายที่ Google นำเสนอคือผลิตภัณฑ์ "Google Sites" ด้วยคุณสมบัตินี้ คุณสามารถสร้างเว็บไซต์ของคุณเองโดยใช้บัญชี Google ของคุณ แม้ว่า Google Sites จะอนุญาตให้คุณปรับแต่งและเพิ่มเนื้อหาลงในหน้าเว็บของคุณโดยใช้ความสามารถที่มีอยู่แล้ว แต่คุณอาจมีเอกสาร HTML ของตัวเองประกอบอยู่แล้ว ข่าวร้ายคือคุณไม่สามารถอัปโหลดไฟล์เหล่านี้ไปยัง Google Sites และใช้งานได้ อย่างไรก็ตาม ข่าวดีก็คือ คุณสามารถคัดลอกข้อความจากข้อความเหล่านั้นเพื่อแทรกลงในซอร์สโค้ด Google Sites ของคุณ ซึ่งจะใช้เพื่อจุดประสงค์เดียวกัน

ขั้นตอนที่ 1

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

วีดีโอประจำวันนี้

ขั้นตอนที่ 2

เปิดไฟล์ HTML ในโปรแกรมแก้ไขข้อความ เช่น "Notepad" สำหรับ Windows หรือ "Text Editor" สำหรับ Mac กดปุ่ม "Ctrl" ("Command" บน Mac) และ "C" ค้างไว้พร้อมกันเพื่อคัดลอกข้อความของไฟล์ HTML ไปยังคลิปบอร์ด

ขั้นตอนที่ 3

เข้าถึงหน้าที่คุณต้องการแก้ไขโดยใช้ HTML ที่คุณเขียน คลิกไอคอน "แก้ไขหน้า" จากนั้นคลิกไอคอน "HTML" บนแถบที่ปรากฏที่ด้านบนสุดของหน้าเว็บของคุณ

ขั้นตอนที่ 4

กดปุ่ม "Ctrl" ("Command" บน Mac) และ "A" ค้างไว้พร้อมกันเพื่อเลือกเนื้อหาทั้งหมดที่ปรากฏบนหน้าเว็บของคุณ กดปุ่ม "Ctrl" ("Command" บน Mac) และ "V" ค้างไว้พร้อมกันเพื่อแทนที่ด้วย HTML ที่กำหนดเอง คลิก "อัปเดต"

ขั้นตอนที่ 5

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

เคล็ดลับ

หากโค้ด HTML ของคุณมีรูปภาพที่ฝังอยู่ ให้ตรวจสอบว่าลิงก์ตัวแทนใช้งานได้ มิฉะนั้น คุณจะเห็น x สีแดงแทน

หมวดหมู่

ล่าสุด

วิธีการสร้างพิมพ์เขียวออนไลน์

วิธีการสร้างพิมพ์เขียวออนไลน์

คุณสามารถวางแผนการออกแบบบ้านทั้งหมดของคุณด้วยบ...

วิธีการสร้างเครื่องพิมพ์ลายฉลุสัก

วิธีการสร้างเครื่องพิมพ์ลายฉลุสัก

ก่อนสักจะใช้ลายฉลุเพื่อให้แน่ใจว่ารอยสักถูกวางอ...

วิธีการวาดสี่เหลี่ยมผืนผ้าด้วยเส้นขอบใน Photoshop

วิธีการวาดสี่เหลี่ยมผืนผ้าด้วยเส้นขอบใน Photoshop

การเพิ่มเส้นขอบให้กับรูปร่างจะทำให้รูปร่างดูเด่...