วิธีแทรกรูปภาพในหน้าเว็บไซต์

สารบัญ:

วิธีแทรกรูปภาพในหน้าเว็บไซต์
วิธีแทรกรูปภาพในหน้าเว็บไซต์

วีดีโอ: วิธีแทรกรูปภาพในหน้าเว็บไซต์

วีดีโอ: วิธีแทรกรูปภาพในหน้าเว็บไซต์
วีดีโอ: ภาษา HTML การแทรกรูปภาพในเว็บไซต์ 2024, อาจ
Anonim

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

วิธีแทรกรูปภาพในหน้าเว็บไซต์
วิธีแทรกรูปภาพในหน้าเว็บไซต์

จำเป็น

  • - รหัสการเข้าถึง cms;
  • - Adobe Photoshop.

คำแนะนำ

ขั้นตอนที่ 1

เตรียมภาพสำหรับการ "เติม" บนเว็บไซต์: ปรับความสว่าง / ความคมชัด, ปรับขนาด, กำจัดข้อบกพร่องเล็กน้อยที่ทำให้เสียความประทับใจโดยรวมของภาพ ทั้งหมดนี้สามารถทำได้โดยใช้ Adobe Photoshop หรือโปรแกรมแก้ไขกราฟิกอื่นที่มีฟังก์ชันที่จำเป็น

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

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

ขั้นตอนที่ 7

หากไม่สามารถอัปโหลดรูปภาพไปยังโฮสต์ได้ คุณสามารถแทรกภาพประกอบโดยใช้ลิงก์ - ในคอลัมน์ "เส้นทาง" ให้ระบุที่อยู่

ขั้นตอนที่ 8

ในภาษา html แท็กมีหน้าที่ในการแทรกรูปภาพ

… ในการเพิ่มไฟล์กราฟิก คุณต้องเขียนโค้ด ในการทำให้เป็นภาพพื้นหลังสำหรับเซลล์ตาราง ลิงก์ต่อไปนี้จะอนุญาต:

ขั้นตอนที่ 9

คุณสามารถสลับไปดูภาพเวอร์ชันเต็มได้โดยใช้