รูปภาพทำให้ไซต์มีชีวิตชีวา ผู้เข้าชมสนใจ ทำให้ทรัพยากรสดใสและน่าจดจำ หากไม่มีรูปถ่ายและภาพวาด ไซต์ใดๆ ที่มีข้อความที่น่าสนใจและมีค่ามาก ๆ จะดูน่าเบื่อและไม่สมบูรณ์ ขั้นตอนง่าย ๆ ในการแทรกรูปภาพลงในไซต์จะช่วยให้ทรัพยากรของคุณมีสีสันมากขึ้นและดึงดูดผู้เยี่ยมชมรายใหม่ ๆ
มันจำเป็น
- - เว็บไซต์ของตัวเอง
- - ภาพวาดที่จะวางบนเว็บไซต์
- - รู้ว่าโค้ด HTML คืออะไร
คำแนะนำ
ขั้นตอนที่ 1
หากต้องการสร้างรูปภาพบนไซต์ ให้อัปโหลดรูปภาพไปยังที่เก็บไฟล์ของไซต์ ไฟล์สามารถอัปโหลดไปยังไซต์ได้โดยใช้ "ตัวจัดการไฟล์" หรือผ่าน ftp สำหรับคำแนะนำเฉพาะในการอัปโหลดไฟล์ โปรดติดต่อผู้ให้บริการโฮสต์ของคุณ (ใครก็ตามที่โฮสต์ไซต์ของคุณ)
ขั้นตอนที่ 2
หลังจากดาวน์โหลดรูปภาพแล้ว ให้ค้นหาลิงก์ไปยังรูปภาพนั้น ลิงก์ไปยังรูปภาพของคุณจะมีลักษณะดังนี้: http: ⁄ ⁄ เว็บไซต์ / img1.jpg
ขั้นตอนที่ 3
เมื่อคุณได้รับลิงก์ไปยังรูปภาพที่ต้องการ ให้วางระหว่างเครื่องหมายคำพูดในโค้ด HTML ต่อไปนี้:. คุณควรได้รับการก่อสร้างดังต่อไปนี้:. แทนที่จะเป็น "http: ⁄ ⁄ เว็บไซต์ / img1.jpg" ควรมีลิงก์ไปยังรูปภาพของคุณ รายการนี้ต้องอยู่ในตำแหน่งที่ถูกต้องในโค้ด HTML ของไซต์ของคุณ
ขั้นตอนที่ 4
หากจำเป็นต้องปรับขนาดรูปภาพบนเว็บไซต์ ในโค้ด HTML ให้ระบุความกว้างและความสูงของรูปภาพที่ต้องการ บันทึกมุมมองระบุความกว้างของภาพเป็นพิกเซล และบันทึกระบุความสูงของภาพเป็นพิกเซล โดยที่ตัวเลขในเครื่องหมายคำพูดคือจำนวนพิกเซล รหัสทั่วไปของรูปภาพที่มีขนาดที่ระบุมีลักษณะดังนี้: แทนที่ตัวเลขในโค้ดด้วยความกว้างและความสูงของรูปภาพที่ต้องการ
ขั้นตอนที่ 5
ไม่ฟุ่มเฟือยที่จะระบุชื่อรูปภาพเพื่อที่ว่าเมื่อดูไซต์ในโหมดที่ไม่มีรูปภาพ ผู้เข้าชมสามารถเข้าใจได้ว่ารูปภาพใดปรากฏอยู่ในไซต์ ในการเพิ่มชื่อ ให้แทรกรายการต่อไปนี้ลงในโค้ดเอาต์พุตรูปภาพ: alt="Title" แทนที่จะเขียนคำว่า "ชื่อ" ให้เขียนชื่อรูปภาพของคุณ เป็นผลให้รูปภาพบนเว็บไซต์จะมีรหัส HTML ต่อไปนี้:.