วิธีแทรกรูปภาพในส่วนหัว

สารบัญ:

วิธีแทรกรูปภาพในส่วนหัว
วิธีแทรกรูปภาพในส่วนหัว

วีดีโอ: วิธีแทรกรูปภาพในส่วนหัว

วีดีโอ: วิธีแทรกรูปภาพในส่วนหัว
วีดีโอ: การแทรกรูปภาพใน WORD และตั้งค่ารูปภาพให้เคลื่อนย้ายอิสระ 2024, อาจ
Anonim

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

โค้ดส่วนหนึ่งที่นำไปสู่ลิงก์ไปยังรูปภาพในส่วนหัวของไซต์
โค้ดส่วนหนึ่งที่นำไปสู่ลิงก์ไปยังรูปภาพในส่วนหัวของไซต์

จำเป็น

ทักษะการทำงานในโปรแกรมแก้ไขกราฟิก

คำแนะนำ

ขั้นตอนที่ 1

หากคุณมีผู้จัดการไซต์ มักจะมีฟังก์ชัน "เปลี่ยนรูปภาพ" ในกรณีนี้ คุณเพียงแค่ต้องเปลี่ยนของคุณเอง

วิเคราะห์ระบบการจัดการเนื้อหาของคุณอย่างระมัดระวัง หากคุณไม่มีฟังก์ชันที่ต้องการ คุณจะต้องเข้าไปที่โค้ด html หากคุณทำงานกับ Joomla ให้มองหาไฟล์: mw_joomla_logo.

ค้นหา "ส่วนหัว" ที่เน้นด้วยแท็กหัว

ค้นหารูปภาพโดยดูที่แท็ก img ในชื่อ

ลิงก์ไปยังรูปภาพมีลักษณะดังนี้: img src = "picture.jpg"

ขั้นตอนที่ 2

ดาวน์โหลดและวิเคราะห์ขนาดและน้ำหนักของภาพ

ในโปรแกรมแก้ไขกราฟิก ให้วาดภาพของคุณเองด้วยพารามิเตอร์เดียวกัน

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

ขั้นตอนที่ 3

เปิดรหัสไซต์อีกครั้ง

แทนที่ที่อยู่ของรูปภาพของคุณแทนที่จะเป็นที่อยู่ที่มีอยู่ตอนนี้

ในฐานะที่เป็นตาข่ายนิรภัย คุณสามารถกำหนดขนาดที่แน่นอนของรูปภาพและเส้นขอบที่มองไม่เห็นได้ดังนี้:

img src = "ที่อยู่รูปภาพ / picture.jpg" alt="คำอธิบายรูปภาพ"

ความหมายของแท็ก:

img = รูปภาพ - รูปภาพ

src = source - source นั่นคือที่อยู่

เส้นขอบ = เส้นขอบ หากคุณเล่นกับค่านี้ เส้นขอบ (จังหวะ) จะปรากฏขึ้นรอบๆ รูปภาพ

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

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