Upload
nuytoo-naruk
View
319
Download
0
Embed Size (px)
Citation preview
แนวคด หนวยนจะกลาวน าถงระบบเครอขายอนเทอรเนต โดยจะกลาวความเปนมาของระบบอนเทอรเนต ความส าคญของระบบอนเทอรเนตในปจจบน ระบบหมายเลขและระบบชอทใชอางต าแหนงทอย ของเครองคอมพวเตอรในระบบเครอขาย ระบบเวบเพจ ภาษาทใชในการสรางเวบเพจ และโปรแกรม หรบสรางเวบเพจ
สาระการเรยนร 1. อนเทอรเนต 2. ความส าคญของอนเทอรเนต 3. หมายเลขไอพ 4. ระบบชอโดเมน 5. เทคโนโลยเวบเพจ 6. ภาษาเอชทเอมแอล 7. โปรแกรมสรางเอกสารเวบ
ผลการเรยนรทคาดหวง 1. อธบายความเปนมาและความส าคญของระบบเครอขายอนเทอรเนตได 2. สามารถบอกความส าคญของระบบเครอขายอนเทอรเนต 3. สามารถบอกลกษณะของระบบหมายเลขไอพทใชในระบบเครอขายอนเทอรเนต 4. สามารถบอกลกษณะของระบบชอโดเมนทใชในระบบเครอขายอนเทอรเนต 5. อธบายความเปนมาของระบบเวบเพจได 6. อธบายภาษาทใชในการสรางและพฒนาเวบเพจได 7. สามารถบอกประเภทของโปรแกรมทใชส าหรบการพฒนาและการสรางเวบเพจ
อนเทอรเนต
อนเทอรเนต (Internet) หมายถง ระบบเครอขายคอมพวเตอรทเชอมโยงกนทวโลกจนเปน เครอขายคอมพวเตอรขนาดใหญ ซงค าวาอนเทอรเนตมาจากค าวา "Inter Connection Network" โดยเครอง
คอมพวเตอรทกเครองทเชอมตอเขากบระบบเครอขายอนเทอรเนตนนสามารถตดตอ สอสารถงกนได โดยใชมาตรฐานในการรบสงขอมลหรอทเรยกวา โปรโตคอล (Protocol) ในระบบเครอขายอนเทอรเนตมชอวา ทซพ/ไอพ (TCP/IP, Transmission Control Protocol/Internet Protocol) เครอขายของระบบอนเทอรเนตนนเปรยบเสมอนกบเครอขายใยแมงมมทครอบคลมไปทวโลก แตละจดทเชอมตอเขาไปยงระบบเครอขายอนเทอรเนตนน สามารถสอสารกนไดหลายเสนทาง โดยไมมการก าหนดแนนอน การตดตอสอสารระหวางคอมพวเตอรในระบบเครอขายนน ไมจ าเปนตองเชอมตอกนโดยตรง แตอาจตดตอโดยผานจดเชอมตออน และการตดตอระหวางคอมพวเตอรในระบบเครอขายนน สามารถเลอกเสนทางในการเชอมตอไดหลายเสนทาง กลาวไดวาการตดตอสอสารผานระบบเครอขายอนเทอรเนตนน เปนการตดตอสอสารแบบไรพรมแดนหรอไซเบอรสเปซ (Cyberspace)
รปท 1.1 แสดงแบบจ าลองการเชอมตอระบบเครอขายอนเทอรเนต
ความส าคญของอนเทอรเนต
ปจจบนระบบอนเทอรเนตนนมความส าคญตอชวตประจ าวนมากมายหลายดานไมวาจะเปนดานการศกษา ดานธรกจ ดานการแพทย และอนๆ สามารถอธบายไดพอสงเขปดงน ทางดานการศกษาสามารถใชเปนแหลงคนควาหาขอมลทางดานวชาการตางๆ ทสนใจ เชน ทางการแพทย ทางวศวกรรมศาสตร ทางดาราศาสตร และอนๆ ทนาสนใจ นอกจากนน มหาวทยาลยทงหลายจะใชระบบอนเทอรเนตนเปนชองทางในการน าเสนองานวจยตางๆ ของมหาวทยาลย ดงนนระบบอนเทอรเนตจงเปรยบเสมอนเปนหองสมดขนาดใหญ นกศกษาสามารถท าการคนหาขอมลทก าลงศกษาอยไดโดยผานระบบเครอขายอนเทอรเนต รวมไปถงคนหาชองทางส าหรบศกษาตอในระดบตางประเทศ
รปท1.2 แสดงเวบไซตของสถานศกษา ทางดานธรกจ สามารถใชประโยชนส าหรบคนหาขอมลเพอชวยในการตดสนใจทางดานธรกจ นอกจากนนยงสามารถใชส าหรบท าการซอขายสนคาผานระบบเครอขายอนเทอรเนต และยงสามารถเปดใหบรการเพอสนบสนนลกคาผานระบบเครอขายอนเทอรเนต เชน บรการใหค าแนะน า และตอบปญหาตาง ๆ ใหแกลกคา รวมไปถงยงสามารถใชเปนชองทางส าหรบการประชาสมพนธบรษท
รปท 1.3 แสดงเวบไซตของหนวยงานทางดานธรกจ
ทางดานบนเทง สามารถใชเปนชองทางส าหรบการพกผอนหยอนใจ เชน การอานวารสาร หรอนตยสารผานระบบเครอขายอนเทอรเนต รวมไปถงหนงสอพมพและขาวสารอนๆ ซงเปรยบเสมอนวาจอคอมพวเตอรนนคอหนาของวารสารหรอหนงสอพมพ นอกจากนนถาหากการเชอมตอ เขาสระบบเครอขายอนเทอรเนตมการเชอมตอดวยความเรวสงแลวนน จะท าใหสามารถท าการฟงเพลงรวมไปถงชมภาพยนตรผานทางระบบเครอขายอนเทอรเนตได
รปท 1.4 แสดงเวบไซตของสถานโทรทศนและหนงสอพมพ
หมายเลยไอพ
มาตรฐานการรบสงขอมลโดยใชโปรโตคอล ทซ-พ/ไอพ นน เครองคอมพวเตอรทกเครองท เชอมตอกนนนจะตองมหมายเลขประจ าตว เพอใชเปนหมายเลขต าแหนงส าหรบการอางองใหกบเครองคอมพวเตอรอนในระบบ เปรยบเทยบไดกบหมายเลขประจ าตวประชาชนของบคคลแตละคนโดยหมายเลขอางองนมชอเรยกวาหมายเลขไอพ (IP Address) โดยหมายเลขไอพของเครองคอมพวเตอรแตละเครองนนตองเปนหมายเลขทไม ซ ากน ลกษณะของหมายเลขไอพนน จะประกอบดวยเลขฐานสองจ านวน 4 ชด ชดละ 8 บต รวม ทงหมด 32 บต ซงสามารถใชแทนคาได 232 หรอ 4,294,967,296 หมายเลข คอตงแต 0.0.0.0 ถง 255.255.255.255 โดยสามารถแบงเปนกลม หรอทเรยกวา คลาส (Class) ได 5 คลาส ดงน
กลม (Class) ชวงของตวเลข A 0.0.0.0 - 127.255.255.255 B 128.0.0.0 - 191.255.255.255 c 192.0.0.0 -223.255.255.255 D 224.0.0.0 - 239.255.255.255 E 240.0.0.0 - 247.255.255.255
ระบบชอโดเมน
ระบบชอโดเมน (Domain Name System) หมายถงระบบของชอทใชเรยกแทนการเรยก หมายเลขอนเทอรเนตหรอหมายเลขไอพ (IP Address) เนองจากหมายเลขไอพมความยงยาก ส าหรบการจดจ าท าใหขณะทใชงานระบบเครอขายอนเทอรเนตจะท าใหเกดความยงยาก จงไดมการพฒนาน าเอาระบบชอทเปนตวอกษรมาใชแทนหมายเลขไอพ เพอใหการใชงานระบบเครอขายอนเทอรเนตเปนไปไดอยางสะดวก ยงขน โดยทวไปชอทใชเรยกแทนหมายเลขไอพนนมกจะสอความหมายถงหนวยงานหรอเจาของเวบไซต เชนเวบไซตของสถาบนเทคโนโลยราชมงคล มหมายเลข ไอพคอ 202.44.130.164 ซงยากตอการจดจ า แตจะใชชอโดเมนเรยกแทนเปน www.rit.ac.th เพอใหงายตอการจดจ า ระบบชอโดเมนนนจะชวยอ านวยความสะดวกใหกบผใชงานระบบเครอขายอนเทอรเนต สามารถ ใชงานไดสะดวกยงขน แตการตดตอระหวางเครองคอมพวเตอรในระบบเครอขายนนยงคงใชหมายเลขไอพ เชนเดม โดยในระบบเครอขายนนจะมเครองคอมพวเตอรเครองหนงทท าหนาทบรการส าหรบการเปลยนระหวางระบบหมายเลขไอพกบระบบชอโดเมน โดยเครองคอมพวเตอรทท าหนาทในการใหบรการนเรยกวา โดเมนเนม เซรฟเวอร (Domain Name Server)
ชอโดเมนในระบบเครอขายอนเทอรเนตนนจะไมซ ากน โดยแตละประเทศจะมหนวยงาน รบผดชอบการจดทะเบยนชอโดเมน ส าหรบในประเทศไทยหนวยงานทรบผดชอบการดแลชอโดเมน คอศนยสารสนเทศเครอขายประเทศไทย (THNIC, Thailand Network Information Center) Domain Name System
รปท 1.5 แสดงแบบจ าลองการแบงชอตามระบบโดเมน
ชอโดเมนนนจะถกแบงออกเปนสวน โดยแตละสวนจะถกแบงดวยจดและต าแหนงทายสดของชอโดเมนจะหมายถงชอของเครองคอมพวเตอรในระบบเครอขาย ตวอยางของชอโดเมน เชน www.rit.ac.th จากชอโดเมนคอมพวเตอรเครองนมชอวา www nontri.ku.ac.th จากชอโดเมนคอมพวเตอรเครองนมชอวา nontri
ชอโดเมนทอยต าแหนงขวาสดหรอโดเมนระดบบนสด (Top Level Domain) สามารถแบง ออกไดเปน 2 ลกษณะ คอ แบงตามลกษณะขององคกร และแบงตามประเทศทหนวยงานทเปนเจาของ เครองคอมพวเตอรนนตงอย
ชอโดเมนทแบงตามองคกร ระยะแรกทมการน าระบบอนเทอรเนตมาใชงานนนยงไมไดมการใชงานไปทวโลกการแบง ชอของโดเมนนน จะแบงตามลกษณะขององคกรทเปนเจาของเครองคอมพวเตอรนน โดยโดเมนระดบบนสดทใชเปนการบอกลกษณะขององคกรมดงน .com หมายถงหนวยงานทเปนภาคเอกชน .edu หมายถงหนวยงานทเปนสถาบนการศกษา .gov หมายถงหนวยงานทเปนหนวยงานของรฐบาล .mil หมายถงหนวยงานทเปนหนวยงานทางดานการทหาร .org หมายถงหนวยงานทเปนหนวยงานทไมแสวงหาผลก าไร .net หมายถงหนวยงานทเปนหนวยงานทใหบรการเกยวกบอนเทอรเนต (ISP)
ชอโดเมนทแบงตามประเทศ
เมอระบบอนเทอรเนตไดรบความนยมแพรหลายไปทวโลก การแบงชอโดเมนตามลกษณะของ หนวยงานอาจไมเพยงพอส าหรบการสอถงความหมายของหนวยงานในระบบเครอขาย การแบงชอโดเมนอกลกษณะหนง คอการแบงตามประเทศทเปนทตงของหนวยงานทเปนเจาของเครองคอมพวเตอรทใหบรการขอมลผานทางระบบเครอขายอนเทอรเนต โดยชอโดเมนระดบบนสดทใชเปนการบอกชอของประเทศทตงของหนวยงานนน สามารถยกตวอยางเชน .th หมายถงหนวยงานทมทตงอยในประเทศไทย .jp หมายถงหนวยงานทมทตงอยในประเทศญปน .au หมายถงหนวยงานทมทตงอยในประเทศออสเตรเลย .br หมายถงหนวยงานทมทตงอยในประเทศบราซล .tw หมายถงหนวยงานทมทตงอยในประเทศไตหวน .uk หมายถงหนวยงานทมทตงอยในประเทศองกฤษ ชอโดเมนระดบท 2 ในประเทศไทย หลงจากทไดมการแบงชอโดเมนตามประเทศแลว โดยหนวยงานทมทตงอยในประเทศไทย จะใชชอโดเมนระดบบนสด (Top Level Domain) เปน .th หลงจากนนกจะแบงหนวยงานทตง อยในประเทศไทยออกเปนประเภทตางๆ ซงในประเทศอนกเชนกน โดยจะมหนวยงานของ ประเทศนนๆ เปนผพจารณาวาจะแยกออกเปนกประเภท และแตละประเภทจะมชอโดเมนวาอยางไร ตวอยาง โดเมนระดบท 2 ในประเทศไทยมดงน .ac หมายถงหนวยงานทเปนสถานศกษา .go หมายถงหนวยงานราชการ .or หมายถงหนวยงานทเปนองคกรทไมแสวงหาผลก าไร . .co หมายถงหนวยงานเปนหนวยงานภาคเอกชน ตวอยางของชอโดเมนทมทตงอยในประเทศไทยเชน www.rit.ac.th,www.nectec.or.th, www.moph.go.th,www.itv.co.th เปนตน
เทคโนโลยเวบเพจ
การน าเสนอขอมลบนระบบเครอขายอนเทอรเนตทรจกกนดคอ ระบบของเวลดไวดเวบ (WWW: World Wide Web) โดยระบบนไดรบการพฒนาขนมาในชวงปลายป 1989 โดยทมงานจากหองปฏบตการทางจลภาคฟสกสแหงยโรปหรอทรจกกนในนาม CERN (Conseil European pour la Recherche Nucleaire) ประเทศสวตเซอรแลนด เพอเปนภาษาทใชส าหรบการเผยแพร เอกสารของนกวจยหรอเอกสารเวบ (Web Document) จากเครองคอมพวเตอรแมขายไปยงสถานทอนในระบบเครอขายอนเทอรเนต โดยเรยกภาษาทไดท าการพฒนาขนวา ภาษาเอชทเอมแอล (HTML, Hyper Text Markup Language) การเผยแพรขอมลทางระบบเครอขายอนเทอรเนต ผานสอทเปนเอกสารเวบหรอเวบเพจ (WebPages) ไดรบความนยมเปนอยางสงในปจจบน ไมวาจะเปนขอมลการโฆษณาสนคา ขอมล ทางการแพทย
การเรยน งานวจย รวมไปถงขอมลอนทมประโยชน เนองจากสามารถเขาถงกลม ผสนใจไดทวโลก ตลอดจนขอมลทน าเสนอนนสามารถเผยแพรไดทงขอมลทเปนตวอกษร ขอมลท เปนรปภาพ ขอมลเสยงและภาพเคลอนไหว รวมไปถงมเทคนคการน าเสนอทหลากหลายท าให สามารถดงดดความสนใจของ ผทเขาดขอมลสงผลใหระบบการน าเสนอขอมลแบบเวบเพจเปนรปแบบทไดรบความนยมอยางสงบนระบบอนเทอรเนต
รปท 1.6 แสดงลกษณะของภาษาเอชทเอมแอล
รปท 1.7 แสดงหนาโฮมเพจทน าเสนอรายละเอยดของสนคา
ลกษณะเดนอกประการหนงของการน าเสนอขอมลโดยใชเวบเพจ คอสามารถเชอมโยงขอมล ไปยงจดอนบนหนาเวบอนเวบไซตเดยวกน ตลอดจนสามารถเชอมโยงไปยงเวบเพจของเวบไซตอนในระบบเครอขายอนเทอรเนต จงเปนทมาของค าวา "Hyper Text" หมายถงขอความทมความสามารถมากกวาขอความปกต
โดยเมอผใชงานใชระบบเวลดไวดเวบ จะเสมอนวาผทก าลงใชงาน เอกสารเวบ สามารถโตตอบกบเอกสารนนเองตลอดเวลาทมการใชงาน การน าเสนอขอมลผานทางเวบเพจนน สามารถเชอมโยงไปยงเอกสารของเวบไซตอนโดยใชระบบกราฟกซงจะท าใหขอมลนนนาสนใจแกผใชงาน โดยต าแหนงทอยทางอนเทอรเนตของระบบเวบเพจ เรยกวา ยอารแอล (URL: Uniform Resource Locator) สวนโปรแกรมทใชส าหรบดเอกสารเวบบนระบบเครอขายเรยกวาโปรแกรมคนดหรอเบราวเซอร (Browser) เมอเอกสารเวบแสดงผลผานโปรแกรมเบราวเซอรแลว ผใชสามารถคลกเลอกรายการหรอขอมลทสนใจ อนเปนการท างานแบบโตตอบกบผใชโดยตรงหรอทเรยกวาระบบเชงโตตอบ (Interactive)
รปท 1.8 แสดงแบบจ าลองการเชอมตอระบบเครอขายจากเครองคอมพวเตอรหลายระบบ ขอมลทน าเสนอผานทางเวบเพจนน จะไมยดตดกบระบบปฏบตการ (Operating System, OS) ของคอมพวเตอร เนองจากขอมลเหลานนถกจดเกบเปนแฟมขอมลตวอกษร (Text File) ดงนน ไมวาเอกสารเวบจะถกเกบไวในคอมพวเตอรทใชระบบปฏบตการชนดใด ไมวาจะเปนระบบ Windows ระบบ UNIX หรอระบบปฏบตการอน กสามารถทจะเรยกดจากเครองคอมพวเตอรทใช ระบบปฏบตการตางจากคอมพวเตอรทเปนเครองแมขายได ขอมลทน าเสนอในเครอขายอนเทอรเนตเปนขอมลทมปรมาณมาก จากทวทกมมโลก โดยผใชงานจากสถานทตาง ๆ สามารถเชอมตอเขาระบบอนเทอรเนตได และสามารถเรยกดขอมลท สนใจไดตลอดเวลา ดงนนขอมลในระบบอนเทอรเนตจงสามารถเผยแพรไดอยางรวดเรว เมอเวบเพจเปนสอส าหรบน าเสนอขอมลออกทางระบบเครอขายอนเทอรเนตทไดรบความสนใจเปนอยางมาก ดงนนการเรยนรเทคโนโลยดานนเพอน ามาพฒนาในการสรางเวบเพจจงเปนสงทน าสนใจ โดยภาษาคอมพวเตอรทใชส าหรบการพฒนาเวบเพจ คอ ภาษาทเรยกวา ภาษาเอชทเอมแอล (HTML) และโปรแกรมทใชส าหรบตรวจสอบเวบเพจทไดพฒนาขน เรยกวา โปรแกรม เวบเบราวเซอร (Web Browser)
ภาษาเอชทเอมแอล
ภาษาเอชทเอมแอล (HyperText Markup Language: HTML) เปนภาษาคอมพวเตอร ภาษาหนง เพอใชน าเสนอเอกสารเผยแพรในระบบเครอขายอนเทอรเนตทเปนลกษณะเหมอนใยแมงมมทเชอมตอกน ทวโลก (World Wide Web: www) โครงสรางการเขยนภาษานนจะอาศย ตวก ากบเรยกวา แทก (Tag) หรอปายระบการแสดงผลเปนตวควบคมการแสดงผลของขอความ รปภาพ หรอวตถอนทแสดงผลผานทางโปรแกรมเบราวเซอร (Browser)
ปายระบการแสดงผล ปายระบการแสดงผลหรอ แทก เปนลกษณะเฉพาะของภาษาเอชทเอมแอล ใชส าหรบการ ระบรปแบบของค าสงหรอการลงรหสค าสงของภาษาเอชทเอมแอล ซงจะอยระหวางเครองหมาย นอยกวา (<) และเครองหมายมากกวา (>) โดยทปายระบการแสดงผลหรอ แทก ของภาษาเอชท เอมแอลนสามารถแบงได 2 ลกษณะ คอ 1. ปายระบการแสดงผลเดยวหรอแทกเดยว เปนปายระบการแสดงผลทไมตองมการปดรหส เชน <p>1 <HR> เปนตน 2. ปายระบการแสดงผลเปด/ปดหรอแทกเปด/ปด เปนปายระบการแสดงผลทประกอบ ดวยปายระบการแสดงผลเปดหรอแทกเปด และปายระบการแสดงผลปดหรอแทกปด โดยปายระบ การแสดงผลปดจะมเครองหมาย สแลช (slash, /) น าหนาค าสงในปายระบการแสดงผลนนๆ เชน <H1 >...</H1 >, <B>...</B> เปนตนโดยถาท าการเปดดวยค าสงใดจะตองท าการปดดวยค าสงนน
รปท 1.9 แสดงภาษาเอชทเอมแอลและผลทไดจากการแสดงโดยไขโปรแกรมเวบเบราวเซอร การก าหนดคณลกษณะพเศษเพมเตมของค าสง การก าหนดคณลกษณะพเศษเพมเตมของค าสง (Attributes) เปนสวนขยายความสามารถ ของปายระบการแสดงผลหรอแทก ซงจะอยภายใตเครองหมาย < > ในสวนแทกเปดเทานน โดยแทกค าสงเอชทเอมแอล (HTML) ในแต,ละค าสงจะมการก าหนดคณลกษณะพเศษเพมเตม แตกตางกนออกไปและ
การระบการก าหนดคณลกษณะพเศษเพมเตมทมากกวา 1 คณลกษณะ จะใชชองวางเปนตวแยก ตวอยางเชน แทกส าหรบควบคมเกยวกบรปภาพ คอ <IMG> มการก าหนดคณลกษณะพเศษเพมเตม ดงน <IMG SRC="filename" WIDTH="n" HE1GHT="n" ALT="text" BORDER="n"> SRC ใชส าหรบก าหนดแฟมขอมลรปภาพทจะน ามาแสดงผล WIDTH ใชส าหรบการก าหนดความกวางของภาพ HEIGHT ใชส าหรบการก าหนดความสงของภาพ ALT ใชส าหรบการก าหนดค าอธบายภาพ BORDER ใชส าหรบการก าหนดขนาดของเสนขอบของภาพ
แฟมเอกสารทเปนภาษาเอชทเอมแอล (HTML) นน เปนแฟมขอมลชนดขอความรปแบบ หนง (Text Files) ทเกบชดค าสงภาษาเอชทเอมแอล ตงนนการสรางเอกสารเอชทเอมแอล จงสามารถใชโปรแกรมส าหรบจดการแฟมขอมลตวอกษร (Text Editor) ทวไปในการแกไขเอกสาร เอชทเอมแอลได เชน โปรแกรม NotePad, โปรแกรม WordPadThai เปนดน โปรแกรมเวบเบราวเซอร (Web Browser) เอกสารทสรางโดยใชภาษาเอชทเอมแอลนน จะตองอาศยโปรแกรมส าหรบใชในการแสดงผล บนจอภาพ โดยโปรแกรมทท าหนาทแสดงผลเอกสารเอชทเอมแอลนเรยกวา โปรแกรมเวบเบราวเซอร (Web Browser) โปรแกรมเบราวเซอรไดถกสรางขนจากหลายบรษท แตทไตรบความนยมและ ใชกนอยางแพรหลาย เชน โปรแกรม Netscape Navigator, Netscape Communicator ของบรษท Netscape หรอโปรแกรม Microsoft Explorer ของบรษทไมโครชอฟต นอกจากนยงมอกหลาย โปรแกรม เชน Mosaic, Lynx, MacWeb, Cello, Opera เปนตน
โปรแกรมสรางเอกสารเวบ
การพฒนาเวบเพจนนสามารถกระท าไดโดยการเขยนดวยภาษาเอชทเอมแอล (HTML) ซงมลกษณะเหมอนกบการเขยนโปรแกรมภาษาคอมพวเตอรทวไป ซงอาจสรางโดยใชโปรแกรมส าหรบจดการเกยวกบแฟมขอความตวอกษร (Text Editor) เชนโปรแกรม Notepad ในปจจบนมโปรแกรมส าหรบใชเปนเครองมอในการชวยพฒนาเวบเพจมากมาย ทงแบบชวยลงรหสภาษาเอชทเอมแอล และแบบสรางเวบเพจแบบอตโนมต (Wizard) ทงนสามารถจ าแนกวธการพฒนาเวบเพจดวยโปรแกรมได 3 วธ คอ การใชโปรแกรมจดการแฟมขอความตวอกษร (Text Editor)
การใชโปรแกรมจดการแฟมขอความตวอกษร (Text Editor) เชน Notepad, Q-editor นน เปนวธทเหมาะส าหรบผทมความรเกยวกบภาษาเอชทเอมแอล ซงสามารถจดวางต าแหนงหรอใสคณลกษณะพเศษใหกบเวบเพจตามตองการ เพราะสามารถควบคมต าแหนงและจ านวนรหสค าสงไดอสระ อยางไรกตามวธนไมเหมาะส าหรบผพฒนาในระดบตน เพราะตองศกษาค าสงภาษาเอชทเอมแอลและใชเวลาในการพฒนานานพอสมควรในแตละหนาเวบ และไมเหนผลลพธ จากการปอน ค าสงทนท แตจะตองท าการเรยกผานโปรแกรมเวบเบราวเซอร แตถาหากท าการเรมตนฝกการพฒนาเวบเพจดวยวธการน โดยมผทมความรคอยแนะน า จะท าใหสามารถเขาใจการท างานของ เอกสารเวบไดลกซงมากยงขน
รปท 1.10 แสดงลกษณะของโปรแกรมจดการแฟมขอมลตวอกษรในการสรางเวบเพจ การใชโปรแกรมเอชทเอมแอล อดเตอร (HTML Editor) โปรแกรมเอชทเอมแอล อดเตอร จะชวยท าใหการลงรหสภาษาเอชทเอมแอลนน กระท าไดสะดวกและรวดเรวมากยงขน เนองจากจะมปมค าสงควบคมตางๆ ของภาษาเอชทเอมแอล ซงคลายกบปมค าสงในโปรแกรมประมวลผลค า เชน กลมของโปรแกรมไมโครซอฟตออฟฟศ (Microsoft Office) โปรแกรมกลมนจะมจดดอยทหากมค าสงภาษาเอชทเอมแอลใหมเกดขน จะยงไมมปมส าหรบค าสงใหมเหลาน ผสรางเอกสารเวบดวยวธการนยงตองพมพค าสงภาษาเอชทเอมแอลเชนเดม ตวอยางของโปรแกรมเอชทเอมแอล อดเตอร เชน โปรแกรม HTML Assistant, โปรแกรม HotDog Professional เปนตน
การใชโปรแกรมสรางเอกสารเวบแบบอตโนมต (HTML Generator) โปรแกรมส าหรบสรางเอกสารเวบแบบอตโนมต เปนโปรแกรมทไดรบการพฒนาขนเพอชวยใหการพฒนาเอกสารเวบนน สามารถท าไดสะดวกและรวดเรวการใชงานโปรแกรมเหลาน จะคลายกบการสรางเอกสารในโปรแกรมประมวลผลค าทวไป เชน โปรแกรมไมโครซอฟตเวรด (Microsoft Word) และมปมค าสงทคลายคลงกน และผทท าการสรางเวบเพจนนสามารถเหนผลจากการใชค าสงไดทนท โดยโปรแกรมประเภทนจะท าการแปลงเอกสารนนใหเปนเอกสารเอชทเอมแอลโดยอตโนมต ซงทผทท าการสรางเวบเพจ
ไมตองยงยากกบการศกษาชดค าสงภาษาเอชทเอมแอล แตโปรแกรมในกลมนกมจดดอยทวาชดค าสงภาษาเอชทเอมแอลทแตละโปรแกรมสรางขน มานนจะมขอจ ากดตางๆ มากมาย และบางโปรแกรมยงไมสนบสนนการท างานกบภาษาไทย อาจตองท าการปรบปรงโปรแกรมกอน จงจะใชงานกบภาษาไทยไต ตวอยางของโปรแกรมในกลม เชน กลมโปรแกรมไมโครซอฟตออฟฟศ, โปรแกรม Microsoft FrontPage, โปรแกรม Netscape Editor, โปรแกรม Macromedia Dreamweaver เปนตน
รปท 1.11 แสดงลกษณะของโปรแกรม Microsoft Frontpage