ภาษา HTML

การสร้างโฮมเพจ

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

HTML คืออะไร

HTML ย่อมาจากคำว่า Hypertext Markup Language พัฒนามาจากภาษา SGML (Standard Generalized Markup Language) โดย นาย Tim Berners - Lee เป็นภาษามาตรฐานที่ใช้พัฒนาเอกสารในรูปแบบของเว็บเพจบนระบบเครือข่ายอินเทอร์เน็ต การเรียกใช้เอกสารเหล่านี้ทำได้โดยการใช้โปรแกรมเว็บบราวเซอร์ (Web Browser) เช่น Mosaic , Opera , Nescape navigator , Internet Explorer ฯลฯ เรียกดูแฟ้มที่สร้างด้วยภาษา HTML ข้อดีของ HTML คือสามารถใช้ได้กับเครื่องคอมพิวเตอร์ และระบบปฏิบัติการได้หลากหลายชนิด

แฟ้มข้อมูลที่เขียนด้วยภาษา HTML นั้นจะมีการนำคำสั่ง HTML ที่เรียกว่า แท็ก (Tag) มากำหนดลักษณะและรูปแบบของเอกสารที่แสดงบนจอภาพ แท็ก (Tag) ประกอบด้วย เครื่องหมายน้อยกว่า (<) ตามด้วยชื่อแท็ก ปิดท้ายด้วยเครื่องหมายมากกว่า (>) เช่น <HTML>, <HEAD>, <BODY> ชื่อแท็กนั้นอาจจะเป็นตัวเล็กหรือตัวใหญ่ก็ได้ แท็กในภาษา HTML สามารถแบ่งออกได้เป็นสองชนิดเดียวคือ

แท็กที่ประกอบด้วยแท็กเปิดและแท็กปิด เช่น <HTML> เป็นแท็กเปิด ส่วน
</ HTML> เป็นแท็กปิด
แท็กที่ไม่มีแท็กปิด เช่น แท็ก <BR> ไม่ต้องมีแท็ก </BR>

ปัจจัยพื้นฐานในการเขียนโฮมเพจโดยใช้ภาษา HTML

ในการพัฒนาโฮมเพจด้วยภาษา HTML นั้นเราต้องปัจจัยพื้นฐานที่จำเป็น ดังนี้

1. โปรแกรมแก้ไขข้อความ (Text Editor) เช่น โปรแกรม Emacs, PICO หรือ vi บนระบบปฏิบัติการ UNIX, โปรแกรม Simple Text บนระบบปฏิบัติการ Macintosh หรือ โปรแกรม Notepad บนระบบปฏิบัติการ Windows และในกรณีที่ต้องการใช้โปรแกรมประยุกต์ประเภท WYSIWYG (What You See Is What You Get) ก็มีโปรแกรมให้เลือกใช้ได้มากมาย เช่น FrontPage, DreamWeaver, Adobe PageMill ฯลฯ

ภาพแสดงโปรแกรมแก้ไขข้อความ (Text editor) Notepad

2. โปรแกรมตกแต่งรูปภาพ (Graphics Design) เช่น โปรแกรม PaintShop pro, Ulead PhotoImpact, PhotoShop ฯลฯ

3. โปรแกรมเว็บบราเซอร์ เช่น โปรแกรม Netscape Navigator หรือโปรแกรม Internet Explorer เพื่อใช้ในการตรวจสอบผลลัพธ์ของการเขียน HTML

VDO สอนภาษา HTML

===>> ขอขอบคุณ VDO การสอนการสร้าง Webpage จาก อัญสุรียา นามเหลา

Page updated

Google Sites

Report abuse