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

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

Ratings: (0)|Views: 2,594 |Likes:
เอกสารประกอบการเรียนรู้ภาษาhtml
เอกสารประกอบการเรียนรู้ภาษาhtml

More info:

Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

05/12/2014

pdf

text

original

 
การสร้างเว็บเพจด้วยภาษา
html
หน่วยที
 
หน่วยที
22
การสร้างเว็บเพจด้วยภาษา
 
การสร้างเว็บเพจด้วยภาษา
HTMLHTML
0
 
ภาษา
HTML
(
H
yper
T
ext
M
arkup
L
anguage)
 
รูปที
1
การติดต่อสื อสารผ่าน เวิลด์ ไวด์เว็
 
ภาษา
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) เปนต้
ครูชัยวัฒนเทียนนาวา
1
 
การสร้างเว็บเพจด้วยภาษา
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)
จึงกำาหนดรูปแบบและโครงสร้างได้ง่าย
 
ครูชัยวัฒนเทียนนาวา
2
 
การสร้างเว็บเพจด้วยภาษา
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
ครูชัยวัฒนเทียนนาวา
3

Activity (3)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->