รายงาน เรอง

Web Technology and Internet จดท าโดย กลมแรด ๔ จ นกศกษาคณะเทคโนโลยสารสนเทศ เสนอ ดร.ทนงศกด โสวจสสตากล

รายงานนเปนสวนหนงของวชา Education Information Technology ประจ าภาคเรยนท ๑ ปการศกษา ๒๕๕๖ คณะครศาสตรอตสาหกรรม สถาบนเทคโนโยลพระจอมเกลาเจาคณทหารลาดกระบง

รายงาน

เรอง Web Technology and Internet

จดท าโดย กลมแรด ๔ จ นายจามกร ผวละออง ๕๓๐๗๐๐๐๗ นายณฐพล ปลอดปลอง ๕๓๐๗๐๐๒๘ นายวรภทร บดดาวงศ ๕๓๐๗๐๐๗๕ นางสาวณฐชยาค จารสมบต ๕๓๐๗๐๐๒๓ นายธรพรรณ วเชยรศกดา ๕๕๐๗๐๐๕๙ นายธรวจน น าศรเจรญสข ๕๕๐๗๐๐๖๐

คณะเทคโนโลยสารสนเทศ

เสนอ ดร.ทนงศกด โสวจสสตากล

รายงานนเปนสวนหนงของวชา Education Information Technology ประจ าภาคเรยนท ๑ ปการศกษา ๒๕๕๖

คณะครศาสตรอตสาหกรรม สถาบนเทคโนโยลพระจอมเกลาเจาคณทหารลาดกระบง

ค าน า รายงานเลมน เปนสวนหนงของวชา Educational for Information Technology โดย ดร.ทนงศกด โสวจสสตากล ของคณะครศาสตรอตสาหกรรม สถาบนเทคโนโลยพระจอมเกลาเจาคณทหารลาดกระบง โดยเนอหาในรายงานเปนเรองทเกยวของกบเรองใกลตวอยาง Web Technology ทเกอบทกคนในยคสมยนไดใชเกอบทกคน กลมของขาพเจาจงเลงเหนถงความส าคญของเรองดงกลาว และอยากสรางแหลงความรพนฐานเกยวกบเรองดงกลาว และนอกจากจะไดความรแลว ยงหวงวาจะสามารถน าความรดงกลาวไปประยกตใชไดอยางมประสทธภาพ

คณะผจดท า

แรด 4 จ

I

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

สารบญ

Chapter 1: INTERNET ..................................................................................................................... 1

Internet ..................................................................................................................................................... 2

ความหมายของ Internet ....................................................................................................................... 2

ประวตและความเปนมา.......................................................................................................................... 2

อนเตอรเนตท าอะไรไดบาง ..................................................................................................................... 2

Internet Service Provider (ISP) ............................................................................................................. 4

ความหมายของ ISP ................................................................................................................................ 4

การสมครใช Internet กบ ISP ............................................................................................................... 5

หนาทของ ISP ........................................................................................................................................ 5

Domain Name System (DNS)................................................................................................................ 6

ความหมายของ DNS .............................................................................................................................. 6

โดเมนเนมระดบบนสด (Top-Level Domains) ..................................................................................... 6

โดเมนเนมในประเทศไทย ....................................................................................................................... 8

การลงทะเบยนขอชอโดเมนเนม .............................................................................................................. 8

Chapter 2: Web Technology..................................................................................................... 10

HTTP Protocol ....................................................................................................................................... 11

Protocol คออะไร? .............................................................................................................................. 11

Hypertext Transfer Protocol .......................................................................................................... 11

World Wide Web (WWW) .................................................................................................................... 12

เวบไซต ......................................................................................................................................... 12

โฮมเพจ ........................................................................................................................................ 12

เวบเพจ ......................................................................................................................................... 12

URL ............................................................................................................................................. 12

Web browser ......................................................................................................................................... 13

ความหมาย ........................................................................................................................................... 13

ประโยชนของ Web Browser .............................................................................................................. 13

ภาษาทใชในการเขยนเวบ ......................................................................................................................... 14

HTML .......................................................................................................................................... 14

HTML5 ........................................................................................................................................ 14

II

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

XML ............................................................................................................................................. 15

XHTML ........................................................................................................................................ 15

CSS .............................................................................................................................................. 16

PHP ............................................................................................................................................. 16

Javascript ................................................................................................................................... 17

Ajax ............................................................................................................................................. 18

ความปลอดภย .......................................................................................................................................... 19

มาตรฐานความปลอดภยบนเวบไซต ..................................................................................................... 19

Malware.............................................................................................................................................. 20

บรรณานกรม .................................................................................................................................... 21

2

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

INTERNET ความหมายของ INTERNET

อนเทอรเนต (Internet) คอ กลมเครอขายยอย ๆ ของคอมพวเตอรจ านวนมากทเชอมตอเขาดวยกนภายใตมาตรฐานการสอสาร (Protocol) เดยวกน จนเปนสงคมเครอขายคอมพวเตอรขนาดใหญ ซงคอ ม พ ว เ ต อ ร ท อ ย ใ น เ ค ร อ ข า ย แต ล ะ เ ค ร อ ง ส า ม า ร ถ ร บ ส ง ข อ ม ล ใ น ร ป แ บบ ต า ง ๆ ก น เชน ตวอกษร ภาพ เสยง รวมทงสามารถสบคนขอมลขายสารจากแหลงขอมลตาง ๆ บนอนเทอรเนตไดอยางรวดเรว

ประวตและความเปนมา เครอขายอนเทอรเนตถอก าเนดในยคของสงครามเยนระหวางประเทศมหาอ านาจ(สหรฐอเมรกา) กบรสเซยเนองจากกระทรวงกลาโหมของประเทศสหรฐอเมรกาในขณะนนไดเกดแนวคดทตองการท าใหระบบคอมพวเตอรสามารถตดตอสอสารกนไดโดยคอมพวเตอรสามารถสงการและท างานไดดวยตวเอง โดยไมจ าเปนตองมผคอยควบคมดแล หากมการโจมตดวยระเบดปรมาณหรอขปนาวธนวเคลยร เขามาถลมจดยทธศาสตรทเมองใดเมองหนง อาจท าใหระบบคอมพวเตอรบางสวนถกท าลายไปแตสวนทเหลอจะตองสามารถปฏบตงานได ซงเปาหมายนเองจงไดเกดโครงการวจยและพฒนาระบบ เครอขายดงกลาวขน เรยกวา ARPA (Advanced Research Projects Agency) และไดมการพฒนาอยางรวดเรว จนในทสดไดกลายมาเปนเครอขายทมชอวา “อนเทอรเนต” (Internet) ในปจจบน

อนเตอรเนตท าอะไรไดบาง 1. การคนหาขอมล

เราสามารถคนหาขอมลและสงทตองการอยากรได โดยการคนหาจากเวบไซดตาง ๆ บนอนเทอรเนต World Wide Web หรอ WWW. เปนบรหารขอมลแบบตาง ๆ ซงมการ เชอมโยงถงกนได ตวอยางเชน การคนหาขอมลดวยGoogle จาก www.google.co.th

2. เพอการศกษา การใชอนเทอรเนตเพอการศกษา ปจจบนมเวบทบรการเรยนออนไลนมากมาย หลากหลายวชา มทงแบบขอความเพออาน ภาพประกอบ เสยงบรรยาย หรอวดโอสอนกม

3. เพอความบนเทงและขาวสาร นอกจากทกลาวมาเรายงสามารถดหนง ฟงเพลง หรออานหนงสอพมพ นตยาสาร เพอใหมความรเพมเตมได ดงตวอยางน

3

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

4. เพอการสนทนาหรอจดหมายอเลกทรอนกส เราสามารถตดตอกนไดโดยการสนทนาผานอนเทอรเนต เชน การสนทนาดวยการพมพขอความโตตอบ หรอการสนทนาผานระบบเสยงการใชจดหมายอเลกทรอนกส

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

4

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

INTERNET SERVICE PROVIDER (ISP) ความหมายของ ISP

ISP คอ บรษททใหบรการอนเทอรเนต (ซงบางครงเรยก ISPs กมความหมายอยางเดยวกน-ผเขยน) ยอมาจากค าวา Internet Service Provider ตามหนงสอศพทคอมพวเตอร ฉบบราชบณฑตยสถาน พมพครงท 4 ไดระบความหมายวาหมายถง "ผใหบรการอนเตอรเนต" ISPเปนหนวยงานทบรการใหเชอมตอเครองคอมพวเตอรสวนบคคล หรอเครอขายคอมพวเตอรของบรษท เขากบเครอขายอนเทอรเนตทวโลก ในปจจบนประเทศไทยมผใหบรการอนเทอรเนตอยดวยกน 2 ประเภท คอ หนวยงานราชการหรอสถาบนการศกษา กบบรษทผใหบรการอนเทอรเนตเชงพาณชยทวไป ISP ทเปนหนวยงานราชการ หรอสถาบนการศกษา มกจะเปนการใหบรการฟรส าหรบสมาชกขององคการเทานน แตส าหรบ ISP ประเภททใหบรการในเชงพาณชย ผใชทตองการใชงานอนเทอรเนตจะตองสมครเขาเปนสมาชกของ ISP รายนนๆ ซงตองเสยคาใชจายตาง ๆ ในการใชงานอนเทอรเนต ซงอตราคาบรการจะขนอยกบ ISP แตละราย ขอดส าหรบผใชบรการอนเทอรเนตในเชงพาณชยกคอ การใหบรการทมหลากหลายรปแบบ ซงรองรบกบความตองการของผใชทแตกตางกน มทงรปแบบสวนบคคล ซงจะใหบรการกบประชาชนทวไปทตองการใชงานอนเทอรเนต และบรการในรปแบบขององคกร หรอบรษท ซงใหบรการกบบรษทหางราน หรอองคกรตาง ๆ ทตองการใหพนกงานในองคกรไดใชงานเครอขายอนเทอรเนต ISP จะเปนเสมอนตวแทนของผใชอนเทอรเนตเพอเขาถงแหลงขอมลตาง ๆ ถาผใชอนเทอรเนตตองการขอมลอะไรกสามารถตดตอผาน ISP ไดทกเวลา

5

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

การสมครใช INTERNET กบ ISP วธการสมครสมาชกนน เราสามารถโทรศพทตดตอไปยง ISP ทใหบรการตาง ๆ ซงเราสามารถเลอกรบบรการได 2 วธ คอ ซอชดอนเทอรเนตส าเรจรปตามรานทวไปมาใช และสมครเปนสมาชกรายเดอน โดย ใชวธการตดตอเขาไปยง ISP โดยตรง ซงวธการ และรายละเอยดในการใหบรการของแตละทนนจะแตกตางกนไป ขนอยกบรปแบบการใหบรการของ ISP รายนน ๆ จะก าหนด ในการเลอก ISP นน ตองพจารณาความเหมาะสมในการใชงานของเราเปนหลก โดยมหลกในการพจารณาหลายอยางดวยกน เชน ความนาเชอถอของผใหบรการอนเทอรเนตวามชอเสยงเปนทยอมรบหรอไม ด าเนนธรกจดานนมากป มสมาชกใชบรการมากนอยขนาดไหน มการขยายสาขาเพอใหบรการไปยงตางจงหวดหรอไม มการลงทนทจะพฒนาการใหบรการมากนอยเพยงใด เปนตน ประสทธภาพของตวระบบ กเปนสวนส าคญท เราจ าเปนตองพจารณาดวย เชน ความเรวในการรบ/สง สม าเสมอหรอไม (บางครงเรวบางครงชามาก) สายโทรศพทตนทางหลดบอยหรอไม หรอในบางกรณทเราก าลงถายโอนขอมล มายงเครองคอมพวเตอรปรากฏวาใชงานไมได การเชอมตอไปยงตางประเทศ ไปทใดบางดวยความเรวเทาไหร และการเชอมตอกบผใชอนเทอรเนตในประเทศเปนอยางไร มสายสญญาณหลกทเรว หรอมประสทธภาพสงมากเพยงใด เพราะปจจยเหลานจะมผลตอความเรวในการใชอนเทอรเนตดวย

หนาทของ ISP หนาทโดยทวไปของ ISP กอยางทบอกแตแรกวาค าวา ISP มหลายความหมาย หลายบทบาท ซงแตละบทบาทนนความรบผดกจะแตกตางกนออกไป ในทนจะขอกลาวถงในความหมายทเขาใจกนโดยทวไป คอ ผใหบรการอนเทอรเนตโดยจะรวมไปถงบรการ Webhosting ซงหมายถง บรการใหเชาพนท Website และผทท าหนาทดแล Webboard สาธารณะ โดยอาจรวมถง Webmaster ทมความรบผดชอบโดยตรงกบขอมลทปรากฏบนเวบดวย หนาทหลกๆของ ISP กคอ การใหบรการทางอนเทอรเนต การดแล Website การตรวจสอบขอมลทจะผานออกไปลงในเวบ

6

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

DOMAIN NAME SYSTEM (DNS) ความหมายของ DNS

ระบบโดเมนเนม (Domain Name System) เปนการตงชอเปนตวอกษรเพอใชแทน IP Address ท าใหงายตอการจดจ า เชนหมายเลข IP Address 203.146.15.9 แทนทดวยโดเมนเนมชอ moe.go.th เราเรยกการแทนท IP ดวยโดเมนเนมวา Name-to-IP Address Mapping ซงชวยใหสามารถเรยกชอเวบไซตไดสะดวกขนโดยไมตองจ าตวเลข กลไก Name-to-IP Address มการก าหนดฐานขอมลสวนกลางในการจดการแกไขฐานขอมลให เพอปองกนการตงชอซ ากน การตงชอโดเมนเนมแบบเดมเปน แบบไมมล าดบชน คอไมสามารถแยกยอยเปนสวน ๆ ได เรยกวา Name Space ท าใหมปญหามากเนองจากฐานขอมลมขนาดใหญขนเรอย ๆ ท าใหการคนหายาก จงไดมการพฒนาขอมลแบบ Name Space ใหมใหเปนแบบล าดบชน (Hierarchical Structure) ทเรยกวา Domain Name System (DNS) ซงเปนโครงสรางทมการบอกประเภทขององคการ หรอชอประเทศทเครอขายตงอย Domain Name System (DNS) จงหมายถงระบบจดการแปลงชอไปเปนหมายเลข IP โดยมโครงสรางฐานขอมลแบบล าดบชน กลไกหลกของระบบ DNS ท าหนาทแปลงชอและหมายเลข IP Address หรอท ากลบกนได โดยระบบ DNS จะมการก าหนด Name Space ทมกฎเกณฑอยางชดเจน มการเกบขอมลเปนฐานขอมลแบบกระจาย และท างานในลกษณะไคลแอนด / เซรฟเวอร (Client / Server) โดยม DNS Server ท าหนาทใหบรการคนชอและแปลงขอมลใหตามทเครองลกขาย (DNS Client) รองขอมา การท างานแบบไคลแอนด / เซรฟเวอร (Client / Server) นท าใหเครองคอมพวเตอรทท าหนาทเปน DNS สามารถเปนไดทงเครองเซรฟเวอร และไคลแอนดของ DNS ในเครองเดยวกน

โดเมนเนมระดบบนสด (TOP-LEVEL DOMAINS) โดเมนเนมระดบบนสด (Top-Lever Domains) เปนการก าหนดชอโดเมนเนมใหมความหมายในการบอกประเภทขององคการ หรอชอของประเทศ แบงออกเปน 2 ประเภทคอ 1. Organization Domains โดเมนเนมระดบสงสดซงแสดงถงองคการหรอหนวยงาน

Domain Name ความหมาย com เครอขายของเอกชน edu เครอขายของหนวยงานการศกษา gov เครอขายของหนวยงานรฐบาล mil เครอขายของหนวยงานทหาร net เครอขายของผใหบรการอนเตอรเนต org เครอขายขององคการทไมมงหวงก าไร

7

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

2. Geographical Domains โดเมนเนมระดบสงสดซงแบงตามลกษณะภมศาสตร หรอประเทศ

Domain Name ความหมาย at ออสเตรย au ออสเตรเลย ca แคนาดา ch สวทตเซอรแลนด cn สาธารณรฐประชาชนจน de เยอรมน dk เดนมารก fr ฝรงเศส jp ญปน nz นวซแลนด th ไทย uk สหราชอาณาจกร (องกฤษ) us สหรฐอเมรกา

3. โดเมนบงบอกกจกรรม มไวเพอบงบอกกจกรรมของเวบไซตนน ๆ วาเกยวของกบอะไร ซงบางทกไมสามารถบงบอกไดชดเจนนก เนองจากบางนามสกล เชน .com, .net ไมไดมขอบงคบชดเจน วาจะนามสกลใด ๆ จะตองใชเพอกจกรรมนน ๆ เพยงเทานน แตโดยหลกทวไปของการจดตามนามสกลตาง ๆ นนจะสามารถแบงไดคราว ๆ ดงน .com ใชส าหรบเวบไซตทเกยวกบธรกจการคา (.com = Company) .net (Network) ใชกบเวบไซตขององคกรใด หรอบรษทใด ทท างานเกยวของกบ Internet หรอ Network .org (Organization) ใชส าหรบเวบไซตองคกรทไมหวงผลก าไร เชน สมาคม หรอมลนธ .biz ใชส าหรบเวบไซตขององคกรทเกยวกบธรกจการคา .info ใชส าหรบเวบไซตทน าเสนอขอมลเปนหลก .co.th ส าหรบบรษททจดทะเบยนในไทย .in.th ส าหรบหนวยงานทกประเภท และบคคลทวไป .ac.th ส าหรบสถาบนการศกษา .go.th ส าหรบการใชของภาครฐบาล .net.th ส าหรบนตบคคลผไดรบใบอนญาตประกอบกจการโทรคมนาคมทง 3 แบบ ตาม .or.th ส าหรบองคกรทไมแสวงผลก าไร .mi.th ส าหรบหนวยงานทางทหาร

8

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

ในปจจบน ไดมนามสกลตาง ๆ ออกมามากมาย เชน .it, .ws, .tv แตความนยมการจดทะเบยน กยงคงเปน .com, .net, .org, .co.th, .in.th เปนสวนใหญ

โดเมนเนมในประเทศไทย ไทยใช .th เปนโดเมนประจ าประเทศ โดยมโดเมนยอย (Subdomain) 5 โดเมน ไดแก .or, .ac, .go, .co และ .net ดงตารางดงตอไปน คอ

Domain Name ความหมาย or องคการไมแสวงผลก าไร ac สถาบนการศกษา go หนวยงานราชการ co หนวยงานเอกชน net องคการทใหบรการเครอขาย

การลงทะเบยนขอชอโดเมนเนม

การลงทะเบยนขอชอโดเมนเนมในประเทศไทยท าได 2 ทางเลอก คอ

1. จดทะเบยนทใชชอแบบ xxx.xx.th สามารถขอจดทะเบยนไดท Thailand Network Information Center หรอ ThNIC หรอทเวบไซต www.thnic.net โดยตองแนบเอกสารหลกฐานการจดทะเบยนบรษทในการขอจดทะเบยนดวย และมคาธรรมเนยมประจ าป

2. จด ทะเบยนทใชชอเปน .com หรอ .net หรอแบบอน ๆ ทไมใชของประเทศไทย ตองตดตอขอจดทะเบยนโดยตรงทหนวยงานทเปนตวแทนของ InterNIC (Internet Network Information Center) หรอทเวบไซต www.internic.net การจดทะเบยนแบบน ตองแจงใหผรบจดทะเบยนทง ThNIC และ InterNIC ทราบดวยวาใครเปนผดแลเซรฟเวอร

11

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

HTTP PROTOCOL PROTOCOL คออะไร?

โปรโตคอล คอ ขอก าหนดหรอขอตกลงในการสอสารระหวางคอมพวเตอร หรอภาษาสอสารทใชเปน ภาษากลางในการสอสารระหวางคอมพวเตอรดวยกน การทเครองคอมพวเตอรทถกเชอมโยงกนไวในระบบจะสามารถตดตอสอสารกนไดนน จ าเปนจะตองมการสอสารทเรยกวา โปรโตคอล (Protocol) เชนเดยวกบคนเราทตองมภาษาพดเพอใหสอสารเขาใจกนได โปรโตคอลชวยใหระบบคอมพวเตอรสองระบบ ทแตกตางกนสามารถสอสารกนอยางเขาใจได คอขอตกลงทก าหนดเกยว กบการสอสารระหวางเครองคอมพวเตอรตางๆ ทงวธการสงและรบขอมล วธการตรวจสอบขอผดพลาดของการสงและรบขอมล การแสดงผลขอมลเมอสงและรบกนระหวางเครองสองเครอง ดงนนจะเหนไดวาโปรโตคอลมความส าคญมากในการสอสารบนเครอขาย หากไมมโปรโตคอลแลว การสอสารบนเครอขายจะไมสามารถเกดขนได

Hypertext Transfer Protocol Hypertext Transfer Protocol (HTTP) เปนกลมของกฎหรอมาตรการส าหรบการแลกเปลยนไฟล (เชน ขอความ ภาพ เสยง ภาพเคลอนไหว และไฟลมลตมเดยตาง ๆ) บน World Wide Web ทสมผสกบชดโปรโตคอลแบบ TCP/IP (ซงท าหนาทแลกเปลยนสารสนเทศบนอนเตอรเนต) โดย HTTP เปนโปรโตคอลแบบประยกต แนวคดส าคญของ HTTP คอไฟลตาง ๆ สามารถเกบการอางองไฟลอน เพอเรยกหรอดงไฟลทตองการ ใน Web server ทมไฟล HTML และไฟลอนทเรยกวา HTTP daemon ซงเปนโปรแกรมไดรบการออกแบบใหคอยรบและรกษาการขอ HTTP เมอการขอของ HTTP นนมาถง ใน web browser ของเครองคอมพวเตอรผใชจะเปน HTTP client เพอสงการขอไปยงเครองแมขายเมอมการเรยกไฟลจาก browser ของผใช โดยเปดไฟลของเวบ (ดวยการพมพชอ URL) หรอคลกท Hypertext link จากนน browser จะสรางการขอ HTTP และไปยง IP address ทชโดย URL เมอ HTTP daemon ในเครองแมขายปลายทางไดรบการขอ และประมวลผลเรยบรอย จะสงไฟลทขอกลบมา HTTP เวอรชนลาสด คอ HTTP 1.1

12

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

WORLD WIDE WEB (WWW) www คอพนททเกบขอมลขาวสารทเชอมตอกนทางอนเทอรเนต โดยการก าหนด URL ค าวาเวลดไวดเวบมกจะใชสบสนกบค าวา อนเทอรเนต โดยจรงๆแลวเวลดไวดเวบเปนเพยงแคบรการหนงบนอนเทอรเนต มสวนประกอบ ดงน

เวบไซต (องกฤษ: website, web site, Web site) หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดท าขนเพอน าเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟร แตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆ การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร

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

เวบเพจ (Web Page) หมายถง หนาเอกสารของบรการ WWW ซงตามปกตจะถกเกบอยในร ป แบบ ไฟล HTML (Hyper Text Markup Language) โ ดย ไฟล HTML 1 ไฟล ก ค อ เ ว บเพจ 1 หนานนเอง ภายในเวบเพจอาจประกอบไปดวยขอความ ภาพ เสยง วดโอ และภาพเคลอนไหวแบบมลตมเดย นอกจากน เ วบเพจแตละหนาจะมการเชอมโยงหรอ “ลงค” (Link) กน เพอใหผชมเรยกดเอกสารหนาอนๆ ทเกยวของไดสะดวกอกดวย

URL ยอมาจากค าวา Uniform Resource Locator คอ ทอย (Address) ของขอมลตางๆใน

Internet ความส าคญของ URL คอเวลาเราเขาเวบไซตเรากตองพมพ URL ลงในชอง url address

ของ web browser เชน จะเขาเวบ google.com กตองพมพ http://www.google.com ดงนนการอางองของขอมลบนอนเตอรเนตตองระบ URL ใหถกตอง มฉะนนจะไมสามารถเขาถงขอมลนนได แตปจจบน Web browser มการอ านวยความสะดวกให จงไมจ าเปนตองพมพใหครบองคประกอบ เพราะ Web browser จะท าการเตมใหเอง ซง URL จะตองผานระบบ DNS (Domain Name System) เพอแปลงเปนเลข IP ใหสามารถดงขอมลทตองการจาก Server ได

13

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

WEB BROWSER ความหมาย

เวบเบราวเซอร (web browser) เบราวเซอร หรอ โปรแกรมดเวบ คอโปรแกรมคอมพวเตอร ทผใชสามารถดขอมลและโตตอบกบขอมลสารสนเทศทจดเกบในหนาเวบทสรางดวยภาษาเฉพาะ เชน ภาษาเอชทเอมแอล (html) ทจดเกบไวทระบบบรการเวบหรอเวบเซรฟเวอร หรอระบบคลงขอมลอน ๆ โดยโปรแกรมคนดเวบเปรยบเสมอนเครองมอในการตดตอกบเครอขายคอมพวเตอรขนาดใหญท เรยกวาเวลดไวดเวบ

ประโยชนของ WEB BROWSER สามารถดเอกสารภายในเวบเซรฟเวอรได อยางสวยงามมการแสดงขอมลในรปของ ขอความ ภาพ และระบบมลตมเดยตางๆ ท าใหการดเอกสารบนเวบมความนาสนใจมากขน สงผลใหอนเตอรเนตไดรบความนยมเปนอยางมากเชนในปจจบน ปจจบน web browser สวนใหญจะรองรบ html 5 และ อาน CSS เพอความสวยงามของหนา web page

Logo Web browser ตางๆ

14

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

ภาษาทใชในการเขยนเวบ HTML (ยอมาจาก Hyper Text Markup Language) เปนภาษาทใชส าหรบสรางเวบเพจ ม

โครงสรางประกอบไปดวย tag และ attribute ตางๆ ทใชในการควบคมการแสดงผลของขอความ รปภาพ หรอวตถอน ๆ

รปแบบการใชค าสง HTML

HTML5 เปนมาตรฐานตวตอไปของ HTML ทอยในระหวางการพฒนา โดยมลกษณะเหมอนมาตรฐานตวกอนหนาทง HTML 4.01 และ XHTML 1.1 ทใชในการจดโครงสรางและการแสดงผลของเนอหาส าหรบเวลดไวดเวบ มาตรฐานใหมจะมคณลกษณะเดนทส าคญไดแก

Semantic Markup : การเพม Element ท อานงายมากขน และชวยให เราท า SEO ไดมประสทธภาพมากยงขน

Form Enhancements : เพมความสามารถของ Form ตางๆ ไมวาจะเปน Input type, Attribute หรอ แมแต Element

Audio / Video: รองรบการอานไฟลเสยง และ วดโอ โดยไมจ าเปนตองใช Embed Code ของ Third Party

Canvas : ใชในการวาดรป โดยจ าเปนตองใช Javascriptชวย ContentEditable : สามารถแกไข Content ไดโดยตรงผานทางหนาเวบ Drag and Drop : ลากวางObject ได เพอเพมการ ตอบสนองระหวางระบบกบผใช Persistent Data Storage : มการจดการทดขน โดยเกบขอมลลงบนเครองของผใช

15

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

รปแบบค าสงการใช HTML5

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

รปแบบค าสงการใช XML

XHTML (ยอมาจาก Extensible HyperText Markup Language) เปนภาษาท เกดจากการน า XML และ HTML มารวมกน กลายเปนมาตรฐานใหมของ HTML ค าสงตางๆนนกยงเหมอนกบ HTML แตจะมความเขมงวดในเรองโครงสรางภาษามากกวา และมการตด tag และ attribute ทลาสมยออกไป

16

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

รปแบบค าสงการใช XHTML

CSS (ยอมาจาก Cascading Style Sheets) เปนภาษาทมรปแบบการเขยน Syntax ทเฉพาะ ถกก าหนดขนเพอใชเสรมภาษา HTML แบบเดม ใหสามารถจดรปแบบการแสดงผลใหกบเอกสาร HTML/XHTML ไดสมบรณแบบมากขน

รปแบบค าสงการใช CSS

PHP (Personal Home Pages) ซงเปนภาษาสครปตทถกฝงในเวบเพจ โดยเวบเพจทมสครปต PHP แทรกอยนนจะท างานทเวบเซรฟเวอร (Server-Side Script) คอ จะถกประมวลผลการท างานทเซรฟเวอรกอน แลวจงสงผลการท างานทเปน HTML มาแสดงผลท Browser ของผใชงาน

17

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

รปแบบการใชค าสง PHP

JAVASCRIPT เปนภาษาส าหรบการเขยนโปรแกรมบนระบบอนเตอรเนต ซงสามารถเขยนโปรแกรม Javascript เพมเขาไปในเวบเพจเพอใชประโยชนส าหรบงานดานตางๆ ทงการค านวณ การแสดงผล การรบ – สงขอมล และทส าคญคอ สามารถโตตอบกบผใชไดอยางทนททนใด นอกจากนยงมความสามารถดานอนๆ อกหลายประการทชวยสรางความนาสนใจให

รปแบบค าสงการใช Javascript

18

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

AJAX (Asynchronous Javascript and XML) จะท าให web application มประสทธภาพมากขนเพราะ ajax นนจะสง request ไปยง server เพอให server ตอบกลบขอมลทเราตองการซงจะท าใหแกปญหาการโหดลขอมลชาเพราะ Server Side Script ทเราตองการขอมลจาก Server นนจะตองโหลดใหมหมด แต ajax จะท าใหเราโหลดหนาเพจเฉพาะสวนทตองการขอมลใหมเทานน ท าใหการท างานมประสทธภาพมากขน นอกจากนยงสามารถดงขอมลทเปน xml ไดอกดวย โดยจะใช javascript ในการควบคมการท างานทงหมด

รปแบบการใช AJAX

19

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

ความปลอดภย มาตรฐานความปลอดภยบนเวบไซต

HTTPS หรอ Hypertext Transfer Protocol Security คอ ระบบความปลอดภยของ HTTP Protocol ส าหรบการแลกเปลยนขอมลระหวางเครอง server และ client ทคดคนขนโดยบรษท Netscape เมอปลายป ค.ศ. 1994 โดยมจดประสงคเพอรกษาความลบของขอมลขณะรบ-สง และเพอใหแนใจวา ขอมลนนถกรบ-สงระหวางผรบและผสงตามทระบไวจรง โดยทขอมลจะตองไมถกเปลยนแปลงแกไขไปจากเดมดวย HTTPS จะท างานอยบนพอรต 443 (คาปกต) ดวยการเพมขอมลในสวนการระบตวผสง (Authentication) และการเขารหสขอมล (Encryption) ภายใน HTTP และ TCP

Secure Socket Layer (SSL) คอโปรโตคอลทอยระหวาง Application layer และ Transport layer สามารถรองรบการท างานกบ application โปรโตคอลตางๆ โดยอาสยหลกการของการเขารหสขอมล (encryption), Message Digests และลายเซนอเลกทรอนกส (digital signature) โดยแบงหนาทออกเปน 3 สวน คอ

1. การตรวจสอบ server วาเปนตวจรง 2. การตรวจสอบวา Client เปนตวจรงหรอไม 3. การเขารหสลบการเชอมตอ

20

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

MALWARE ยอมาจากค าวา Malicious Software ซงหมายถงโปรแกรมประสงครายตางๆ โดยท างานในลกษณะ

ทเปนการโจมตระบบ การท าใหระบบเสยหาย รวมไปถงการโจรกรรมขอมล มลแวร แบงออกไดหลากหลายประเภท อาทเชน ไวรส (Virus) เวรม (Worm) หรอหนอนอนเทอรเนต มาโทรจน (Trojan Horse) การแอบดกจบขอมล (Spyware) คย ลอกเกอร (Key Logger) บนเครองคอมพวเตอรของผใชงาน ตลอดจนโปรแกรมประเภทขโมยขอมล (Cookie) และการฝง Malicious Mobile Code (MMC) ผานทางชองโหวของโปรแกรม Internet Explorer (IE Vulnerability) ท เกดขน โดยโปรแกรมจะท าการควบคมการท างานโปรแกรม Internet Explorer ใหเปนไปตามความตองการของผทไมหวงด เชน การแสดงโฆษณาในลกษณะของการ Pop-Up หนาตางโฆษณาออกมาเปนระยะ เราเรยกโปรแกรมประเภทนวา แอดแวร (Adware)

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

โทรจนฮอรส (trojan horse) คอ โปรแกรมทดเหมอนจะมประโยชนหรอไมเปนอนตราย แตในตวโปรแกรมจะแฝงโคดส าหรบการใชประโยชนหรอท าลายระบบทรนโดยโปรแกรมนสวนใหญจะถกแนบมากบ E-mail และเมอดเผนๆ กเปนโปรแกรมอรรถประโยชนทวๆไป แตจรงๆ แลวขางในจะแฝงสวนทเปนอนตรายตอระบบเมอรนโปรแกรมน

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

ไวรส (virus) ไวรสเปนโปรแกรมทสามารถตดตอจากอกไฟลหนงไปยงอกไฟลหนงภายในระบบ

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

21

รายงานเรอง Web Technology and Internet | Education Information Technology KMITL

บรรณานกรม

http://school.obec.go.th/kudhuachang/les07.htm http://ispinternet.blogspot.com/ http://www.thaigoodview.com/library/contest2553/type2/tech04/25/chapter_3.html https://www.evo.in.th/knowledgebase/4/-Domain-Name-System---.html http://www.microsoft.com/thailand/msdn/ie9_html5.aspx http://gygarsoft.com/detail.php?key=knowledge&contant_id=46&group_id=2 http://th.wikipedia.org/wiki/%E0%B8%A1%E0%B8%B1%E0%B8%A5%E0%B9%81%E0

%B8%A7%E0%B8%A3%E0%B9%8C