วิธีเขียน HTML สำหรับข้อความเลื่อน

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

1

เรียกใช้ Windows Notepad หรือข้อความหรือ HTML editor ที่คุณต้องการ เปิดไฟล์สำหรับเว็บเพจที่คุณต้องการปรับปรุงด้วยข้อความเลื่อน

2

เลื่อนลงไปยังจุดที่คุณต้องการให้ข้อความเลื่อนปรากฏบนหน้า คลิกและวางเมาส์ไว้ที่ท้ายบรรทัดรหัสด้านบนตรงตำแหน่งที่คุณต้องการให้ข้อความปรากฏขึ้นจากนั้นกด“ Enter” เพื่อแทรกการขึ้นบรรทัดใหม่หรือตัวแบ่งบรรทัดในโค้ด

3

คัดลอกและวางสิ่งต่อไปนี้ลงในเอกสาร HTML เพื่อสร้างข้อความเลื่อนแบบง่ายพร้อมข้อความที่เลื่อนจากด้านขวาของหน้าหนึ่งครั้ง แต่ไม่เลื่อนต่อไป:

พิมพ์ข้อความเลื่อนของคุณที่นี่

4

คัดลอกและวางรหัสต่อไปนี้ลงในหน้าเพื่อแทรกข้อความการเลื่อนพร้อมข้อความที่เลื่อนเข้ามาจากด้านขวาและยังคงเลื่อนในการวนซ้ำ:

พิมพ์ข้อความเลื่อนของคุณที่นี่

5

คัดลอกและวางรหัสต่อไปนี้ลงในเอกสาร HTML เพื่อสร้างข้อความเลื่อนที่ข้อความกระดอนไปมาบนหน้าจออย่างต่อเนื่อง:

พิมพ์ข้อความเลื่อนของคุณที่นี่

6

คัดลอกและวางรหัสต่อไปนี้ลงในหน้าเพื่อให้ข้อความเลื่อนขึ้นจากด้านล่างของกล่องข้อความ:

พิมพ์ข้อความเลื่อนของคุณที่นี่

7

เปลี่ยนความเร็วการเลื่อนของข้อความโดยการใส่อาร์กิวเมนต์“ scrollamount” ลงในรหัสปะรำ ตัวอย่างเช่นต่อไปนี้จะเลื่อนข้อความช้าๆผ่านหน้าจอ:

พิมพ์ข้อความเลื่อนช้าของคุณที่นี่

ใช้รหัสด้านล่างเพื่อทำให้ข้อความเลื่อนได้เร็วขึ้นทั่วทั้งหน้าจอ:

พิมพ์ข้อความเลื่อนเร็วของคุณที่นี่

เปลี่ยนตัวแปร“ scrollamount” ตามต้องการเพื่อเพิ่มหรือลดความเร็วการเลื่อนของข้อความ

8

บันทึกไฟล์ HTML ใน Notepad หรือแอปพลิเคชันตัวแก้ไขที่คุณต้องการ เข้าสู่แผงควบคุมเว็บโฮสติ้งของคุณและใช้ตัวจัดการไฟล์หรือยูทิลิตี้ที่คล้ายกันเพื่ออัปโหลดไฟล์ไปยังเว็บเซิร์ฟเวอร์ของคุณ

9

เปิดเว็บเบราว์เซอร์และไปที่ URL สำหรับหน้า HTML ที่อัปเดต หลังจากหน้าโหลดในหน้าต่างเบราว์เซอร์ของคุณข้อความจะเลื่อนผ่านหน้าจอ

เคล็ดลับ

• คุณสามารถแทรกภาพเลื่อนบนเว็บเพจของคุณได้เช่นกัน หากต้องการทำสิ่งนี้ให้คัดลอกและวางรหัสต่อไปนี้ ณ จุดที่คุณต้องการให้ภาพเลื่อนปรากฏบนหน้า:
• เปลี่ยน“ //www.somesite.com/images/picture.gif” เป็น URL จริงของภาพที่คุณต้องการเลื่อนบนหน้าจอ
• หากคุณไม่มั่นใจในการเขียนโค้ด HTML ตั้งแต่เริ่มต้นคุณสามารถใช้เครื่องสร้างรหัสตัวอักษรวิ่งออนไลน์เพื่อสร้างรหัสได้ ไซต์เช่น Quackit.com, HTMLMarquee.com และ HTMLBasix.com ให้กำเนิดฟรีและใช้งานง่ายที่คุณสามารถใช้ในการออกแบบข้อความเลื่อนแล้วสร้างรหัส HTML ที่คุณเพียงวางลงในหน้าเว็บใด ๆ (ลิงก์ในทรัพยากร)