Read without ads and support Scribd by becoming a Scribd Premium Reader.

Language:

Download

Go BackAdd Note

Link

Embed

Save for later

การสร้างเว็บเพจด้วยภาษา

html

หน่วยที

การสร้างเว็บเพจด้วยภาษา

HTMLHTML

ภาษา

HTML

(

yper

ext

arkup

anguage)

รูปที

การติดต่อสื อสารผ่าน เวิลด์ ไวด์เว็บ

ภาษา

HTML (HyperText Markup Language)

เป ็นภาษา

หลักที ใช้ ในการสร้างเว็บเพจ

(Web Page)

เป ็นภาษาประเภท

MarkupLanguage

เกิดขึ นจากการพัฒนาระบบ

World Wide Web

ในเดือน

มีนาคม

1989

โดยนักวิจัยจากสถาบัน

CERN (Conseil European PourLa Recherche Nucleaire)

ซึ งเป ็นห้องทดลองในเมืองเจนีวา ประเทศ

สวิสเซอร์แลนด์ ชื อ ทิม เบอร์เนอร์

ลี

(Tim Berners - Lee)

ซึ ง ทิม

เบอร์เนอร์

ลี ได้น ำาแนวความคิดในเรื อง

Hypertext

ของ

VannevarBush

และ

Ted Nelson

มาใช้เพื อกระจายข้อมูลในองค์ ต่อมามีการพัฒนา

และกำาหนดมาตรฐานโดยองค์กรที ชื อว่า

W3C (World Wide WebConsortium)

ไฮเปอรเท็กซ(Hypertext) เปนเอกสารที ่มีลักษณะพิเศษกวาเอกสารทั่วไป ตรงที ่สามารถสร้างตัวเชื ่อมโยงไปยังเอกสารอื ่นหรือแม้แต ในเอกสารเดียวกันได้ เอกสารไฮเปอรเท็กซ ถูกอานและแปลผลด้วยโปรแกรมบราวเซอร โปรแกรม บราวเซอรตัวแรกชื ่อ โมเซอิค (Mosaic) ซึ ่งทํางานบนระบบ X-Windowsโปรแก รมนี สร้างปรากฏการณ ใหมขึ นมาในระบบการสื ่ อสารข้อมูลบนอินเทอรเน็ตและ เปนต้นแบบของโปรแกรมบราวเซอรแบบอื ่นๆ เชน เนสเคป คอมมูนิเคเตอร (Netscape Communicator) อินเทอรเน็ต เอ็กพลอเรอร (Internet Explorer) โอ เปรา (Opera) เปนต้น

ครูชัยวัฒนเทียนนาวา

การสร้างเว็บเพจด้วยภาษา

html

การสร้างเว็บเพจนั นสามารถเลือกสร้างได้ 2 วิธีดังนี  1. ใช้ โปรแกรมประเภทเท็กซเอดิเตอร (text editor) ซึ ่งโปรแกรมที ่นิ ยมใช้กันมากคือ Notepad เพราะ เปนโปรแกรมที ่ใช้งาย และมีอยู  ในเครื ่อง คอมพิวเตอรที ่ใช้ระบบปฏิบัติการวินโดวส 2. ใช้ โปรแกรมประเภทเว็บเอดิเตอร (web editor) เชน Microsoft FrontPage, MacromediaDreamweaver, Homesite, และThai HTML เปนต้น โดยสวน ใหญ โปรแกรมสําเร็จเหลานี มีวิธี การใช้ที ่คล้ายกับโปรแกรมสําเร็จที ่ใช้ ในสํานักงานทั่วไป คือ ผู ้ ใช้สามารถเห็นสิ ่งที ่ตัวเองพิมพ หรือสร้างได้ โดยไมจําเปนต้องพิจารณาแท็ก (tag) ที ่ใช้ ในการกําหนด โครงสร้างของเว็บเพจ

รูปที ่2

โปรแกรม Macromedia Dreamweaver

รูปที ่3

โปรแกรม Thai – HTML Editor

ภาษา

HTML

เป ็นภาษาที มีลักษณะของข้อมูลที เป ็นตัวอักษรใน

มาตรฐานของรหัสแอสกี

(ASCII Code)

โดยเขียนอย่ ู ในรูปของเอกสาร

ข้อความ

(Text Document)

จึงกำาหนดรูปแบบและโครงสร้างได้ง่าย

ครูชัยวัฒนเทียนนาวา

การสร้างเว็บเพจด้วยภาษา

html

ภาษา

HTML

ได้ถูกพัฒนาขึ นอย่างต่อเนื องตั งแต่

HTML Level 1 (

ร่ นดัง้

เดิม

), HTML 2.0, HTML 3.0, HTML 3.2

และ

HTML4.0

ซึ งเป ็นร่ นที 

นิยมเขียนกันในปจั จบัน

(

ขณะนี 

W3C

ได้พัฒนา

HTML 4.01

ออกมาแล้ว

เพื อลองรับมาตรฐานภาษา

XML)

จึงทำาให้ภาษา

HTML

ในปจั จบัน

สามารถแสดงภาพทางกราฟฟิกและระบบเสียงได้ เพื อตอบสนองในการทำา

งานในปจั จบัน

ภาษา

HTML

สามารถสร้างขึ นได้จากโปรแกรมสร้างไฟล์ข้อความ

(Text Editor)

ทั ว ๆ ไป เช่น

Notepad

หรือ

Word Processing

ได้ อีกทั ง

ง่ายต่อการเรียนร้ ูเพราะภาษา

HTML

ไม่มี โครงสร้างความ เป ็น

Programming

เลยแม้แต่น้อย และไฟล์ที ได้จากการสร้างเอกสาร

HTML

ยังมีขนาดเล็กอีกด้วย

นามสกลของไฟล์

HTML

จะเป ็นไฟล์นามสกล

.htm

หรือ

.html

ซึ ง

ใช้ ในทั ง ระบบปฏิบัติการยูนิกซ์

(UNIX)

และระบบปฏิบัติการ

Windows

และเรียกใช้งานได้จากเว็บบราวเซอร์

(Web Browser)

โปรแกรมที ่ต้องใช้ ในการเขียนโฮมเพจ และการดูผลลัพธ์จาก เว็บบราวเซอร์

โปรแกรมที ่ใช้ในการเขียนโฮมเพจมีหลายโปรแกรมมาก บางโปรแกรมชวย ให้เขียนได้งาย click แค ไมเกิน 5 ครั งก็เสร็จแล้วเชน โปรแกรม Dreamweaver , Flash แตผลเสียก็คือทําให้เราไมเข้าใจภาษา Html อยางถองแท้ดังนั น จึงขอใช้ โปรแกรม note pad ในการเขียนครับผม

1.การเปิดโปรแกรม Notepad ทำ าดังตอไปนี 

Click ที ่ Start > Program> Accessories > Notepad

ครูชัยวัฒนเทียนนาวา