สร้างแบนเนอร์ HTML

ผู้เขียน: John Stephens
วันที่สร้าง: 22 มกราคม 2021
วันที่อัปเดต: 1 ธันวาคม 2024
Anonim
EP.05 HTML การทำ Banner (ส่วนหัวเว็บไซต์) แบบ Responsive โดยใช้ Canva
วิดีโอ: EP.05 HTML การทำ Banner (ส่วนหัวเว็บไซต์) แบบ Responsive โดยใช้ Canva

เนื้อหา

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


คำสั่ง

ตัวอย่างโฆษณา HTML (รูปภาพที่สร้างโดย Jenny Treviño-Blanquet)

    ข้อความเท่านั้น

  1. เปิดไฟล์ในโปรแกรมแก้ไขข้อความ HTML และแทรกตาราง

  2. ตั้งค่าความกว้างของตารางของคุณและระบุแอตทริบิวต์ "เส้นขอบ", "Cellpadding" และ "สีเส้นขอบ" เป็นลักษณะแบนเนอร์ ตัวอย่างเช่น

  3. จัดกึ่งกลางข้อความโฆษณาของคุณหากต้องการ ตัวอย่างเช่น ข้อความของคุณ

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

    แบนเนอร์ของคุณ

  5. ตั้งชื่อและบันทึกไฟล์ด้วยนามสกุล ".html"

    ด้วยภาพ

  1. เปิดโปรแกรมกราฟิกของคุณและสร้างภาพสำหรับแบนเนอร์ของคุณ คุณสามารถสร้างภาพเดียวหรือออกแบบโฆษณาทั้งหมด

  2. บันทึกไฟล์ของคุณเป็น JPG หรือ GIF


  3. เปิดไฟล์ในโปรแกรมแก้ไขข้อความ HTML และแทรกตาราง

  4. กำหนดความกว้างและความสูงของแบนเนอร์ของคุณ ตรวจสอบให้แน่ใจว่าการตั้งค่าเหล่านี้สามารถรองรับขนาดของภาพของคุณ

  5. ระบุแอตทริบิวต์ของตารางเช่น "border" และ "cellpadding" หากจำเป็น หากคุณสร้างแบนเนอร์ที่สมบูรณ์ในโปรแกรมกราฟิกของคุณคุณสามารถข้ามขั้นตอนนี้ได้

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

  7. ตั้งชื่อและบันทึกไฟล์ด้วยนามสกุล ".html"

เคล็ดลับ

  • หากคุณต้องการใช้แบนเนอร์ของคุณบนเว็บไซต์ใดเว็บไซต์หนึ่งตรวจสอบให้แน่ใจว่าคุณได้ปฏิบัติตามคำแนะนำขนาดและขนาดไฟล์
  • หากต้องการแชร์แบนเนอร์ของคุณโปรดระบุรหัส HTML ของคุณ

สิ่งที่คุณต้องการ

  • โปรแกรมแก้ไขข้อความ HTML เช่น BBEdit
  • บรรณาธิการกราฟิกเช่นดอกไม้ไฟ (ไม่จำเป็น)