Download - รายงานเรื่อง Web Technology and Internet
รายงาน เรอง
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