ตามกฎแล้ว โลโก้จะถูกวางบนไซต์ในรูปแบบรูปภาพ และวิธีเฉพาะในการแทรกลงในหน้าที่มีอยู่จะขึ้นอยู่กับการออกแบบและประเภทของเลย์เอาต์ที่ใช้ ในบางกรณี คุณสามารถทำได้โดยไม่ต้องแก้ไขซอร์สโค้ดเลย ในบางกรณี โปรแกรมแก้ไขภาพของระบบควบคุมจะช่วยได้ และในประการที่สาม คุณไม่สามารถทำได้หากไม่มีการแก้ไขโค้ด HTML ด้วยตนเอง
คำแนะนำ
ขั้นตอนที่ 1
หากส่วนหัวของไซต์สร้างในรูปแบบรูปภาพ คุณสามารถวางโลโก้ไว้เหนือรูปภาพที่มีอยู่โดยใช้โปรแกรมแก้ไขกราฟิกใดก็ได้ นี่เป็นตัวเลือกที่ง่ายที่สุดและไม่ต้องแก้ไขหน้า หากต้องการใช้งาน ให้ค้นหาไฟล์ที่มีรูปภาพส่วนหัวบนเซิร์ฟเวอร์ของไซต์และดาวน์โหลดลงในคอมพิวเตอร์ของคุณ จากนั้นเปิดด้วยโปรแกรมแก้ไขกราฟิก - สำหรับการทำงานที่จะเกิดขึ้น ความสามารถของ Windows Paint มาตรฐานก็เพียงพอแล้ว
ขั้นตอนที่ 2
วางรูปภาพโลโก้ไว้เหนือรูปภาพที่เปิดอยู่ - ใน Paint รายการ "วางจาก" ในรายการแบบเลื่อนลง "วาง" มีไว้สำหรับสิ่งนี้ ใช้เมาส์ลากโลโก้ไปยังตำแหน่งที่ต้องการในภาพพื้นหลัง ปรับขนาดตามต้องการ และบันทึกผลลัพธ์ด้วยคีย์ผสม Ctrl + S อัปโหลดไฟล์ส่วนหัวที่มีโลโก้ไปยังเซิร์ฟเวอร์ การดำเนินการจะแล้วเสร็จ
ขั้นตอนที่ 3
ในการแทรกโลโก้ลงในโค้ด HTML ของหน้า เป็นวิธีที่สะดวกที่สุดในการใช้โหมดกราฟิก (โหมด WYSIWYG) ของโปรแกรมแก้ไขหน้า ซึ่งมีอยู่ในระบบการจัดการเว็บไซต์ส่วนใหญ่ เมื่อเปิดหน้าที่จำเป็นในตัวแก้ไขดังกล่าวแล้ว ให้คลิกที่ตำแหน่งที่ควรวางโลโก้ แล้วกดปุ่มเพื่อแทรกรูปภาพในเมนู กล่องโต้ตอบควรปรากฏบนหน้าจอ ซึ่งคุณต้องระบุตำแหน่งของไฟล์ด้วยโลโก้บนคอมพิวเตอร์ กล่องโต้ตอบเดียวกันอาจมีฟิลด์สำหรับป้อนพารามิเตอร์เพิ่มเติม ทั้งนี้ขึ้นอยู่กับตัวแก้ไข เช่น ขนาดรูปภาพ การเยื้องจากองค์ประกอบของหน้าที่อยู่ติดกัน ฯลฯ เมื่อคุณทำเสร็จแล้ว ให้คลิก ตกลง แล้วบันทึกหน้าที่แก้ไข
ขั้นตอนที่ 4
หากคุณไม่สามารถใช้ตัวแก้ไขเพจ คุณจะต้องเพิ่มแท็กในซอร์สโค้ด "ด้วยตนเอง" ในการดำเนินการนี้ ให้ค้นหาไฟล์ของเพจที่ต้องการบนเซิร์ฟเวอร์ ดาวน์โหลดลงในคอมพิวเตอร์ของคุณ แล้วเปิดไฟล์ในโปรแกรมแก้ไขข้อความใดๆ - ตัวอย่างเช่น ใน Notepad การดำเนินการนี้ต้องการความรู้เกี่ยวกับภาษาเค้าโครงไฮเปอร์เท็กซ์ คุณต้องค้นหาตำแหน่งที่ถูกต้องในโค้ด HTML เพื่อวางแท็กโลโก้ แท็กนี้ในรูปแบบที่ง่ายที่สุดสามารถเขียนได้ดังนี้:
ขั้นตอนที่ 5
หลังจากเพิ่มบรรทัดลงในซอร์สโค้ดแล้ว ให้บันทึกหน้าและแทนที่ต้นฉบับที่จัดเก็บไว้ในเซิร์ฟเวอร์ด้วยไฟล์ที่แก้ไข จากนั้นอัปโหลดไฟล์พร้อมรูปภาพ - ตัวอย่างเช่นจากขั้นตอนก่อนหน้า ไฟล์นี้ควรเรียกว่า logo.png