มีเหตุผลหลายประการที่คุณอาจต้องการเพิ่มภาพ .gif ลงในเว็บไซต์ของคุณ
การเพิ่มรูปภาพลงในเว็บไซต์ของคุณสามารถปรับปรุงความน่าดึงดูดใจของผู้เยี่ยมชมได้อย่างมาก รูปแบบไฟล์ที่ใช้บ่อยที่สุดสำหรับรูปภาพบนเว็บคือ .jpg และ .gif มหาวิทยาลัยอินเดียน่ากล่าวว่าไฟล์ .gif เหมาะสมที่สุดสำหรับภาพที่มีขอบคมโดยมีการไล่สีที่ลดลง สิ่งเหล่านี้อาจรวมถึงการ์ตูน ข้อความ และภาพลายเส้น ข้อดีอื่นๆ ของไฟล์ .gif คือความสามารถในการตั้งค่าพื้นหลังให้โปร่งใสและเพิ่มภาพเคลื่อนไหว การเพิ่มไฟล์ .gif ลงในเว็บไซต์ทำได้ง่ายเพียงแค่อัปโหลดไฟล์และเขียนประโยค
ขั้นตอนที่ 1
เปิดแผงการดูแลเว็บไซต์ของคุณ ซึ่งจะแตกต่างกันไปในแต่ละบุคคล เนื่องจากขึ้นอยู่กับโฮสต์เซิร์ฟเวอร์ที่คุณใช้ หรือว่าคุณใช้โปรแกรมเช่น Dreamweaver เพื่อจัดการไซต์ของคุณหรือไม่ โดยพื้นฐานแล้ว ซอฟต์แวร์แก้ไขมีสองประเภทหลัก—ตัวแก้ไข html หรือ WYSIWYG นิตยสาร Smashing อธิบายว่า WYSIWYG ย่อมาจาก "สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ" โปรแกรมเหล่านี้ได้รับการออกแบบมาเพื่อให้การสร้างเพจใช้งานง่ายขึ้น โปรแกรมแก้ไข HTML ต้องการให้คุณเข้าใจพื้นฐานของภาษา HTML
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
บันทึกไฟล์ภาพ .gif ลงใน "images" หรือโฟลเดอร์ที่เหมาะสมของเว็บไซต์ของคุณ หากคุณกำลังใช้โปรแกรมบนคอมพิวเตอร์ของคุณ คุณจะต้องค้นหาโฟลเดอร์ที่ถูกต้องในฮาร์ดไดรฟ์ของคุณ หากคุณใช้อินเทอร์เฟซการดูแลระบบออนไลน์ คุณจะต้องอัปโหลดรูปภาพ นำทางไปยังโฟลเดอร์ที่ถูกต้องในแผงการดูแลระบบของคุณและทำตามคำแนะนำเพื่ออัปโหลดไฟล์ ในกรณีส่วนใหญ่ คุณจะใช้ปุ่มเรียกดูเพื่อค้นหาไฟล์ .gif บนคอมพิวเตอร์ของคุณ แล้วคลิก "อัปโหลด"
ขั้นตอนที่ 3
เพิ่ม .gif ลงในหน้าเว็บ ในโปรแกรมแก้ไข WYSIWYG สิ่งที่คุณต้องทำคือลากและวางภาพในตำแหน่งที่คุณต้องการ ดูตัวอย่างเว็บไซต์เพื่อให้แน่ใจว่าหน้าดังกล่าวปรากฏขึ้นตามที่คุณคาดหวังและปรับเปลี่ยนตามความจำเป็น
หากคุณกำลังใช้โปรแกรมแก้ไขข้อความ HTML ให้เปิดหน้า HTML ที่จะวาง .gif เลื่อนไปที่จุดในข้อความ HTML ที่คุณต้องการให้ .gif ปรากฏ เพิ่มบรรทัดต่อไปนี้ โดยแทนที่ข้อมูลหลังเครื่องหมาย "=" พร้อมข้อมูลเกี่ยวกับ .gif และปล่อยเครื่องหมายคำพูดไว้:
Cross Culture อธิบายว่า "img src" หมายถึง "แหล่งที่มาของภาพ" ข้อมูลระหว่างเครื่องหมายคำพูดควรระบุชื่อโฟลเดอร์ที่มี .gif อยู่ ตามด้วยชื่อของ .gif แท็ก "alt" หมายถึงข้อความที่จะปรากฏขึ้นหากลิงก์รูปภาพเสียหาย หากผู้เยี่ยมชมปิดใช้งานรูปภาพหรือให้โปรแกรมอ่านข้อความถอดรหัส "ความกว้าง" และ "ความสูง" กำหนดขนาดที่แสดงของภาพเป็นพิกเซล แท็กพื้นที่กำหนดจำนวนพื้นที่ในแนวตั้งหรือแนวนอนที่ได้รับรอบรูปภาพที่สัมพันธ์กับเนื้อหาโดยรอบ แท็กเส้นขอบจะเพิ่มเส้นรอบรูปภาพ และตัวเลขภายในเครื่องหมายคำพูดจะเป็นตัวกำหนดความกว้าง
สิ่งที่คุณต้องการ
คอมพิวเตอร์ที่เชื่อมต่ออินเทอร์เน็ต
การเข้าถึงของผู้ดูแลระบบไปยังเว็บไซต์
รูปภาพ .gif ที่บันทึกไว้ที่จะแทรก
เคล็ดลับ
การใช้งานทั่วไปของไฟล์ .gif เรียกว่า spacer.gif รูปภาพนี้เป็นสี่เหลี่ยมจัตุรัสโปร่งใสที่มีขนาด 1 พิกเซลคูณ 1 พิกเซล ไฟล์ .gif นี้ช่วยให้ผู้ออกแบบเพจมีตัวเลือกในการเพิ่มพื้นที่ที่สามารถคาดเดาได้อย่างมีประสิทธิภาพในตำแหน่งต่างๆ ในเลย์เอาต์ ตัวอย่างเช่น ในการเพิ่มช่องว่างใต้กลุ่มข้อความ คุณสามารถวาง spacer.gif ไว้ในย่อหน้าของตัวเองและปรับความสูงและความกว้างตามที่คุณต้องการ
คำเตือน
บันทึกสำเนาของหน้าเว็บที่คุณกำลังแก้ไขก่อนที่คุณจะพยายามเพิ่ม .gif ใหม่และพยายามทำงานแบบออฟไลน์ ถ้าเป็นไปได้ จนกว่าคุณจะพอใจกับผลลัพธ์ของคุณ การทำเช่นนี้จะป้องกันไม่ให้หน้าฝึกปฏิบัติถูกเผยแพร่สู่สาธารณะ และป้องกันความสามารถในการเริ่มต้นใหม่หากคุณมีปัญหา
