วิธีเพิ่มรูปภาพในไซต์ Google ของคุณ: 13 ขั้นตอน

สารบัญ:

วิธีเพิ่มรูปภาพในไซต์ Google ของคุณ: 13 ขั้นตอน
วิธีเพิ่มรูปภาพในไซต์ Google ของคุณ: 13 ขั้นตอน

วีดีโอ: วิธีเพิ่มรูปภาพในไซต์ Google ของคุณ: 13 ขั้นตอน

วีดีโอ: วิธีเพิ่มรูปภาพในไซต์ Google ของคุณ: 13 ขั้นตอน
วีดีโอ: อย่าเพิ่งสมัครขายของใน Alibaba ถ้ายังไม่ดูคลิปนี้ 2024, อาจ
Anonim

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

ขั้นตอน

วิธีที่ 1 จาก 2: การอัปโหลดรูปภาพไปยัง Google Sites

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 1
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 1

ขั้นตอนที่ 1. ใช้กล้องถ่ายภาพ เช่น ภาพถ่ายบ้าน เพื่อน หรือสัตว์เลี้ยง

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

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 2
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 2

ขั้นตอนที่ 2. ดาวน์โหลดรูปภาพ

หากคุณกำลังใช้ภาพจากกล้องดิจิตอล ให้เชื่อมต่อกล้องเข้ากับคอมพิวเตอร์ด้วยสาย USB หน้าจอจะปรากฏขึ้นขึ้นอยู่กับโปรแกรมที่คุณใช้ จากนั้นเลือก นำเข้ารูปภาพ คุณสามารถเลือกรูปภาพที่จะนำเข้าหรือทั้งอัลบั้ม หากคุณดาวน์โหลดรูปภาพจากอินเทอร์เน็ต ให้คลิกที่รูปภาพ (PC) หรือคลิกที่รูปภาพด้วยสองนิ้ว (Mac)

เลือกบันทึกเป็นจากเมนูที่ปรากฏขึ้น คุณจะถูกขอให้ตั้งชื่อภาพ เลือกชื่อที่จำง่าย

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 3
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 3

ขั้นตอนที่ 3 เยี่ยมชม Google Sites โดยป้อนที่อยู่หรือคลิกที่บุ๊กมาร์ก

คุณสามารถใช้เบราว์เซอร์ใดก็ได้เพื่อเข้าถึง Google Sites เช่น Google Chrome หรือ Internet Explorer คลิกปุ่ม "แก้ไข" รูปดินสอ ที่มุมขวาบนของหน้าต่าง คุณจะถูกนำไปที่หน้าจอโหมดแก้ไขซึ่งคุณสามารถเพิ่มหรือเปลี่ยน images.br>

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 4
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 4

ขั้นตอนที่ 4 คลิกมุมของวัตถุหรือภาพถ่ายที่ต้องการ

รูปภาพที่คุณป้อนจะปรากฏใต้วัตถุ/ภาพถ่าย กด Return เพื่อเว้นวรรคเพื่อให้รูปภาพไม่อยู่ใต้วัตถุหรือข้อความโดยตรง

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 5
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 5

ขั้นตอนที่ 5. คลิกปุ่ม แทรก ที่มุมซ้ายบนของเบราว์เซอร์

เมนูจะปรากฏขึ้น ปัดขึ้น แล้วคลิกรูปภาพ

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 6
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 6

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

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 7
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 7

ขั้นตอนที่ 7 สร้างลิงค์ไปยังเว็บไซต์อื่น

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

หาก URL ที่คุณป้อนถูกต้อง รูปภาพจะปรากฏในช่อง แม้ว่าคุณอาจต้องรอให้รูปภาพปรากฏขึ้น ตรวจสอบภาพที่แสดง หากรูปภาพไม่ปรากฏขึ้น ให้ตรวจสอบ URL ที่คุณป้อนอีกครั้ง

เพิ่มรูปภาพไปยังไซต์ Google ของคุณ ขั้นตอนที่ 8
เพิ่มรูปภาพไปยังไซต์ Google ของคุณ ขั้นตอนที่ 8

ขั้นตอนที่ 8 คลิกปุ่ม OK ที่มุมล่างซ้ายของหน้าต่าง

รูปภาพจะไปที่ไซต์ Google Sites ของคุณ เมื่อรูปภาพเข้ามาแล้ว ให้ปิดหน้าต่างอื่นๆ ทั้งหมด แล้วปรับลักษณะที่ปรากฏของรูปภาพ

วิธีที่ 2 จาก 2: การจัดรูปแบบรูปภาพบน Google Sites

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 9
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 9

ขั้นตอนที่ 1. คลิกที่ภาพเพื่อลากไปยังตำแหน่งที่ต้องการ

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

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 10
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 10

ขั้นตอนที่ 2 สร้างกรอบสำหรับรูปภาพ

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

  • ตัวอย่าง:. โค้ดจะเพิ่มกรอบสีดำที่มีความกว้าง 1 พิกเซล และอยู่ห่างจากรูปภาพ 5 พิกเซล
  • ตัวอย่าง:. โค้ดจะเพิ่มกรอบลายทางสีน้ำเงินที่มีความกว้าง 5 พิกเซล และห่างจากรูปภาพ 15 พิกเซล
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 11
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 11

ขั้นตอนที่ 3 ตั้งค่าเค้าโครงรูปภาพ

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

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 12
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 12

ขั้นตอนที่ 4 ปรับขนาดภาพโดยไปที่โหมดแก้ไขและคลิกที่ภาพ

คุณสามารถเลือกขนาด "S", "M", "L" หรือ "Original" คลิกที่ปุ่มเพื่อเลือกขนาดภาพที่เหมาะสม หลังจากเลือกแล้ว ให้คลิกบันทึก

เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 13
เพิ่มรูปภาพในไซต์ Google ของคุณ ขั้นตอนที่ 13

ขั้นตอนที่ 5. บันทึกการเปลี่ยนแปลงโดยคลิก บันทึก หากการเปลี่ยนแปลงของคุณไม่ได้รับการบันทึกโดยอัตโนมัติ

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

เคล็ดลับ

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

คำเตือน

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

แนะนำ: