เนื้อหา
ด้วยเว็บไซต์นับล้านที่มีอยู่บนอินเทอร์เน็ตจึงเป็นสิ่งจำเป็นที่เว็บไซต์ของคุณจะไม่ซ้ำใคร เทคนิคหนึ่งที่ใช้ในการเพิ่มเอฟเฟ็กต์ไดนามิกให้กับเว็บไซต์คือ "ภาพโรลโอเวอร์" หรือที่เรียกว่า "ปุ่มโรลโอเวอร์" โดยพื้นฐานแล้วเมื่อผู้เข้าชมเลื่อนเมาส์ไปที่ภาพจะมีการเปลี่ยนแปลงและกลับสู่ปกติเมื่อนำเมาส์ออก สิ่งนี้สามารถใช้สำหรับเอฟเฟ็กต์ที่ละเอียดอ่อนบางอย่างเช่นการเปลี่ยนสีของภาพหรือตัวอักษร คุณสามารถสร้างภาพโรลโอเวอร์ของคุณเองด้วยการจัดรูปแบบ HTML พื้นฐานในโปรแกรมออกแบบต่างๆ
คำสั่ง
-
สร้างเอกสารใหม่ที่มีขนาดที่ต้องการ (เป็นพิกเซล) โดยใช้ซอฟต์แวร์แก้ไขภาพเช่น Photoshop สร้างภาพปกติและ "โรลโอเวอร์" ซึ่งจะต้องมีขนาดเท่ากัน
-
บันทึกภาพทั้งสองภาพแยกกันโดยไปที่เมนู "ไฟล์" และเลือก "บันทึก" ใช้รูปแบบ JPEG, GIF หรือ PNG แม้ว่าสองรายการแรกจะถูกใช้บ่อยที่สุด แต่ PNG ก็ยังคงโปร่งใส ตรวจสอบให้แน่ใจว่าได้บันทึกภาพไว้ในโฟลเดอร์รูทภายในเครื่องของเว็บไซต์ของคุณ
-
เปิดซอฟต์แวร์การออกแบบที่เหมาะสมเช่น Adobe Dreamweaver คลิกปุ่ม "รีเฟรช" ในไลบรารีเพื่ออัพเดตไลบรารีและโฟลเดอร์รูทโลคัลสำหรับไซต์ของคุณ ค้นหารูปภาพในโฟลเดอร์รูท
-
สลับไปยังมุมมองโค้ดของหน้าเว็บ
-
ประเภท "
"ในโค้ดโดยไม่มีเครื่องหมายอัญประกาศเริ่มต้น
-
แทนที่ "http://yoursite.com" ด้วยที่อยู่เว็บไซต์ของคุณ นอกจากนี้ยังแทนที่ "IMAGE1" และ "IMAGE2" ด้วยชื่อของภาพปกติและ "โรลโอเวอร์" ตามลำดับ
สิ่งที่คุณต้องการ
- ซอฟต์แวร์แก้ไขรูปภาพ
- ซอฟต์แวร์ออกแบบเว็บไซต์