งานชิ้นที่ 4 น.ส.ภัทราวดี วงค์สอน ม.4/1 เลขที่ 32 การเขียน Homepage ด้วย HTML

เมื่อ เสาร์, 28/07/2012 - 18:19 | แก้ไขล่าสุด เสาร์, 28/07/2012 - 18:19| โดย

pncpattrawadee

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

ภาษา 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 นี่ยังไม่รวมอยู่กับวินโดวน์หรอกค่ะ ต้องไปหามาติดตั้งเพิ่ม

:::โครงสร้างในการเขียน

<html>

<head><title> ....ตรงนี้คือส่วนของข้อความที่จะปรากฏที่ Title Bar ของ Browser....</title></head>

<body>

....ตรงนี้คือส่วนข้อความหรือเนื้อหา รายละเอียดที่ต้องการให้ปรากฏที่ Web browser ....

</body>

</html>

จะสังเกตได้ว่า Tag ที่มีปรากฏอยู่จะมีทั้งหมด 4 Tag ดังนี้

1. <html></html>

2. <head></head>

3. <title></title>

4. <body></body>

แหล่งอ้างอิง:

http://www.thainextstep.com/html/main.php http://www.thainextstep.com/html/html_01.php

pncpattrawadee's blog |

ล็อกอิน เพื่อแสดงความคิดเห็น |

อ่าน 852 ครั้ง

Thaigoodview

ของขวัญ ของที่ระลึก Miori Jung Handmade

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

ช่วยกันนะครับ
ไทยกู๊ดวิวจะได้อยู่นานๆ
ไม่ถูกปิดเสียก่อน
ขอขอบคุณในความร่วมมือครับ

อ่านรายละเอียด

ด่วน...... ขณะนี้
พระราชบัญญัติลิขสิทธิ์ (ฉบับที่ 2) พ.ศ. 2558
มีผลบังคับใช้แล้ว
ขอให้นักเรียนและคุณครูที่ใช้งาน
เว็บ thaigoodview ในการส่งการบ้าน
ระมัดระวังการละเมิดลิขสิทธิ์ด้วย
อ่านรายละเอียดที่นี่ครับ

โรงเรียนเครือข่ายจัดกิจกรรม บล็อก(Blog) เครื่องมือสำหรับครูยุคใหม่ เพื่อใช้ในการจัดการเรียนรู้

เปลี่ยนชื่อผู้ใช้งาน/เพิ่มพื้นที่เก็บภาพ

สมาชิกที่ออนไลน์

ขณะนี้มี สมาชิก 0 คน และ ผู้เยี่ยมชม 517 คน กำลังออนไลน์

งานชิ้นที่ 4 น.ส.ภัทราวดี วงค์สอน ม.4/1 เลขที่ 32 การเขียน Homepage ด้วย HTML

นำทาง

สมาชิกที่ออนไลน์