ทุกอย่างที่นักท่องเว็บเห็นบนหน้าของเว็บไซต์นั้นแสดงผลโดยเบราว์เซอร์ตามข้อมูลรายละเอียดที่ส่งโดยเว็บเซิร์ฟเวอร์ ข้อมูลนี้เรียกว่า html-code ของหน้า และประกอบด้วยคำสั่งแยกกัน - "tags" ซึ่งอธิบายลักษณะที่ปรากฏและตำแหน่งของแต่ละองค์ประกอบ ในการเพิ่มองค์ประกอบใหม่ (เช่น รูปภาพ) ลงในหน้าเว็บไซต์ คุณต้องวางคำสั่งที่เกี่ยวข้อง (แท็ก) ลงในซอร์สโค้ด
คำแนะนำ
ขั้นตอนที่ 1
เพิ่มรูปภาพลงในเพจโดยใช้ตัวแก้ไขเพจ หากคุณมีโอกาสใช้ระบบจัดการเนื้อหา ขั้นแรกให้โหลดหน้าที่ต้องการลงในตัวแก้ไข และตรวจสอบให้แน่ใจว่าได้เปิดใช้งานโหมดการแก้ไขภาพแล้ว บางครั้งเรียกว่าตัวย่อภาษาอังกฤษ WYSIWYG (สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) ในโหมดภาพ หน้าจะเหมือนกับบนไซต์ คุณต้องคลิกเมาส์ในตำแหน่งที่คุณต้องการแทรกรูปภาพและกดปุ่ม "แทรกรูปภาพ" บนแผงแก้ไข
ขั้นตอนที่ 2
เลือกรูปภาพจากรายการที่มีอยู่แล้วบนเซิร์ฟเวอร์ ซึ่งจะเปิดโปรแกรมแก้ไขภาพให้คุณในกล่องโต้ตอบสำหรับการแทรกรูปภาพ หากคุณยังไม่ได้ดาวน์โหลด ให้คลิกปุ่มค้นหาสำหรับไฟล์ที่ต้องการบนคอมพิวเตอร์ของคุณ ("เรียกดู") ค้นหาและเปิดไฟล์ จากนั้นคลิกปุ่ม "อัปโหลด" (หรือ "ดาวน์โหลด") เมื่อสิ้นสุดกระบวนการอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ รูปภาพจะถูกเพิ่มลงในรายการ และคุณสามารถเลือกได้เช่นกัน
ขั้นตอนที่ 3
ระบุความกว้างและสีของกรอบรอบๆ รูปภาพ สีเติมและระยะห่างระหว่างกรอบกับรูปภาพ ข้อความของคำแนะนำเครื่องมือป๊อปอัปเมื่อวางเมาส์เหนือ การระบุขนาดของรูปภาพนั้นไม่เสียหาย แม้ว่าจะเป็นตัวเลือก เช่นเดียวกับการตั้งค่าทั้งหมดในกล่องโต้ตอบนี้ (ยกเว้นการเลือกรูปภาพ) หลังจากกรอกข้อมูลในช่องที่ต้องกรอกทั้งหมดของกล่องโต้ตอบแล้ว ให้คลิกปุ่ม "ตกลง" ขั้นตอนการแทรกรูปภาพเสร็จสมบูรณ์ เหลือเพียงการบันทึกหน้าที่แก้ไข
ขั้นตอนที่ 4
หากคุณไม่สามารถใช้ตัวแก้ไขหน้าของระบบควบคุมหรือไม่มีโหมดการแก้ไขภาพ คุณจำเป็นต้องเขียนและเพิ่มแท็ก HTML ที่จำเป็นลงในซอร์สโค้ด ตัวเลือกที่ง่ายที่สุดอาจมีลักษณะดังนี้: ที่นี่ img คือชื่อของแท็ก และเบราว์เซอร์ใช้เพื่อสรุปว่าควรแสดงรูปภาพที่นี่ แอตทริบิวต์ src มีที่อยู่และชื่อของไฟล์รูปภาพ หากไฟล์อยู่ในโฟลเดอร์เดียวกับเพจ ไม่จำเป็นต้องใช้ URL แบบเต็ม คุณสามารถเพิ่มคำแนะนำเครื่องมือป๊อปอัปเมื่อวางเมาส์เหนือโดยใช้แอตทริบิวต์ title และสามารถระบุความกว้างของเส้นขอบในแอตทริบิวต์ border ได้: แทนที่แอตทริบิวต์ที่จำเป็นด้วยค่าของคุณและวางโค้ด HTML ที่เป็นผลลัพธ์ของแท็กลงในแหล่งที่มา. ซึ่งสามารถทำได้ในโปรแกรมแก้ไขข้อความอย่างง่ายโดยดาวน์โหลดแหล่งที่มาจากเซิร์ฟเวอร์ของไซต์ของคุณแล้วอัปโหลดกลับ
ขั้นตอนที่ 5
อัปโหลดไฟล์รูปภาพไปยังไซต์ สามารถทำได้โดยใช้ตัวจัดการไฟล์ของระบบควบคุมหรือแผงควบคุมของผู้ให้บริการโฮสต์หรือคุณสามารถใช้โปรแกรมประจำ - ไคลเอนต์ FTP ตัวเลือกแรกนั้นง่ายกว่าเนื่องจากไม่ต้องติดตั้งและปรับแต่งโปรแกรม - ตัวจัดการไฟล์ทำงานโดยตรงในเบราว์เซอร์