วันพุธที่ 31 มีนาคม พ.ศ. 2553

การเขียน Homepage ด้วย HTML

การเขียน Homepage ด้วย HTML
HTML ย่อมาจาก HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง มีโครงสร้างการเขียนโดยใช้แท็ก (Tag) ควบคุมการแสดงผลของข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเว็บเบราเซอร์ แต่ละ Tag อาจจะมีส่วนขยายที่เรียกว่า Attribute สำหรับระบุ หรือควบคุมการแสดงผล


ภาษา HTML เป็นภาษาที่ถูกกำหนดให้เป็นมาตรฐานในการเขียนโฮมเพจ ดังนั้นการศึกษาถึงโครงสร้างของภาษา HTML จึงถือเป็นพื้นฐานที่สำคัญ ในการต่อยอดเพื่อเขียนภาษาคอมพิวเตอร์อื่น ๆ ที่ทำงานผ่านเว็บเบราเซอร์ หรือการพัฒนา Web Application ต่าง ๆ ใครที่คิดว่าจะเมินภาษา HTML เพราะสามารถสร้างโฮมเพจ หรือเว็บเพจโดยอาศัย โปรแกรมช่วยสร้าง ประเภท WYSIWYG (What - You -See -Is - What - You - Get) เช่น Dreamweaver Frontpag ฯลฯ เีพียงอย่างเดียว คงไม่สามารถต่อยอดความรู้ในการพัฒนาโฮมเพจ โดยใช้ภาษา PHP หรือ ASP ได้ ซึ่งในอนาคตสำหรับคนทำเว็บแล้ว ภาษาสคริปต์ PHP หรือ ASP เป็นสิ่งจำเป็นทีเดียวในการพัฒนา Web Application


ก่อนที่เราจะเริ่มลงมือเขียน HTML เรามาเตรียมความพร้อมกันก่อนค่ะ ซึ่งก่อนอื่นก็คงจะต้องขอแนะนำ application ต่าง ๆ ที่จำเป็นต้องใช้ในการเขียน homepage เบื้องต้น ซึ่งคงต้องมีอย่างน้อยที่สุด 2 อย่าง คือ

1. Editer สำหรับใช้เขียนภาษา HTML ซึ่งในที่นี้เพื่อความสะดวกที่สุด ขอแนะนำให้ใช้ Notepad ซึ่งมีติดเครื่องมาอยู่แล้วเมื่อลงวินโดวน์ หรือหากใครจะดาวน์โหลดโปรแกรม Editplus มาใช้ก็ได้ค่ะ เพราะโปรแกรมตัวนี้สามารถแบ่งแยกสีของ Tag ได้ ซึ่งในอนาคตหากจะเขียน PHP โปรแกรมตัวนี้ก็ช่วยให้เขียนโปรแกรมได้ง่ายกว่า Notepad เยอะค่ะ

2. Web Browser สำหรับใช้แสดงผลของโฮมเพจ สำหรับเว็บเบราเซอร์ ปัจจุบันมีให้เลือกหลายตัวค่ะ ไม่ว่าจะเป็น Netscape, Opera, Neoplanet และ Internet Explorer หรือที่เรียกย่อ ๆ ว่า IE ซึ่งแต่ละตัวก็มีหน้าตาแตกต่างกันไป แต่ที่อยากจะแนะนำให้ใช้ก็คือ IE เพราะว่าเจ้าตัวนี้จะถูกติดตั้งมาพร้อมกับวินโดว์อีกเช่นกัน ไม่ต้องไปเสียเวลาดาวน์โหลดเพิ่มค่ะ เกิดเป็นคนรุ่นใหม่นี้โชคดีหลายอย่างนะค่ะ สมัย Webmaster เริ่มเขียน HTML นี่ เจ้า IE นี่ยังไม่รวมอยู่กับวินโดวน์หรอกค่ะ ต้องไปหามาติดตั้งเพิ่ม

เว็บไซต์คืออะไร

เว็บเพจ (Web Page) คือ คำที่ใช้เรียกหน้าเอกสารต่างๆ ที่อยู่ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) เปรียบเสมือนหน้ากระดาษแต่ละหน้าที่มีเรื่องราวต่างๆมากมายบรรจุอยู่ในนิตรสาร แต่แตกต่างกันตรงที่มีการเชื่อมโยง (Link) ซึ่งเราสามารถคลิกไปที่หน้าใดของโฮมเพจก็ได้ เว็บไซต์ (Web Site) เว็บไซต์ คือ คำที่ใช้เรียกกลุ่มของเว็บเพจ (ดังนั้นภายในเว็บไซต์จะประกอบไปด้วยโฮมเพจและเว็บเพจ) โดยเรามักใช้เรียกเว็บที่มีขนาดใหญ่และมีการจดทะเบียนชื่อเว็บไซต์นั้นๆไว้แล้ว (Domain Name) เช่น http://www.thaiwebexpert.com , http://www.google.com , http://www.yahoo.com เป็นต้น


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