บทท 1 ความรพนฐานเกยวกบเทคโนโลยอนเทอรเนต

การพฒนาโปรแกรมบนเครอขายอนเทอรเนต คอพฒนาระบบงานคอมพวเตอรทสามารถ

ท างานบนเครอขายอนเทอรเนต หรอเรยกวาเวบไซต ทสามารถเขาถงไดตลอดเวลาโดยไมจ ากดสถานทและอปกรณ ดงนนในการพฒนาโปรแกรมเพอใหสามารถท างานบนเครอขายอนเทอรเนต ผเรยนจงตองศกษาความรเบองตนเกยวกบเครอขายอนเทอรเนต บรการบนเครอขายอนเทอรเนต เวบบราวเซอรและเวบเซรฟเวอร มาตรฐานเวบและภาษาทใชในการพฒนาเวบไซต 1. ความรเบองตนเกยวกบเครอขายอนเทอรเนต

1.1 ประวตและความเปนมาเครอขายอนเทอรเนต พรพร หมนสนทและอจจมา เลยงอย (2553:4) กลาววา อนเทอรเนต (Internet) ถกสราง

ขนโดยกระทรวงกลาโหมของสหรฐอเมรกาในป พทธศกราช 2512 โดยมวตถประสงคเพอใชเปนเครอขาย (Network) ในการตดตอสอสารระหวางหนวยงาน โดยหนวยงานทท าหนาทดแลระบบเครอขายในขณะนน คอ ARPA (Advanced Research Project Agency Network of the Department of Defense) โดยไดต งชอเครอขายนวา “ARPANET” ตอมาจงไดมการพฒนามาตรฐานในการเชอมโยงระหวางคอมพวเตอร หรอ โปรโตคอล (Protocol) ชอ TCP/IP (Transmission Control Protocol/Internet Protocol) และถกน ามาใชกบเครอขายตนแบบทม ชอวา อนเทอรเนตเวรค (Internetwork) หรออนเทอรเนต (Internet) ซงเปนเครอขายทไดรบการยอมรบจากองคกรและมหาวทยาลยตางๆ และถกน าไปใชอยางแพรหลาย จนท าใหอนเทอรเนตไดรบการพฒนาและเตบโตขนอยางรวดเรว

เครอขายอนเทอรเนต คอ ระบบคอมพวเตอรขนาดใหญไรขอบเขต เกดจากการเชอมตอเครอขายชนดตางๆ เขาดวยกน ท าใหเครองคอมพวเตอรทวทกมมโลกสามารถแลกเปลยนขอมลขาวสาร และท างานรวมกนไดอยางทวถง โดยใชโปรโตคอล ICP/IP เปนสอกลางการตดตอสอสารระหวางกนเหมอนเสนใยแมงมม หรอเรยกวา World Wide Web: WWW

1.2 โปรโตคอลของเครอขายอนเทอรเนต โปรโตคอล (Protocol) คอ ระ เบ ยบ ห รอว ธการมาตรฐาน ทก าหนดขน เพ อใช

ตดตอสอสารหรอรบสงขอมลระหวางเครองคอมพวเตอร โดยเครองคอมพวเตอรทตดตอสอสารกนจะตองใชโปรโตคอลชนดเดยวกนจงจะสอสารกนเขาใจ ส าหรบโปรโตคอลมาตรฐานทเครองคอมพวเตอรใชตดตอสอสารกนบนเครอขายอนเทอรเนตมดงน

2

1) FTP (File Transfer Protocol) เปนโปรโตคอลในการโอนถายขอมลหรอไฟลระหวางคอมพวเตอร 2 เครองบนเครอขายอนเทอรเนต ซงอาศยพนฐานการท างานของโปรโตคอล TCP/IP เปนชองทางในการโอนถายขอมลบนเครอขายอนเทอรเนต การโอนถายขอมลแตละครงจ าเปนตองมการระบตวตน เพอใหสามารถเชอมตอและสรางชองทางในการโอนถายขอมล เชน ชอทใชในการเขาระบบ และรหสผาน เปนตน โปรโตคอล FTP สนบสนนสถาปตยกรรมแบบ Client-Server ซงสามารถควบคมการโอนถายระหวางแอพพลเคชนบน Client และ Server ใหสามารถท างานไดสอดคลองกน โดย FTP บนเครอง Server หรอ FTP Server จะท าหนาทสงไฟลไปยงเครอง Client หรอเครองคอมพวเตอรทวไป รวมถงสามารถโอนถายไฟลระหวาง FTP Serverได สวน FTP บนเครอง Client หรอ FTP Client จะท าหนาทดาวนโหลดโปรแกรมหรอไฟลจาก FTP Server แตการใชงาน FTP Client จะตองท าการดาวนโหลดโปรแกรมในการโอนถายขอมลจากบรษทผผลต เชน โปรแกรม CuteFTP, WS_FTP, FileZilla FTP Client, SmartFTP Client เปนตน

2) โปรโตคอลส าหรบรบ-สงจดหมายอเลกทรอนกส จดหมายอเลกทรอนกส (Electronic Mail ตวยอคอ E-mail) เปนแอพพลเคชนในการรบ-สงขอมลบนเครอขายอนเทอรเนตทไดรบความนยมอยางมากในปจจบน ซงหลกการท างานของอเมลจะมกระบวนการท างานเชนเดยวกบการรบ-สงจดหมายทวไป กลาวคอ จะตองประกอบดวยผสงและผรบ โดยมการระบชอผสงและผรบไวอยางชดเจน เพอใหสามารถรบ-สงขอความไดอยางถกตอง การสงจดหมายอเลกทรอนกสชวยใหการตดตอสอสารท าไดรวดเรว และชวยลดคาใชจายได ปจจบน ผใชยงสามารถสงขอความในรปของเอกสาร HTML ซงสามารถแนบลงค (Link), ไฟล, รปภาพ, เสยง หรอวดโอไดอกดวย โดยทวไปหลกการท างานของอเมลบนเครอขายอนเทอรเนตจะตองอาศยโปรโตคอลในการรบ-สงขอมล ซงโปรโตคอลทนยมใชในปจจบนมดงน

2.1) SMTP (Simple Mail Transfer Protocol) เปนโปรโตคอลทสนบสนนการรบ-สงอเมลบนเครอขายอนเทอรเนตโดย SMTP จะชวยใหผสงและผรบสามารถแลกเปลยนขอมลผานทางอเมลได แมวาผใชท งสองจะอยตางระบบกนกตาม นอกจากน SMTP ยงสนบสนนการสงขอมลไปยงผรบตงแตหนงคนขนไปได ซงสามารถบรรจขอมลไดหลายรปแบบ เชน ขอความ ภาพ เสยง และวดโอ เปนตน SMTP จะคอยจดการสงอเมลทงภายในและภายนอกเครอขายผานทางเครอขายอนเทอรเนต

2.2) POP (Post office Protocol) เปนโปรโตคอลทสนบสนนการอานอเมล ซ งเวอรชนปจจบนคอ POP3 โดยถกออกแบบใหมการท างานแบบ Offline เนองจากมการดงขอมลจาก Mail Server มาเกบไวทเครองของผใช เมอ Client ตองการเปดอานอเมล จะตองสรางการตดตอไปยงพอรตของ Mail Server ทจดเกบอเมลกอน

3

2.3) IMAP (Internet Message Access Protocol) เปนมาตรฐานในการอาน อ เมลเชนเดยวกบ POP แตตางกนตรงทมาตรฐาน IMAP จะชวยใหผใชบรการสามารถเลอกดาวนโหลดเฉพาะอเมลทตองการได ในขณะท POP จะตองดาวนโหลดอเมลท งหมดทอยใน Mail Box นอกจากน IMAP ยงสามารถรองรบการท างานไดทงแบบ Online และ Offline ซงการท างานของ IMAP แบบ Offline จะดงอเมลมาอานทเครองของผใช และยงคงจดเกบไวท Server เชนเดม วธนชวยใหผใช IMAP สามารถจดการกบอเมลจากคอมพวเตอรเครองใดกได รวมทงเขาใชอเมลจากทใดๆ กได

3) HTTP (Hypertext Transfer Protocol) เปนโปรโตคอลส าหรบแลกเป ลยนขอมลระหวาง Server และ Client สนบสนนและรองรบขอมลไดหลากหลาย เชน ขอความ ภาพ เสยง และวดโอ HTTP ท าหนาทเปนรบ-สงขอมลหรอไฟลภาษา HTML ทใชแสดงผลเวบเพจ โดยจะท าการรองขอขอมลไปยงเครอง Client จากนนเครอง Server จะท าการประมวลผลแลวตอบสนองตามขอมลทไดรบ ในอดตขอมลทใชแสดงผลเวบเพจจะประมวลผลจากฝงของ Server เทานน ท าใหการแสดงผลชา ในปจจบนเครอง Client สามารถจดเกบขอมลทจ าเปนในการแสดงผลเวบเพจและสามารถประมวลผลได ท าให Server รบภาระนอยลง สงผลใหการแสดงผลมความรวดเรวมากขน

4) TCP/IP (Transmission Control Protocol/Internet Protocol) เป น โป รโตคอล ท ใชส าหรบสงผานขอมลขามแพลตฟอรม (Platform) ทตางกนได และสามารถคนหาเสนทางไดในกรณทเครองคอมพวเตอรยงมการตดตอกนอย แตเกดขอขดของของโหนดกลางทใชตดตอหรอสายสญญาณถกตดขาด

1.3 การระบต าแหนงบนเครอขายอนเทอรเนต การรบ-สง ขอมลบนเครอขายอนเทอรจะตองมการระบต าแหนงของเครองคอมพวเตอร

ตนทางทตองการสงขอมลและเครองปลายทางทรบขอมล โดยคอมพวเตอรแตละเครองจะมหมายเลขประจ าตวตางกน เพอใหคอมพวเตอรเครองอนสามารถอางองเพอตดตอได เรยกวา Internet Protocol หรอ หมายเลข IP หรอ IP Address ซงเปนตวเลขหนงชด ขนาด 32 บต แตละชดจะแบงตวเลขออกเปน 4 สวน สวนละ 8 บต และคนแตละสวนดวยเครองหมายจด (.) เชน 191.57.126.0 หรอ 192.168.0.1 เปนตน โดยตวเลขทสามารถก าหนดไดในแตละสวน มคาตง 0 ถง 255 จงสามารถสรางหมายเลข IP ไดประมาณ 4 พนลานเลขหมาย การสรางหมายเลข IP ไมไดเรมจากการนบ 1 แลวเพมคาไปเรอยๆ แตจะสรางจาก 2 สวน คอ หมายเลขเครอขาย (Network Number) และหมายเลขเครองคอมพวเตอรทอยในเครอขาย (Host Number)

1.4 Domain Name System (DNS)

4

การจดจ าหมายเลข IP เปนสงทยาก และอาจเกดความสบสนได จงมการคดคนการตงชอทเปนตวอกษรแทนการใชหมายเลข IP เรยกวาชอโดเมน หรอ Domain Name System (DNS) ซงเปนการแปลงหมายเลข IP เปนชอโดเมน และสามารถแปลงกลบจากชอโดเมนเปนหมายเลข IP ได ตวอยางเชน หมายเลข IP 216.58.208.35 ชอโดเมนคอ www.google.co.th การก าหนดชอโดเมนเปนหมายเลข IP จะเปนหนาทของโดเมนเนมเซรฟเวอร (Domain Name Server) หรอ DNS Server ซงเปนเครองคอมพวเตอรทมฐานขอมลของหมายเลข IP และชอโดเมนทมความสมพนธกน การก าหนดชอโดเมนจะเรยงล าดบความส าคญของชอจากขวาไปซาย และจะใชจด (.) คน ดงน

ชอเครองผใหบรการ . ชอเครอขายทองถน . [ชอโดเมนยอย] . ชอโดเมนระดบบน

แตละระดบมความส าคญดงน

1) ชอโดเมนระดบบนเปนชอโดเมนทอยทางขวาสดแบงเปน 2 ประเภท คอ 1.1) ชอโดเมนทเปนชอยอขององคกรในประเทศสหรฐอเมรกา ดงตารางท 1.1

ตารางท 1.1 ตวอยางชอโดเมนและความหมายขององคกรในประเทศสหรฐอเมรกา

ชอโดเมน ความหมาย com กลมองคกรเอกชน (Commercial Organization) edu กลมสถานบนการศกษา (Educational Organization) gov กลมองคกรของรฐทวไป (Governmental Organization) mil กลมองคกรทหาร (Military) net กลมองคกรเครอขาย (Networking Organization) org กลมองคกรจดตง (Organization)

1.2) ชอโดเมนทไมไดเปนองคกรของประเทศสหรฐอเมรกา แตเปนชอยอของ

ประเทศตาง ๆ (ยกเวนสหรฐอเมรกาทไมมชอยอประเทศ) ดงตวอยางในตารางท 1.2

5

ตารางท 1.2 ชอโดเมนทเปนชอยอของประเทศตางๆ

ชอโดเมน ควาหมาย au ประเทศออสเตรเลย ca ประเทศแคนนาดา fr ประเทศฝรงเศส jp ประเทศญปน th ประเทศไทย uk ประเทศองกฤษ

การก าหนดชอโดเมนระดบบนเปนชอประเทศจะตองก าหนดชอโดเมนยอยเพอแสดงถง

องคกรของประเทศนนๆ ดวย 2) ชอโดเมนยอย เปนชอโดเมนทแสดงถงประเภทองคกรของประเทศนนๆ ตวอยาง

ชอโดเมนยอยในประเทศไทยดงตารางท 1.3 ตารางท 1.3 ชอโดเมนยอยในประเทศไทย

ชอโดเมน ควาหมาย ac กลมสถาบนการศกษา (Academic) co กลมองคกรการคา (Commercial) go หนวยงานรฐบาล (Governmental) or กลมองคกรอนๆ เชน รฐวสาหกจ (Organization) mi หนวยงานทางทหาร (Military)

3) ชอเครอขายทองถน เปนชอเครอขายทเครองผใชบรการเชอมตอกบอนเทอรเนต

สามารถตงเปนชอใดๆ กได หรออาจใชเปนชอขององคกร หรอบรษทนนๆ 4) ชอเครองผใหบรการ เปนชอทก าหนดใหกบเครองผใหบรการ กรณทน ามาใชใน

เครอขายอนเทอรเนตจะใชเปน “WWW” ตวอยางดงรปท 1.1

6

WWW . CRRU . AC . TH ชอโดเมนระดบบน

ชอโดเมนระดบยอย

ชอเครอขายทองถน

ชอเครองผใหบรการ รปท 1.1 โครงสรางตวอยางของชอโดเมน มหาวทยาลยราชภฏเชยงราย

1.5 บรการบนเครอขายอนเทอรเนต เวบไซตทใหบรการบนเครอขายอนเทอรเนตมมากมายหลากหลายประเภท โดยตวอยาง

การใหบรการตางๆ ทอยบนเครอขายอนเทอรเนต มดงน 1) World Wide Web (WWW) การใหบรการการน าเสนอขอมลขาวสารบนเครอขาย

อนเทอรเนต โดยใชโปรแกรมเบราวเซอรแสดงผลในรปแบบของภาษา HTML และภาษาสครปตทสามารถท างานบนเครองไคลเอนต

2) จดหมายอเลกทรอนกส (Electronic Mail หรอ E-mail) เปนการตดตอสอสารแลกเปลยนขอมลระหวางผสงและผรบผานทางเครอขายอนเทอรเนต ทอยในรปแบบของจดหมาย โดยผสงจะตองระบทอยปลายทางของผรบ เรยกวา E-mail Address ซงจะม Mail Server ท าหนาทจดเกบจดหมายทสงไป จนกวาเจาของทอยปลายทางจะเปดรบจดหมายฉบบน น ปจจบนมผ ใหบรการการรบ-สงจดหมายอเลกทรอนกสมากมาย ทงทมคาใชจายและไมมคาใชจาย ส าหรบทไมมคาใชจายจะถกเรยกวา Free E-mail ตวอยางผใหบรการเชน yahoo mail, Gmail, Hotmail เปนตน

3) บรการโอนถายไฟล (File Transfer Protocol) เปนบรการการโอนถายแฟมขอมลจากเครองหนงไปยงอกเครองหนง หรอจากเครอง Client ไปยงเครอง Server การทเครองหนงรบไฟลจากอกเครองหนงเรยกวาการดาวนโหลด (Download) และการเครองหนงสงไฟลไปยงอกเครองหนงเรยกวาการอพโหลด (Upload)

4) บรการการคนหาขอมล เปนบรการสบคนขอมลผานทางเครอขายอนเทอรเนตจากเวบไซตทใหบรการสบคนขอมล ทนยมใชปจจบนไดแก www.google.com, www.yahoo.com, www.ask.com, www.bing.com เปนตน

7

5) การบรการรบฝากไฟลและขอมล เปนบรการในการฝากไฟลและขอมลไวบนเครอขายอนเทอรเนต ทผใชสามารถแบงปนไฟลและขอมลตางๆ ใหผทตองการสามารถน าไปใชงานได ตวอยางเชน เวบไซต https://www.google.com/drive แสดงดงรปท 1.2

รปท 1.2 เวบไซต https://www.google.com/drive ทใหบรการฝากไฟลขอมล

จากรปท 1.2 ตวอยางเวบไซต https://www.google.com/drive ทใหบรการฝากไฟลขอมล

โดยผใชสามารถแบงปนทอยของไฟลไปยงผใชคนอนทตองการได นอกจากนยงมบรการฝากไฟลภาพวดโอ ตวอยางเวบไซต www.youtube.com ทใหบรการฝากไฟลวดโอ และสามารถแบงปนไฟลวดโอใหผใชคนอน ดงรปท 1.3

รปท 1.3 เวบไซต www.youtube.com เวบไซตบรการฝากไฟลวดโอ

8

6) เวบบลอก (Web Blog) เปนบรการเกบบนทกตางๆ เชนบนทกประจ าวน ทตองการแบงปนใหบนเครอขายอนเทอรเนต โดยมการใหบรการทแตกตางกนมากมาย ตวอยางเชน www.blogger.com, www.oknation.net/blog/new.php, www.blognone.com ตว อ ย างด ง รป ท 1.4 และทรป 1.5

รปท 1.4 เวบไซต www.oknation.net/blog/new.php บลอกใหบรการกลมขาว

รปท 1.5 เวบไซต www.blognone.com บลอกใหบรการขาวทางดานเทคโนโลย

7) เวบบอรด เปนบรการแลกเปลยนความคดเหนของกลมผใชบรการทมความสนใจในหวขอประเดนเดยวกน หรอความชอบในเรองเดยวกน โดยมการจดกลมตามความสนใจ ตวอยาง

9

เวบบอรดทใหบรการแลกเปลยนความคดเหนในเรองตางๆ โดยมการจดหมวดหมตามความสนใจรวมทงมหองการประกาศขายสนคาตาง เชน www.pantip.com หรอ เวบบอรดแลกเปลยนขาวสารของผ ทสนใจ เชน http://www.chiangraifocus.com/forums/index.php ซงเปนเวบบอรดส าหรบแลกเปลยนขอมลทอยในจงหวดเชยงราย

รปท 1.6 เวบไซต www.pantip.com เวบบอรดแลกเปลยนความคดเหน

รปท 1.7 เวบไซต http://www.chiangraifocus.com เวบบอรดแลกเปลยนความคดเหน

10

8) บรการประมลสนคาออนไลน ซงเปนเวบทใชส าหรบประมลสนคาผานระบบเครอขายอนเทอรเนต ทงในรปแบบของหนวยงานราชการ หรอส าหรบใหผทสนใจสนคาเขารวมประมลราคาสนคา ตวอยางเวบไซต http://www.pramool.com/cgi-bin/displist.cgi? เปนเวบไซตทใหบรการประมลสนคาออนไลน ตวอยางดงรปท 1.8

รปท 1.8 เวบไซต http://www.pramool.com/cgi-bin/displist.cgi ใหบรการประมลสนคา

9) บรการซอขายสนคาออนไลน เปนบรการรานคาออนไลน หรอ อคอมเมรซ (Electronic Commerce หรอ E-commerce) ระหวางรานคากบผซอ หรอระหวางผขายกบผซอ เชนเวบไซต http://www.kaidee.com/ ซงเปนเวบไซตส าหรบบคคลทตองการขายสนคาสามารถประกาศขายสนคาของตน และบคคลทตองการซอสามารถเขามาเลอกซอสนคาได

รปท 1.9 เวบไซต http://www.kaidee.com/ ใหบรการขายสนคา

11

10) บรการหองสนทนา เปนบรการการสงขอความโตตอบกน เพอแลกเปลยนความคดเหน สามารถโตตอบกนไดทงขอความ รปภาพและภาพเคลอนไหว เชน หองสนทนาทสรางขนเฉพาะกลมในเวบ http://chat.thaiirc.com, www.facebook.com ตวอยางดงรปท 1.10

รปท 1.10 ตวอยางบรการหองสนทนา http://chat.thaiirc.com, www.facebook.com

11) บรการดหนงออนไลน บรการฟงเพลง บรการวทยออนไลน บรการทวออนไลน รวมทงบรการการถายทอดสดรายการส าคญๆ ตางๆ บรการดรายการยอนหลง ตวอยางเชนเวบไซต https://www.movie2free.com/ ทใหบรการดหนงออนไลนโดยจดหมวดหมหนงออกเปนหนงการตน หนงออกใหม หนงเอเซย หนงไทยและหนงฝรง เวบไซต http://cuptv.com/program/tv/ ทใหบรการดรายการทวยอนหลง เปนตน

12) บรการสงคมออนไลน เปนการสรางเครอขายสงคมทมการโตตอบกนระหวางกลมคน ทมความสมพนธกน เพอแบงปนขอมลระหวางกน ตวอยางบรการสงคมออนไลนทก าลงนยมกน ไดแก www.facebook.com, https://twitter.com, https://myspace.com เปนตน ตวอยางดงรปท 1.11

12

รปท 1.11 ตวอยางเวบไซตทใหบรการสงคมออนไลน

13) บรการธนาคารออนไลน เปนบรการการท าธรกรรมทางการเงนกบธนาคารผานทางเครอขายอนเทอรเนต โดยทผใชไมจ าเปนตองเดนทางไปทธนาคารกสามารถท าธรกรรมได เชน การโอนเงน การช าระคาสนคาและบรการ การตรวจสอบยอดเงนคงเหลอ การท ารายงานเดนบญชยอนหลง บรการบตรเครดตโดยผใชสามารถดรายละเอยดเกยวบตรเครดตและรายงานบญชยอนหลงของบตรเครดต เปนตน ตวอยางเชน การใหบรการออนไลนของธนาคารกสกรไทยออนไลน http://www.kasikornbank.com ธนาคารไทยพาณชยออนไลน https://www.scbeasy.com

14) บรการการประชมวดโอออนไลน หรอ Video Conference เปนการใหบรการประชมหรอการสนทนาทไมตองเดนทางมาพบปะกนสามารถประชมไดจากทกท โดยสอสารผานทางกลองวดโอ สามารถโตตอบกนแบบสองทางผานระบบและอปกรณการสอสาร ตวอยางเชน โปรแกรม skype, https://www.fuze.com ตวอยางดงรปท 1.12

13

รปท 1.12 การประชมวดโอออนไลนผาน โปรแกรม Skype

15) บรการขอเขาระบบจากระยะไกล หรอ Telnet เปนบรการทอนญาตใหผใชสามารถเขาใชงานและควบคมการท างานของเครองคอมพวเตอรอกเครองหนงทอยไกลได โดยอาศยเครอขายอนเทอรเนต เสมอนผใชนงอยหนาเครองคอมพวเตอรเครองนน ท าใหลดคาใชจายในการเดนทาง เพราะผใชไมตองเดนทางไปใชงานเครองคอมพวเตอรเครองน น เหมาะส าหรบหนวยงานทพนกงานตองเดนทางไปปฏบตงานยงสถานทตางๆ หรอปฏบตงานทบาน

16) บรการซอบตรชมภาพยนตร โดยไมตองยนตอควเพอรอซอบตรหนาโรงฉายภาพยนตร สามารถเลอกโปรแกรมภาพยนตรทฉายและก าหนดทนงในการชมภาพยนตรดวยตนเองตวอยางเชนเวบไซต http://www.majorcineplex.com/th/main เปนตน

17) บรการจองตวเครองบนออนไลน โดยสามารถเลอกวน เลอกเวลา และเลอกทนงดวยตนเอง ท าใหไมตองเดนทางไปยงเคานเตอรทจ าหนายตวเครองบน ชวยท าใหประหยดทงเวลาและคาเดนทาง ตวอยางเชนเวบไซต http://www.thaiairways.com/th_TH/index.page ของการบนไทย ห รอ เวบ ไซ ต http://www.airasia.com/th/th/home.page ข อ งไท ยแอ ร เอ เช ย ห รอ เวบ ไซ ต http://www.nokair.com/ ของนกแอร เปนตน

2. ความรเบองตนเกยวกบเวบไซต

เวบไซต หรอ World Wide Web (WWW) เปนแหลงรวบรวมขอมลขาวสาร เอกสารหรอสอตางๆ เชน ขอความ ภาพนง ภาพเคลอนไหว และเสยงบนเครอขายอนเทอรเนตโดยใชโปรโตคอล HTTP (Hypertext Transfer Protocol) ในการขนสงขอมลจากเครองเซรฟเวอร (Server Side) ไปยงเครองผรองขอบรการหรอเครองไคลเอนต (Client Side)

14

การใชงานเวบไซตจะใชงานผานโปรแกรมเวบบราวเซอร แสดงผลในรปแบบของไฮเปอรเทกซ (Hypertext) หรอลงคทสามารถเชอมโยงกนจากเอกสารหนงไปยงอกเอกสารหนง หรอจากเวบไซตหนงไปยงอกเวบไซตหนง ซงมค าศพททเกยวของ ดงน

1) เวบเพจ (Web Page) หมายถง เอกสารแตละหนาทอยบนเวบไซต โดยเวบเพจแบงออกเปน 3 ประเภท คอ

1.1) Static Web Page คอ เวบเพจตอบสนองการใชงานอยางจ ากด ไมสามารถโตตอบการท างานกบผใชได ขอมลบนเวบเพจจะถกสรางและแกไขจากเครอง Server เทานน

1.2) Dynamic Web Page คอ เวบเพจทสามารถโตตอบกบผใช โดยเนอหาภายในเวบเพจสามารถเปลยนแปลงตามการใชงานของผใช และผใชสามารถเพม ลบ และแกไขขอมลได สนบสนนการท างานทงฝง Client-Side และฝง Server-Side

1.3) Semantic Web Page คอ เวบเพจทมการจดเกบและเชอมโยงเนอหาทเกยวของกนแบบมโครงสราง เนอหาในเวบเพจทเกยวของกนจะมการเชอมโยงกนทงภายในเวบเพจและเครอขายเวบ โดยมฐานขอมล ในการจดเกบเวบเพจไวจ านวนมาก

2) เวบไซต (Web Site) หมายถง กลมของเวบเพจทสมพนธกนรวมอยดวยกน เชนเวบไซตสถาบนการศกษามหาวทยาลยราชภฏเชยงราย www.crru.ac.th ประกอบดวยเวบเพจทเกยวของกน เชนเวบเพจส านกวชาคอมพวเตอรและเทคโนโลยสารสนเทศ ทเชอมโยงไปยงเวบเพจอนๆ เชน เวบเพจของหนวยงานทสนบสนนทางการศกษาตางๆ เชน เวบเพจส านกสงเสรมวชาการทใหบรการการลงทะเบยนส าหรบนกศกษา เวบเพจส านกวทยบรการทใหบรการในการคนคนสารสนเทศ หรอเชอมโยงไปยงเวบเพจหนวยงานดานการจดการศกษา เชน เวบเพจคณะหรอส านกวชาอนๆ ทอยในมหาวทยาลยราชภฏเชยงราย เปนตน

3) โฮมเพจ (Home Page) คอเวบเพจทถกก าหนดใหเปนหนาแรกของเวบไซต สวนใหญจะประกอบดวยรายการทเชอมโยงไปยงเวบเพจทเกยวของ เปรยบเสมอนหนาปกหนงสอ มกถกออกแบบใหมความสวยงามและนาสนใจ มวตถประสงคเพอชวยดงดดผเขาเยยมชมเวบไซต

4) URL (Uniform Resource Locator หรอ Universal Resource Locator) คอชอหรอทอยของเวบไซต เชน http://www.crru.ac.th/index.php โดยผ ใชสามารถก าหนด URL ในชอง URL Address Bar บนเวบบราวเซอรเพอเรยกเวบไซตทตองการ ตวอยางดงรปท 1.13

15

รปท 1.13 การก าหนด URL ในชอง URL Address Bar 3. เวบบราวเซอรและเวบเซรฟเวอร

การใหบรการขอมลตางๆ บนเครอขายอนเทอรเนตนน เนองจากเปนการใหบรการทผใชสามารถเขาถงบรการไดทกทและทกเวลา ดงนนจงเกยวของกบเครองทรองขอบรการและเครองทใหบรการ โดยเครองทรองขอบรการเรยกวาเวบบราวเซอร และเครองทใหบรการเรยกวาเวบเซรฟเวอร โดยมรายละเอยดดงน

3.1 ความหมายเวบบราวเซอรและเวบเซรฟเวอร 1) เวบบราวเซอร (Web Browser) หรอ บราวเซอร (Browser) เปนโปรแกรมทตด

ตงอยทเครองผใช หรอเรยกวาเครองไคลเอนต (Client) ใชส าหรบทองอนเทอรเนต โดยท าหนาทในการแสดงผลเอกสารทสรางจากภาษา HTML และภาษาสครปตทสามารถท างานบนเครองไคลเอนตได โดยใชโปรโตคอล HTTP ในการขนสงขอมล ตวอยางเวบบราวเซอรทนยมใช เชน Microsoft Internet Explorer, Mozilla Firefox, Opera และ Google Chrome

2) เวบเซรฟเวอร (Web Server) เปนเครองคอมพวเตอรทใหบรการจดเกบขอมลเวบไซตบนเครอขายอนเทอรเนต ผใชสามารถเรยกชมเวบไซตผานทางโปรแกรมเวบบราวเซอร ซงจะท าหนาทตดตอกบเวบเซรฟเวอร เพอน าขอมลเวบไซตมาแสดงผลโดยใชโปรโตคอล HTTP ในการขนสงขอมล เครองคอมพวเตอรทท าหนาทเปนเวบเซรฟเวอรจะตองตดตงโปรแกรมทท าหนาทเปนเวบเซรฟเวอร ตวอยางโปรแกรมเวบเซรฟเวอรทนยมใชในปจจบนไดแก Apache HTTP Server จาก Apache Software Foundation, Internet Information System หรอ IIS จากบรษทไมโครซอฟท, Sun Java System Web Server จากบรษทซนไมโครซสเตมส และ Zeus Web Server จากบรษท Zeus Technology เปนตน

16

3.2 ขนตอนการท างานระหวางเวบเซรฟเวอรและเวบบราวเซอร ขนตอนการท างานระหวางเวบเซรฟเวอรและเวบบราวเซอร มดงน

1) เครองไคลเอนตรองขอบรการเวบไซตโดยก าหนด URL ของเวบไซตทตองการผาน URL Address Bar ของโปรแกรมเวบบราวเซอร เพอรองขอเวบเพจไปยงเวบเซรฟเวอร โดยขอมลการรองขอจะถกสงผานโปรโตคอล HTTP

2) เครองเวบเซรฟเวอรอานค ารองขอ คนหาเวบเพจทถกรองขอ หากเวบเพจทถกรองขอเปนไฟลเอกสารในรปแบบภาษา HTML เครองเวบเซรฟเวอรจะสงไฟลเอกสารเวบเพจนน ไปยงเครองไคลเอนตโดยไมตองมการประมวลผล แตถาหากเวบเพจนนเปนไฟลเอกสารทสรางจากภาษาอนทไมใชภาษา HTML เครองเวบเซรฟเวอรจะท าการประมวลผลเวบเพจนนแลวจงสงขอมลทไดจากการประมวลผลไปยงเครองไคลเอนตในรปแบบเอกสารภาษา HTML โดยสงผานโปรโตคอล HTTP

3) เครองไคลเอนตรบไฟลเอกสารในรปแบบภาษา HTML จากเครองเซรฟเวอร จากนนโปรแกรมเวบบราวเซอรจะแสดงผลเอกสารตามค าสงภาษา HTML ทอยในเอกสารนน

แสดงขนตอนการท างานระหวางเวบเซรฟเวอรและเวบบราวเซอรดงรปท 1.14

รปท 1.14 กระบวนการท างานระหวางเวบเซรฟเวอรและเวบบราวเซอร

17

4. มาตรฐานเวบ (Web Standard) มาตรฐาน เวบ (Web Standard) ค อ เท คโน โลย ท อ งคก ร W3C (World Wide Web

Consortium) ก าหนดขนเพอใหเวบบราวเซอรทกรนทกบรษทผผลตรองรบเทคโนโลยนเปนมาตรฐานหลก ท าใหผสรางเวบดวยการเขยนโคดหรอใชโปรแกรมส าเรจรปทใช Web Standard เปนแนวทางสามารถพฒนาเวบไซตทแสดงผลไดกบทกเวบบราวเซอรและทกระบบปฏบตการได

องคกร W3C เปนองคกรทจดตงขนเมอป ค.ศ 2537 โดยนาย Time Berners-Lee ท าหนาทพฒนาเทคโนโลยตางๆ ทจะน ามาใชจดการเกยวกบเวบบนโลกอนเทอรเนต ไดแก มาตรฐาน HTML,XML,XHTML,CSS และ DOM ซงเทคโนโลยเหลานเปนสวนหนงของ Web Standard ทองค W3C สรางขน เพอน าไปใชกบเวบบราวเซอรใหเปนแนวทางเดยวกน

องคกร W3C ก าหนดเทคโนโลยของ Web Standard ออกเปน 3 องคประกอบหลกไดแก Structure, Presentation และ Behavior ซงมรายละเอยดดงน

1) Structure คอ โครงสรางหนาเอกสารของเวบ เพจ ก าหนดดวยภาษามารคอพ (Markup Language) ซงเปนภาษาทระบรปแบบการแสดงผลและบรรจเนอหาทแสดงบนเวบเพจโดยภาษา Structure ไดแก ภาษา HTML, XML และ XHTML

2) Presentation คอ รปแบบเวบเพจทนกพฒนาเวบก าหนดขนเพอใชเปนสวนตอประสานกบผใช (Interface) เชน ชนดของตวอกษร สทใช การเนนขอความส าคญตางๆ แตเดมการก าหนดรปแบบค าสงเหลาน กรณทเปนรปแบบเดยวกนจะตองเขยนแทกในภาษา HTML ก าหนดทกต าแหนงขอความทตองการในหนาเวบเพจจงท าใหเสยเวลา ตอมาองคกร W3C ไดก าหนดใหใชเทคโนโลย CSS เปนมาตรฐานเพอแกปญหาทเกดขน

CSS (Cascading Style Sheets) หรอสไตลชท คอ เทคโนโลยทพ ฒนาขนมาเพอใชจดรปแบบการแสดงผลใหมประสทธภาพ โดยการท างานของ CSS นนจะแยกสวนของขอมลจากรปแบบการแสดงผล เมอตองการเปลยนแปลงรปแบบการแสดงผล เชน สตวอกษรทเปนขอความส าคญ สามารถท าไดโดยเปลยนแทกค าสงทก าหนดไวตอนแรก เพยงจดเดยวกจะมผลกบเวบเพจทงหมดทใช CSS นน อยางไรกตาม การใชงาน CSS ยงมขอจ ากดอยบางประการ เชนสามารถก าหนด CSS ใหกบขอความใดขอความหนงไดเพยง 1 รปแบบเทานน ตอมาจงไดมการน า DOM เขามาชวยเพมความสามารถในการจดการกบรปแบบของเวบเพจ เพอท าใหเวบเพจนาสนใจมากขน เวอรชนทนยมใชในปจจบนคอ CSS3 ซงใชรวมกบ HTML5

3) Behavior คอ การเขยนสครปต (Script) เพอควบคมใหเวบเพจท างานตามค าสงทตองการไดมากขน และสามารถใชงานในลกษณะโตตอบ (Interactive) กบผใชได โดยมเทคโนโลยมาตรฐานทส าคญ 2 อยาง ไดแก ECMAScript และ DOM (Document Object Model)

18

- ECMAScript คอ มาตรฐานภาษา Script ทใชงานในปจจบน เชน JavaScript, VBScript และ ActionScript เปนตน ซงไดรบการรบรองจากองคกร ECMA (European computer Manufacturer Association) เพอใหรปแบบการเขยนสครปต และการเรยกใชงาน Method ตางๆ เปนมาตรฐานกลาง นกพฒนาเวบสามารถน าสครปตทเขยนไปใชควบคมการท างานบนเวบบราวเซอรใด เพอตดตอกบเซบเซรฟเวอร (Web Server) หรอผใหบรการแลวไดผลลพธเชนเดยวกน

- DOM (Document Object Model) คอแพลตฟอรมและภาษาสอกลางระหวางโปรแกรมกบสครปตตางๆ สามารถเขาถงและปรบปรง Content โครงสราง และสไตลของเอกสารได DOM มององคประกอบของเวบเพจท งหมดเปนออบเจกตทมการท างานตามหลก Object Oriented และ Model ของ DOM จะมอง Element และแทกตางๆ เปน Node ของตนไม โดยโครงสรางของ DOM จะประกอบไปดวยออบเจกตและ Method จงท าใหสามารถเขาถงและปรบปรงเวบเพจทกสวนได

องคประกอบทง 3 ประการเปนแนวทางทก าหนดขน เพอใหผออกแบบและพฒนาเวบปฏบตตามมาตรฐานเวบของ W3C 5. ภาษาทใชในการพฒนาเวบไซต

การพฒนาเวบไซตเพอแสดงขอมลบนเครอขายอนเทอรเนตจะประกอบดวยภาษาทใชควบคมการแสดงผลขอมลสองประเภทคอ ภาษามารคอพ (Markup Language) และภาษาสครปต (Script Language) โดยมรายละเอยดดงน

5.1 ภาษามารคอพ เปนภาษาทใชส าหรบควบคมการแสดงผลขอมลบนเวบบราวเซอร สามารถท างานไดทง

ฝงเครองไคลเอนตและเครองเซรฟเวอร เปนภาษาทไมสามารถโตตอบกบผใชได มไวส าหรบในการก าหนดรปแบบการแสดงผลเทานน ทนยมใชในปจจบนประกอบดวยภาษา SGML, HTML, XML และ XHTML โดยมรายละเอยดดงน

1) ภาษา SGML (Standard Generalized Markup Language) พฒนาโดยบรษท IBM เปนมาตรฐานทอธบายรายละเอยดโครงสรางและสวนประกอบของเอกสาร

2) ภาษา HTML (Hypertext Markup Language) เปนภาษาทพฒนาโดยองคกร W3C เพอใชก าหนดรปแบบการแสดงผลขอความ โดยใชคยเวรด (Keyword) ระบรปแบบการแสดงผลในเครองหมาย Bracket “< >” เรยกวา แทก (Tag) หรอ อลเมนต (Element) หรอ ค าส ง เวอรชนปจจบนคอ HTML5

19

3) ภาษา XML (eXtensible Markup Language) เปนภาษาทพฒนาโดยองคกร W3C เพอใชแลกเปลยนขอมลบนเครอขายอนเทอรเนต โดยมเอกสารอธบายขอมล เรยกวา DTD (Document Type Definition) ท าให XML สามารถประมวลผลกบคอมพวเตอรทกชนดทมตวแปลเอกสารของ XML Parser ได เวอรชนปจจบนคอ XML1.1

4) XHTML (eXtensible Hypertext Markup Language) เ ป น ภ า ษ า ท ร ว มความสามารถของภาษา HTML และ XML เขาดวยกน โดยใชพนฐานโครงสรางไวยากรณของ XML และใชรปแบบแทกของ HTML เวอรชน 4.0 ขนไปเวอรชนปจจบนคอ XHTML 1.1

5.2 ภาษา Script เปนภาษาทใชส าหรบโตตอบกบผใช รบ-สงขอมลระหวางเครองไคลเอนตและเครอง

เซรฟเวอร ซงถอวาเปนภาษาโปรแกรมมง (Programming Language) ประเภทหนง แตตางตรงทภาษา Script เปน Interpreted Language โคดจะถกแปลทละค าสง และท างานบนเครองทตดต งโปรแกรม Script Engine ทสนบสนนการท างานของภาษา Script นนๆเทานน ภาษา Script แบงเปน 2 ประเภท คอภาษา Script ทท างานบนฝงเซรฟเวอร (Server-side Script) และภาษา Script ทท างานบนฝงไคลเอนต (Client-side Script) ซงมรายละเอยดดงน

1) ภาษา Script ทท างานฝงเซรฟเวอร (Server-side Script) เปนภาษา Script ทใชจดการขอมลตางๆ บนเครองเซรฟเวอร เมอไดรบค ารองขอหนาเวบเพจจากเครองไคลเอนตโดยเวบบราวเซอรโปรแกรมจะถกแปลและประมวลผลทเครองเซรฟเวอร จากนนจงสงขอมลหรอผลลพธในรปแบบเอกสาร HTML กลบไปทเครองไคลเอนตโดยอาศยโปรโตคอล HTTP ในการขนสงขอมลรวมกบโปรโตคอล ICP/IP และเมอเครองไคลเอนตรบขอมลกจะน าขอมลไปแสดงผลทเวบบราวเซอร โดยทวไป Server-side Script จะท างานเกยวกบการตดตอระบบฐานขอมล ตวอยางเชน ภาษา ASP, ภาษา PHP, ภาษา CGI, ภาษา Java Servlet, ภาษา JSP, ภาษา Ruby และ ภาษา Phython เปนตน

- ภาษา ASP (Active Server Page) เปนภาษา Server-side Script พฒนาโดยบรษท Microsoft ท างานบนระบบปฏบตการ Windows รองรบโปรแกรมเวบเซรฟเวอร Internet Information Server (IIS), Windows NT Server และระบบปฏบตการอน เชน ระบบปฏบตการ UNIX เปนตน โดยภาษา ASP พ ฒนาขนมาครงแรกในป พ.ศ 2540 ท างานบนโปรแกรมเวบเซรฟเวอร IIS 3.0 และปจจบนเปน ASP.NET เวบเพจทพฒนาขนดวยภาษา ASP จะจดเกบอยในไฟลนามสกล .asp หรอ .aspx (ขนอยกบเวอรชน) และสามารถท างานรวมกบ Client-side Script ดงนนเอกสารของภาษา ASP สามารถประกอบดวยภาษา HTML,VBScript หรอ JavaScript กได โดยเฉพาะ ASP.NET 2005 ขนไปสามารถท างานไดทกภาษาท .NET Framework รองรบ ภาษา

20

ASP จะซอนโคดการท างานบนฝงเวบเซรฟเวอรไวไมใหแสดงทเวบบราวเซอร และสามารถตดตอกบฐานขอมลตางๆ เชน MS Access, SQL Server และ Oracle เปนตน

- ภาษา PHP (PHP Hypertext Preprocessor แตเดมยอมาจาก Personal Home Page) เปนภาษา Server-side Script พ ฒนาขนมาใหเปนแบบ Open Source สามารถท างานบนระบบปฏบตการไดหลายแพลตฟอรม เชน ระบบปฏบตการ Windows, ระบบปฏบตการ UNIX, ระบบปฏบตการ Linux และระบบปฏบตการ Macintosh หรอระบบปฏบตการหลกอนๆ ทใชงานทวไป โดยการท างานของภาษา PHP เมอไดรบค ารองขอจากเครองไคลเอนต กจะประมวลผลและสงไฟลเปนเอกสาร HTML หรอสงเปนไฟลรปแบบอนๆ เชน XML หรอ XHTML กได กลบมายงเวบบราวเซอรของเครองไคลเอนต ภาษา PHP สามารถท างานบนโปรแกรมเวบเซรฟเวอรไดหลายชนด เชน Apache HTTP Server, Internet Information System ภาษา PHP สามารถตดตอฐานขอมล เชน MySQL, SQL Server, Oracle และ MS Access เปนตน

เนองจากภาษา PHP เปนภาษาทเปน Open Source ปจจบนจงเปนทนยมส าหรบนกพฒนาเวบไซต และมการพฒนาเครองมอทใชในการพฒนาเวบไซตดวยภาษา PHP ทเรยกวา Framework เกดขนมากมาย เปนในลกษณะโปรแกรมเชงวตถ ตวอยางเชน Zend Framework, CodeIgniter, Seagull, CakePHP, Symfony, Zoop, Laravel เปนตน

- ภาษา CGI (Common Gateway Interface) เปนภาษา Server-side Script ในยคแรกของการพฒนาเวบไซต สามารถท างานบนระบบปฏบตการ เชน ระบบปฏบตการ Windows, ระบบปฏบตการ Linux และ ระบบปฏบตการ UNIX เปนตน หลกการท างานของ CGI จะท าการประมวลผลไฟล CGI ทเครองเวบเซรฟเวอรหลงจากทเครองไคลเอนตรองขอ จากนนจงสงขอมลผลลพธเปนไฟล HTML กลบไปยงเวบบราวเซอรของเครองไคลเอนต การสรางเอกสาร CGI จะใชภาษา Script เชน Perl (Practical Extraction and Reporting Language), ภาษา C/C++ หรอ ภาษาPHP และภาษาอนๆ โดยหลกการส าคญของเทคนค CGI คอ ตองก าหนดวธรบ-สงขอมล (GET หรอ POST) ระหวางเวบเซรฟเวอรและเวบบราวเซอรทจะแสดงผลเอกสาร CGI ดวย ขอเสยของภาษา CGI คอการเรยกใชเอกสาร CGI แตละครงทผานโปรโตคอล HTTP จะตองมการสราง Process ใหมเสมอ เนองจากเมอเสรจสนการท างานหรอการสงขอมลแตละครงทมการรองขอ Process จะถกท าลายทนท ดงนน ถามเครองไคลเอนตตดตอกบฐานขอมลมากกจะเสยเวลาในการท างานมากเชนกน

- ภาษา Java Servlet เปนเทคโนโลยทมพนฐานมาจาก CGI โดย Java Servlet ท าหนาทในการอานขอมลทไดรบจากเครองไคลเอนต เพอน าไปประมวลผลจากนน จงสงผลลพธใหกบเครองไคลเอนต จดเดนของ Java Servlet คอ สามารถประมวลผลและแสดงผลลพธไดเรวกวา

21

CGI เนองจาก Java Servlet ใชทรพยากรในการด าเนนงานนอยกวา CGI และใชภาษา Java ซงเปนภาษาทมโครงสรางเชงวตถชวยลดความซบซอนของไวยากรณ รวมถงสามารถน าโคดค าสงทเขยนกลบมาใช (Reuse) ไดอกดวย

- ภาษา JSP (Java Server Page) เปนเทคโนโลยของ Java ในการน าภาษา HTML และ XML มาสรางเวบเพจ ซงภาษา JSP เปนแบบ Open Source ทพฒนาโดยบรษท Sun โดยทภาษา JSP จะสามารถท างานบนโปรแกรมเวบเซรฟเวอร เชน Apache และสามารถท างานบนระบบปฏบตการไดทกชนดและทกแพลตฟอรม การใชงาน JSP จะตองดาวนโหลด Toolkit ตางๆ ไดแก Java 2 Software Development Kit (JSDK), Java Development Kit (JDK), Java Server Web Development Kit (JSWDK) มาตดตงบนเครองเวบเซรฟเวอรกอนจงจะสามารถใชงานได

- ภาษา Ruby เปนภาษา Server-side Script ทพฒนาโดยโปรแกรมเมอรชาวญ ปน ชอ Yukihiro Matsumoto หรอ Matz ในป พ.ศ. 2536 และเผยแพรในป พ .ศ. 2538 โดยพฒนาขนมาให เปนซอฟตแวรแบบ Open Source สนบสนนการท างานกบแพลตฟอรมทหลากหลาย ภาษา Ruby มโครงสรางของภาษาทไมซบซอนและเขาใจไดงาย และสามารถท างานในเชงวตถได ตวแปลภาษาจะเปนแบบ Interpreter ชวยอ านวยความสะดวกใหนกพฒนาเวบไซตสามารถออกแบบสวนตอประสานผใชใหสามารถท างานไดอยางมประสทธภาพ

- ภาษา Phython เปนภาษา Server-side Script ทพฒนาโดย Guido van Rossum ในป พ.ศ. 2532 เปนซอฟตแวรแบบ Open Source สนบสนนการท างานไดหลายแพลตฟอรม โครงสรางภาษาจะคลายกบภาษา C ตวแปลภาษาเปนแบบ Interpreter

2) ภาษาสครปตทท างานบนฝง ไคลเอนต (Client-side Script) เปนภาษา Script ทใชจดการกบไฟลตางๆ บนเครองไคลเอนต ประมวลผลไฟลทเวบบราวเซอรของเครองไคลเอนต และแสดงผลเปนเวบเพจ เนองจาก Client-side Script ท างานและประมวลผลทเวบบราวเซอรของเครองไคลเอนต จงท างานไดอยางรวดเรว ตวอยางภาษา Client-side Script ไดแก JavaScript และ VBscript

- ภาษา JavaScript พฒนาโดยบรษท Netscape Communication เพอชวยเพมประสทธภาพของภาษา HTML ในการสรางเวบเพจในยคแรกใหสามารถท างานโตตอบกบผใช กบผใชได โดยค าสง JavaScript ไวทแทก <body> ของเอกสารเวบเพจ หรอสรางเปนไฟลแยกไวแลวจงเรยกใช รองรบการท างานกบเวบบราวเซอรไดทกชนด

- ภาษา Visual Basic Script (VBScript) พฒนาโดยบรษท Microsoft โดยใชพนฐานของภาษา Visual Basic หรอ VB แตเพมคณสมบตพเศษเพอน าไปท างานบนเครอขาย

22

อนเทอรเนตได ภาษา VBScript มฟงกชนการท างานทชวยเพมความสามารถของเวบเพจ รองรบการท างานกบเวบบราวเซอรของ Internet Explorer เทานน

- ภาษา Ajax เปนการน าภาษา JavaScript และ ภาษา XML มาประยกตใชรวมกนท าใหสามารถแสดงผลขอมลในเวบไซตโดยไมตองแสดงผลหนาเวบเพจใหมทงหมด 6. เครองมอทใชในการพฒนาเวบไซต

ในการพฒนาเวบไซต ผพฒนาสามารถเลอกใชเครองมอทใชในการพฒนาเวบไซตตามความถนดของผพฒนาไดมากมาย ดงน

1) โปรแกรมจดการแฟมขอความ หรอ Text Editor เปนโปรแกรมทรบขอมลของ Text เปน ASCII จากนนจะบนทกไฟลเปนเอกสารประเภทตางๆ ตวอยางเชน Notepad, Notepad++, Atom, Vim, Sublime Text, Editplus, Brackets, Visual Studio Code เปนตน

2) โปรแกรมส าเรจรปทมไวส าหรบในการสรางเวบไซต โดยสามารถมองเหนทงในมมทแสดงผลทางบราวเซอรและมมมองทเปนรหสภาษาทใชในการพฒนาเวบไซต ผ พ ฒนาไมจ าเปนตองมความรเกยวกบภาษาทใชในการพฒนาเวบไซตกสามารถพฒนาเวบไซตไดตามความตองการ ตวอยางเชน Microsoft Word, Adobe Dream weaver, Microsoft Visual Studio เปนตน

3) การใชระบบบรหารจดการเนอหาของเวบไซต โดยในการพฒนาเวบไซตผพฒนาเพยงก าหนดเนอหาทใชในเวบไซต เชน ขอความ ภาพนง ภาพเคลอนไหว และไฟลวดโอ กสามารถสรางเวบไซตไดโดยใชเวลาอนรวดเรว ระบบบรหารจดการเนอหาของเวบไซต ตวอยางเชน WordPress, Joomla, Drupal, Opencart, PrestaShop เปนตน 7. บทสรป

ในการใชงานเครอขายอนเทอรเนตจะมโปรโตคอลท เปนมาตรฐานทใชในการตดตอสอสารหรอรบสงขอมลระหวางเครองคอมพวเตอร เพอใหเครองคอมพวเตอรในเครอขายสามารถตดตอสอสารถงกนไดอยางเขาใจ ขนอยกบบรการทอยบนเครอขายอนเทอรเนต ซงประกอบดวยบรการมากมายหลายประเภท โดยแตละบรการกจะมการใชโปรโตคอลทชวยในการท างาน ซงประกอบดวยโปรโตคอลส าหรบใชในการโอนถายแฟมขอมล เรยกวา โปรโตคอล FTP โปรโตคอลส าหรบรบ -สงจดหมายอเลกทรอนกส ซงแบงออกเปน SMTP, POP และ IMAP โปรโตคอลส าหรบแลกเปลยนขอมลระหวางเซรฟเวอรและไคลเอนต เพอน าขอมลเวบไซตไปแสดงผล เรยกกวา โปรโตคอล HTTP และโปรโตคอลทใชส าหรบสงผานขอมลขามแพลตฟอรม เรยกวา TCP/IP และเครองคอมพวเตอรทตองการตดตอสอสารผานทางเครอขายอนเทอรเนต

23

จะตองมทหมายเลขประจ าตวจงจะสามารถใชงานได ซงเรยกวา IP Address นอกจากนขอมลทแสดงบนเครอขายอนเทอรจะตองถกพฒนาขนมาดวยภาษาทใชในการพฒนาเวบไซต ประกอบดวย ภาษา Server-side Script ซงท างานบนเครองเซรฟเวอร และภาษา Client-side Script ท างานบนเครองไคลเอนต 7. แบบฝกหดทายบท

1. จงอธบายความหมาย โปรโตคอล 2. จงระบตวอยางโปรโตคอลอนเทอรเนต พรอมทงอธบายหนาทจ านวน 3 โปรโตคอล 3. จงอธบายความหมาย Domain Name System 4. จงยกตวอยางการใหบรการทอยบนเครอขายอนเทอรเนตจ านวน 3 ตวอยาง 5. อธบายความแตกตางหลกการท างานของ Server-side Script และ Client-side Script 6. จงอธบายหลกการท างานระหวางเครองเวบเซรฟเวอรและเวบบราวเซอร มาพอสงเขป 7. จงระบองคประกอบหลกของ Web Standard พรอมทงอธบายรายละเอยด 8. จงยกตวอยางภาษา Server-side Script ทนยมในปจบนจ านวน 3 ภาษา 9. จงอธบายความแตกตางระหวางภาษา HTML และ ภาษา XML 10. อธบาย ความเปนมาของเครอขายอนเทอรเนต พอสงเขป

24