การพัฒนาเว็บสามารถทำได้โดยการใช้ภาษา HTML ซึ่งมีลักษณะการเขียนโปรแกรมภาษาด้วยวิธีการลงรหัสคำสั่ง HTML คล้ายกับการเขียนโปรแกรมภาษาคอมพิวเตอร์ทั่วๆ ไป แต่ในปัจจุบันมีเครื่องมือช่วยพัฒนาหลากหลายรูปแบบ ทั้งแบบช่วยลงรหัส HTML และแบบสร้างงานอัตโนมัติ (Wizard) ทั้งนี้สามารถจำแนกการสร้าง/พัฒนาเว็บเพจด้วยโปรแกรมต่างๆ ได้ 4 วิธี คือ
- การพัฒนาเว็บเพจด้วยการลงรหัส HTML ผ่านโปรแกรม Text Editor
- การพัฒนาเว็บเพจด้วยการลงรหัส HTML ผ่านโปรแกรม HTML Editor
- การพัฒนาเว็บเพจด้วยโปรแกรมสร้างงานอัตโนมัติ หรือ HTML Generator
- การพัฒนาเว็บเพจซอฟต์แวร์บริหารจัดการเนื้อหา (Content Management Software)
การพัฒนาเว็บด้วยโปรแกรม Text Editor
การใช้ Text Editor เช่น NotePad, Qeditor เป็นวิธีที่เหมาะสำหรับนักพัฒนาเว็บที่มีความรู้เกี่ยวกับภาษา HTML ในระดับสูง และต้องการใส่ลูกเล่นให้กับเว็บ เพราะผู้พัฒนาสามารถควบคุมตำแหน่ง และจำนวนรหัสคำสั่งได้อิสระ อย่างไรก็ตามวิธีนี้ก็ไม่เหมาะสำหรับผู้พัฒนาในระดับต้น เพราะต้องศึกษาคำสั่ง HTML และใช้เวลาในการพัฒนาพอสมควรในแต่ละหน้าเว็บ ตลอดจนไม่เห็นผลลัพธ์จากการป้อนคำสั่งทันที ต้องเรียกผ่านโปรแกรมเบราว์เซอร์
การพัฒนาเว็บด้วยโปรแกรม HTML Editor
โปรแกรม HTML Editor ที่นิยมกันอย่างสูงในปัจจุบัน ได้แก่ โปรแกรม HomeSiteX, Coffee Cup HTML Editor, HTML Assistant, HotDog Professional โดยโปรแกรมเหล่านี้ จะช่วยให้การลงรหัสกระทำได้สะดวก และรวดเร็ว เพราะมีปุ่มคำสั่งควบคุมรหัสคำสั่ง HTML คล้ายๆ กับปุ่มคำสั่งใน Microsoft Office อย่างไรก็ตามโปรแกรมกลุ่มนี้ก็มีจุดด้อย คือ จะไม่รู้จักคำสั่ง HTML ใหม่ๆ จึงไม่มีปุ่มคำสั่งเหล่านี้ ผู้ใช้ยังต้องพิมพ์เองเช่นเดิม
การพัฒนาเว็บด้วยโปรแกรมสร้างงานอัตโนมัติ หรือ HTML Generator
HTML Generator เป็นโปรแกรมรุ่นใหม่ ที่ช่วยให้การพัฒนาเอกสารเว็บ กระทำได้สะดวก และรวดเร็ว เพราะการป้อนข้อมูลในโปรแกรมเหล่านี้จะกระทำคล้ายกับการป้อนข้อมูลใน Microsoft Word มีปุ่มคำสั่งเช่นเดียวกัน ตลอดจนผู้ใช้สามารถเห็นผลจากการใช้คำสั่งได้ทันที ซึ่งเรียกว่าการทำงานแบบ WYSIWYG (What You See Is What You Get) หลังจากนั้นโปรแกรมจะแปลงเอกสารนั้นเป็นเอกสาร HTML ให้โดยอัตโนมัติ โดยที่ผู้ใช้ไม่ต้องยุ่งยากกับศึกษาชุดคำสั่ง HTML ตลอดจนการลงรหัส HTML อย่างไรก็ตามโปรแกรมกลุ่มนี้ก็มีจุดด้อยที่ว่า ชุดคำสั่ง HTML ในโปรแกรมแต่ละโปรแกรมจะมีจำกัด และบางโปรแกรมยังไม่สนับสนุนการทำงานกับภาษาไทย หรืออาจจะต้องปรับปรุงโปรแกรมก่อน จึงจะใช้งานภาษาไทยได้ ซึ่งสร้างความยุ่งยากให้กับผู้ใช้ได้พอสมควร ตัวอย่างโปรแกรมในกลุ่มนี้ เช่น MS-Office 97/2000/XP, FrontPage 97/98, Netscape Editor, Netscape Composer, Macromedia DreamWeaver และ Yahoo SiteBuilder
การพัฒนาเว็บเพจด้วยโปรแกรมบริหาร/จัดการเครื่องบริการเว็บและเว็บไซต์
ปัจจุบันมีการพัฒนาซอตฟ์แวร์ที่ทำหน้าที่เป็นตัวจัดการบริหารเครื่องบริการเว็บ ที่ช่วยให้การสร้างเว็บไซต์กระทำได้ง่ายและสะดวก เพราะโปรแกรมมีฟังก์ชันการทำงาน การจัดการสมาชิก และเอกสารเว็บที่พร้อมสมบูรณ์ แต่อย่างไรก็ตามผู้พัฒนาจะต้องมีความรู้ในด้านระบบปฏิบัติการในระดับที่สูงมาก เช่น Joomla, Drupal
แต่ไม่ว่าจะเลือกใช้เครื่องมือใดก็ตาม ควรให้ความสำคัญกับการพัฒนาที่มีมาตรฐานโดยเฉพาะเว็บภาษาไทยที่ควรแสดงผลภาษาไทยได้ถูกต้องในทุกเว็บเบราว์เซอร์ และไม่เป็นภาระใดต่อผู้เรียกดูเว็บในทุกๆ สถานที่
Number of View :3214
เท็กซ์อิดิเตอร์ (Text Editor)
Text Editor (เท็กซ์อิดิเตอร์) คือ โปรแกรมที่ใช้สำหรับสร้างและแก้ไขข้อความในการสร้างเว็บเพจด้วยภาษา HTML นั้นต้องมีเครื่องมือที่ใช้ในการเขียน และแก้ไขตัวอักษรซึ่งเป็นคำสั่งต่าง ๆปัจจุบันมี โปรแกรม Text Editor หลายโปรแกรม เช่น NotePad, EditPlus หรือโปรแกรม Dreamweaver ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย ในบทเรียนชุดนี้ จะใช้โปรแกรม Notepad ในการสร้างเว็บเพจด้วยภาษา HTML
เริ่มสร้างเว็บเพจด้วย NotePad
การสร้างเอกสาร HTML หรือเว็บเพจ เป็นเรื่องที่ง่ายและสะดวก เพียงแต่เปิดโปรแกรม NotePad <Start, Progra, Accessories, NotePad> แล้วพิมพ์คำสั่ง HTML ลงไป จากนั้นก็ทำการจัดเก็บไฟล์โดยตั้งชื่อเป็นภาษาอังกฤษ ตัวพิมพ์เล็ก และกำหนดนามสกุลเป็น .html (ในตอนพิมพ์ชื่อไฟล์ แนะนำให้พิมพ์ชื่อและนามสกุลของไฟล์ไว้ในเครื่องหมายคำพูด เพื่อป้องกันมิให้โปรแกรม NotePad เติมนามสกุล .txt ต่อท้าย) จากนั้นก็เปิดโปรแกรมเบราเซอร์ เช่น IE หรือ Firefox แล้วเปิดไฟล์เอกสารเว็บที่สร้าง เพื่อดูผล
<HTML>
<HEAD>
<TITLE>……………</TITLE>
</HEAD>
<BODY>
……………
……………
</BODY>
</HTML>
คำสั่งในการเริ่มต้นในการสร้างเว็บเพจ
คำสั่งเริ่มต้น
คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง </HTML> เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML
ส่วนหัวของโปรแกรม
คำสั่ง <HEAD> เป็นคำสั่งที่ใช้กำหนดข้อความในส่วนที่เป็นชื่อเรื่องของไฟล์ HTML และภายในคำสั่ง <HEAD>…</HEAD> จะมีคำสั่งย่อยอีกคำสั่งหนึ่งคือ <TITLE>……..</TITLE>
กำหนดข้อความในส่วนหัวของโปรแกรมหรือไตเติลบาร์
คำสั่ง <TITLE> เป็นคำสั่งที่แสดงชื่อของเอกสาร หรือชื่อเรื่องของไฟล์ HTML ซึ่งข้อความภายในคำสั่งจะปรากฎหรือแสดงผลในส่วนของไตเติลบาร์ (Title Bar) ของโปรแกรมเว็บเบราเซอร์ แต่จะไม่แสดงในส่วนของการแสดงผลในโปรแกรมเว็บเบราเซอร์
ส่วนเนื้อหาของเว็บเพจ
คำสั่งนี้เป็นส่วนที่สำคัญในการแสดงผลในเว็บเบราเซอร์ ซึ่งจะประกอบไปด้วยตัวอักษร รูปภาพกราฟิกต่างๆ