Recommended
More Related Content
What's hot
What's hot (20)
Similar to ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
Similar to ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ (20)
ความรู้เบื้องต้นเกี่ยวกับการสร้างเว็บเพจ
- 1. วิชา การเขียนเว็บเพจด้วยภาษา HTML ผู้สอน อ.บดินทร์ชัย ปิยโชติอมรชัย
- 2. ในเบื้องต้นก่อนที่จะเริ่มสร้างเว็บเพจ ผู้เรียนจาเป็นที่จะต้องทราบและเข้าใจเกี่ยวกับความรู้ เบื้องต้นในการสร้างเว็บเพจ เพื่อให้เกิดการศึกษา และเรียนรู้ คุณสมบัติของเว็บเพจ ส่วนประกอบ ของเว็บเพจ และสามารถแยกแยะความแตกต่าง ระหว่าง เว็บเพจและเว็บไซต์ได้อย่างถูกต้อง รวมถึง ทราบและเข้าใจเกี่ยวกับภาษาคอมพิวเตอร์ที่ใช้ในการ สร้างเว็บเพจ
- 3. 1) เพื่อให้ผู้เรียนสามารถอธิบายลักษณะหรือ คุณสมบัติของเว็บเพจได้อย่างถูกต้อง 2) เพื่อให้ผู้เรียนสามารถอธิบายส่วนประกอบของเว็บ เพจได้อย่างถูกต้อง 3) เพื่อให้ผู้เรียนสามารถแยกแยะความแตกต่างของ เว็บเพจและเว็บไซต์ได้อย่างถูกต้อง 4) เพื่อให้ผู้เรียนสามารถเขียนภาษา HTML เบื้องต้นได้ อย่างถูกต้อง
- 4. เว็บเพจ หมายถึง ข้อมูลเอกสาร ที่บรรจุเนื้อหา เช่น ตัวอักษร ข้อความ รูปภาพ เสียง อื่นๆ โดย อยู่ในรูปแบบเอกสารออนไลน์ ซึ่งใช้โปรแกรมเว็บ บราวเซอร์ (Web Browser) ในการเปิดดูเอกสาร
- 6. เว็บ Browser เป็นโปรแกรมที่ถูกสร้างขึ้นมาเพื่อใช้งานด้านเอกสารเว็บเพจ โดยเฉพาะ สามารถเปิดชมเอกสารเว็บเพจที่มีนามสกุลไฟล์ต่อไปนี้ เช่น HTML,PHP , ASP เป็นต้น โดยปัจจุบัน web browser ในยุค internet ก็ได้ถูกสร้างขึ้นมาให้เลือกใช้หลายโปรแกรมเช่น ดังต่อไปนี้ Internet Explorer Mozilla Firefox Google Chrome Opera Safari
- 7. เอกสารเว็บเพจนั้นจะมีส่วนประกอบที่สาคัญอยู่ โดยส่วนประกอบของเว็บ เพจนั้นเป็นสิ่งที่จาเป็นเพื่อการสื่อสารถ่ายทอดและสนับสนุนการใช้งานเว็บ แก่ผู้ใช้ ส่วนประกอบของเว็บเพจมีดังต่อไปนี้ Head (Title Bar) Banner Menu (Navigator) Content
- 8. Title Bar คาอธิบายเอกสาร Banner โลโก้ ป้ายเว็บ Menu (navigator) เมนูเลือกเนื้อหา Content เนื้อหาเว็บเพจ
- 9. เอกสารเว็บเพจนั้นจะมีส่วนประกอบที่สาคัญอยู่ โดยส่วนประกอบของเว็บ เพจนั้นเป็นสิ่งที่จาเป็นเพื่อการสื่อสารถ่ายทอดและสนับสนุนการใช้งานเว็บ แก่ผู้ใช้ ส่วนประกอบของเว็บเพจมีดังต่อไปนี้ Head (Title Bar) Banner Menu (Navigator) Content
- 10. เว็บเพจ (Web Page) หมายถึง เอกสารหน้าเว็บ หนึ่งหน้า เว็บเพจหลายๆหน้า มีเนื้อหาสอดคล้องและ สัมพันธ์กันเรียกว่า เว็บไซต์ (Web site) website webpage 1 2 3 4 5
- 11. ในการสร้างเว็บเพจเบื้องต้น จะใช้ภาษาคอมพิวเตอร์ในการเขียนและ Complie ผลลัพธ์ออกมาเป็นเว็บเพจ โดยภาษาที่ใข้คือภาษา HTML HTML (Hypertext markup Language) ภาษาทีใช้สาหรับในการเขียนเว็บเพจเบื้องต้นโดย ่ โปรแกรมที่นิยมเขียนคือ โปรแกรม NOTEPAD
- 12. โครงสร้างภาษา HTML แบ่งออกเป็น 4 ส่วนที่ขาดไม่ได้ได้แก่ 1. ส่วนเปิดภาษา <htMl>…..</html> 2. ส่วนหัวเว็บเพจ <head>….</head> 3. ส่วนคาอธิบายชื่อเอกสารเว็บเพจ <title>….</title> 4. ส่วนเนื้อหาเอกสารเว็บเพจ <body>….</body> <html> <head> <title> คาอธิบายเอกสาร </title> </Head> <Body> เนื้อหาเอกสาร </Body> </Html>
- 13. Tag หมายถึง ส่วนคาสั่งของภาษา HTML โดยในแต่ละคาสั่ง จะใช้ เครื่องหมายน้อยกว่า < จากนั้นจึงเป็นคาสั่ง และปิดด้วย เครื่องหมาย > โดย 1 คาสั่งจะมี Tag เปิด และ Tag ปิด ตัวอย่าง Tag <b> ……………………</b> <center>………………………</center> <i>…………………………..</i>
- 14. 1.HTML ย่อมาจากคาว่าอะไร 2.Tag ในภาษา HTML มีลักษณะเป็นอย่างไร 3.โครงสร้างภาษา HTML ประกอบไปด้วย คาสั่งกี่สวน อะไรบ้าง ่ 4.จงเขียนโครงสร้างภาษา HTML เบื้องต้น