วิธีแก้ไขเว็บเพจออนไลน์

เมื่อคุณต้องการเปลี่ยนแปลงเว็บเพจอย่างรวดเร็วและคุณไม่มีโปรแกรมแก้ไข HTML ในคอมพิวเตอร์ของคุณคุณสามารถแก้ไขรหัสในเบราว์เซอร์ของคุณ เว็บไซต์หลายแห่งมีเครื่องมือที่มีประสิทธิภาพที่ช่วยให้คุณพัฒนาทดสอบและปรับแต่งเว็บเพจได้จากทุกที่ที่มีการเชื่อมต่ออินเทอร์เน็ต คุณสามารถรวม JavaScript และ Cascading Style Sheets ในรหัสที่คุณพิมพ์ลงในบรรณาธิการออนไลน์เหล่านี้

1

นำทางไปยังเว็บไซต์ JsFiddle และตรวจสอบส่วนต่อประสานผู้ใช้ของเว็บไซต์ คุณจะพบกล่องข้อความขนาดใหญ่สี่กล่องทางด้านขวาของหน้า กล่องสามช่องนั้นอนุญาตให้คุณป้อนรหัส HTML ชนิดหนึ่ง ๆ วางรหัส HTML ของคุณในกล่อง HTML, JavaScript ในกล่อง JavaScript และรหัสสไตล์ชีทของคุณในกล่อง CSS หลังจากที่คุณทำแล้วคลิก "Run" และ JsFiddle แสดงเว็บเพจของคุณในช่องที่สี่ คุณสามารถบันทึกหน้าของคุณโดยคลิก "บันทึก" ไซต์นี้สร้าง URL ที่ไม่ซ้ำซึ่งคุณสามารถแบ่งปันกับผู้อื่นได้ เมื่อพวกเขาไปที่ JsFiddle พวกเขาจะเห็นสี่กล่องที่คุณทำ นักพัฒนาในสถานที่ต่าง ๆ มักใช้ JsFiddle เพื่อทำงานกับเว็บไซต์ร่วมกัน

2

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

3

ไปที่เว็บเพจ W3Schools.com Tryit Editor และค้นหากล่องข้อความแก้ไขทางด้านซ้ายของหน้า W3Schools เป็นเว็บไซต์สอนออนไลน์ที่มีโปรแกรมแก้ไข HTML ชื่อ Tryit ซึ่งประมวลผลโค้ด HTML, CSS และ JavaScript แบบเรียลไทม์ วาง HTML ลงในกล่องข้อความแก้ไขหรือพิมพ์ HTML ตั้งแต่เริ่มต้น เมื่อคุณคลิกปุ่ม“ แก้ไขและคลิกฉัน” ใกล้ด้านบนของหน้าตัวแก้ไขจะแสดงเว็บเพจของคุณในกล่องแสดงตัวอย่างถัดจากกล่องแก้ไข เมื่อเพิ่มรหัสลงในกล่องแก้ไขให้พิมพ์อย่างที่คุณต้องการหากคุณป้อนรหัสนั้นในเครื่องมือแก้ไข HTML ปกติ คุณไม่จำเป็นต้องแยก HTML, JavaScript และโค้ด CSS เหมือนที่ JsFiddle เนื่องจาก W3Schools เป็นเว็บไซต์กวดวิชาคุณสามารถคลิกลิงก์“ W3Schools.com” ที่มุมขวาของหน้าและดูหัวข้อต่าง ๆ ที่สามารถช่วยคุณเรียนรู้การเขียนโปรแกรมเว็บและค้นหาเคล็ดลับการเขียนโปรแกรม

เคล็ดลับ

• บรรณาธิการออนไลน์ยังเป็นวิธีที่ดีในการทดสอบตัวอย่าง HTML ขนาดเล็กที่คุณค้นพบบนอินเทอร์เน็ตหรือพัฒนาตนเอง ตัวอย่างเช่นหากคุณพบข้อมูลโค้ดที่เป็นประโยชน์ที่สร้างสไลด์โชว์คุณสามารถคัดลอกโค้ดนั้นวางลงในเครื่องมือแก้ไขออนไลน์เพื่อเรียนรู้วิธีการทำงานของมันในทันที
• ขอแนะนำให้คัดลอกรหัสที่คุณใช้งานเป็นระยะในกรณีที่การเชื่อมต่ออินเทอร์เน็ตของคุณหยุดทำงานหรือเบราว์เซอร์ล่ม คัดลอกรหัสโดยคลิกภายในตัวแก้ไขกด“ Ctrl-A” แล้วกด“ Ctrl-C”