เวบไซต เวบไซต ((WebsiteWebsite))  

การออกแบบและการออกแบบและพฒนาเวบไซตพฒนาเวบไซต

Domain NameDomain NameWeb Hosting

Design DevelopmentWebsiteWebsite

พนทใชงาน website ชอ website

ออกแบบ website พฒนา website

ทเกยวของกบ Website

เวบไซต เวบไซต ((WebsiteWebsite))  

ทตงเครอขายขอมลทเชอมโยงทตงเครอขายขอมลทเชอมโยง ตดตอกนไดทวทกมมโลกตดตอกนไดทวทกมมโลก

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

ทเปดบรการใหคนควาหาขอมลทเปดบรการใหคนควาหาขอมลตาง ๆ เปนภาษาองกฤษหรอตาง ๆ เปนภาษาองกฤษหรอภาษาไทยไดท ภาษาไทยไดท wwwwww..googlegoogle..com com 

wwwwww..yahooyahoo..com com  wwwwww..sanooksanook..com com  เปนตน เปนตน

Website Website ตาง ๆตาง ๆคนหา บนเทง กฬา การ

ศกษา

ดดวง กฎหมาย ชลประทาน สขภาพ

(Web Hosting) พนทสำาหรบ website

ตกลงซอพนท Websiteเรยกวา (Web serversservers)

ตนทนสง

มบคลากรทเชยวชาญดแลจดการระบบ website

ไดพนท website เปนขององคกร

มเยอะมากพอ ทจะแบงพนท Website

ใหผอนเชาได

เรยกวา Web Hosting

ใหบรการDomain Name (ชอ website)

ตองการมwebsiteเปนของตวเอง

ซอ เชา Host

จดทะเบยน

Domain Name

ตองการมwebsite

เปนขององคกร

(Web Hosting)

โฮสตง โฮสตง หรอ หรอ เวบโฮสตง เวบโฮสตง หรอมชอเรยกภาษาหรอมชอเรยกภาษาองกฤษเเตกตางกนไปเชน องกฤษเเตกตางกนไปเชน ((Web HostingWeb Hosting หรอ หรอ HostingHosting, , HostHost) ) คอ พนทการรบฝากเวบ คอ พนทการรบฝากเวบ เพอออนไลนบนอนเตอรเนต หรอเรยกวา เพอออนไลนบนอนเตอรเนต หรอเรยกวา HSP HSP ยอมาจาก ยอมาจาก Hosting Service Provider Hosting Service Provider เปนเปนเทคโนโลยสำาหรบงานสรางเวบไซต เพอใหเทคโนโลยสำาหรบงานสรางเวบไซต เพอใหเวบไซตนนสามารถมองเหนไดบนอนเตอรเนต เวบไซตนนสามารถมองเหนไดบนอนเตอรเนต

(Web Hosting) โฮสตงหรอเวบโฮสตง จงเปนพนทการใชงานในระบบอนเทอรเนต โฮสตงหรอเวบโฮสตง จงเปนพนทการใชงานในระบบอนเทอรเนต

สำาหรบเวบไซตทวไปแลว โฮสตงมลกษณะทเปรยบไดเหมอนกบ สำาหรบเวบไซตทวไปแลว โฮสตงมลกษณะทเปรยบไดเหมอนกบ ฮารดดสก ในเครองคอมพวเตอรของเรานนเอง โดยรปแบบการฮารดดสก ในเครองคอมพวเตอรของเรานนเอง โดยรปแบบการใหบรการ จะอนญาตใหผใชบรการสามารถนำาเวบเพจของตนเอง ใหบรการ จะอนญาตใหผใชบรการสามารถนำาเวบเพจของตนเอง นำาขนไปออนไลนบนอนเตอรเนต ดงนนเราจะพบวาทกเวบไซตทนำาขนไปออนไลนบนอนเตอรเนต ดงนนเราจะพบวาทกเวบไซตทออนไลนบนอนเตอรเนต จะตองไดรบการฝากหรอเกบไวบนออนไลนบนอนเตอรเนต จะตองไดรบการฝากหรอเกบไวบนคอมพวเตอรพเศษทเรยกวา เวบเซรฟเวอร คอมพวเตอรพเศษทเรยกวา เวบเซรฟเวอร Web servers Web servers ซง ซง เซรฟเวอร น จะทำาหนาทเปนตวตดตอซงกนและกนและทกหนทกเซรฟเวอร น จะทำาหนาทเปนตวตดตอซงกนและกนและทกหนทกแหงตลอด แหงตลอด 2424 ชวโมง เพอใหเวบไซตของเรา สามารถเขาถงไดจากชวโมง เพอใหเวบไซตของเรา สามารถเขาถงไดจากทกททกเวลาในโลกทมการตอเชอม การเขาชมเวบไซตบนทกททกเวลาในโลกทมการตอเชอม การเขาชมเวบไซตบนอนเตอรเนตงายๆ กคอการพมพชอเวบไซต หรอชอโดเมน อนเตอรเนตงายๆ กคอการพมพชอเวบไซต หรอชอโดเมน ((Domain NameDomain Name) ) ทเรารจก ยกตวอยางเชนทเรารจก ยกตวอยางเชน  www.keepidea.net ,  , www.evohosting.in.th  

โดยผใหบรการไดทำาการตดตงระบบทงหมดเปนทเรยบรอยแลว เมอมบคคลโดยผใหบรการไดทำาการตดตงระบบทงหมดเปนทเรยบรอยแลว เมอมบคคลทพมพชอเวบไซตดงกลาว ชอนนจะถกสงตามเสนทาง จากเครองทพมพชอเวบไซตดงกลาว ชอนนจะถกสงตามเสนทาง จากเครองคอมพวเตอรหนงไปยงอกเครองคอมพวเตอรหนงไปเรอยๆจนกระทงไปพบคอมพวเตอรหนงไปยงอกเครองคอมพวเตอรหนงไปเรอยๆจนกระทงไปพบเครองเวบเซรฟเวอรทเวบไซตนนไดฝากเวบไซตไว เครองเวบเซรฟเวอรทเวบไซตนนไดฝากเวบไซตไว ((Host computerHost computer) ) ภายในภายในไมกเสยววนาทกจะสามารถเปดเวบดงกลาวได ดงนนการทจะนำาเวบไซตของไมกเสยววนาทกจะสามารถเปดเวบดงกลาวได ดงนนการทจะนำาเวบไซตของเราออนไลนบนอนเตอรเนต สงแรกทจำาเปนจะตองม นนกคอเวบเซรฟเวอรเราออนไลนบนอนเตอรเนต สงแรกทจำาเปนจะตองม นนกคอเวบเซรฟเวอรนนเอง แตทวาการตดตงระบบ เวบเซรฟเวอรเปน ของตนเองนน เราสามารถนนเอง แตทวาการตดตงระบบ เวบเซรฟเวอรเปน ของตนเองนน เราสามารถทจะทำาไดแตเพราะวามคาใชจายทคอนขางสงมากและทสำาคญยงไปกวานน จำาทจะทำาไดแตเพราะวามคาใชจายทคอนขางสงมากและทสำาคญยงไปกวานน จำาเปนอยางยง ทจะตองมผเชยวชาญเฉพาะดานเพราะเปนเทคนคชนสง ตองเปนอยางยง ทจะตองมผเชยวชาญเฉพาะดานเพราะเปนเทคนคชนสง ตองคอยดแลตลอด คอยดแลตลอด 2424 ชวโมง ดงนนดวยเหตจำากดดงกลาว บรษทสวนใหญจงชวโมง ดงนนดวยเหตจำากดดงกลาว บรษทสวนใหญจงไมสามารถดำาเนนการลงทนเพอเปนเจาของเองได และนคอเปนทมาของไมสามารถดำาเนนการลงทนเพอเปนเจาของเองได และนคอเปนทมาของบรการของเวบโฮสตง บรการของเวบโฮสตง ((Web Hosting Web Hosting หรอ หรอ Hosting, HostHosting, Host))เวบโฮสตงทดนน ดงทกลาวมาขางตน เพราะตองมบคลากรทชำานาญการ จงเวบโฮสตงทดนน ดงทกลาวมาขางตน เพราะตองมบคลากรทชำานาญการ จงตองใหบรการทงเครองไมเครองมอ ทสามารถอำานวยความสะดวก มความทนตองใหบรการทงเครองไมเครองมอ ทสามารถอำานวยความสะดวก มความทนสมย และใหคำาแนะนำาแกผใชบรการอยางทนทวงท เพอใหลกคาสามารถดแลสมย และใหคำาแนะนำาแกผใชบรการอยางทนทวงท เพอใหลกคาสามารถดแลและแกไขเวบไซตของตนเองไดตลอดเวลาและแกไขเวบไซตของตนเองไดตลอดเวลา

(Web Hosting ) (ตอ)

Domain NameDomain Name

ตวอยางตอไปน แสดงถงตวอยางตอไปน แสดงถงDomain Name Domain Name : : example.comexample.com

URLURL : : http://www.example.com  

โดเมนเนม (Domain Name) หรอ ชอ เวบไซต

ยอารแอล (URL) Uniform Resource Locator หมายถง ตวบงบอกขอมล หรอ ทอย (Address) ของไฟลหรอเวบไซตบนอนเตอรเนต

โดเมนเนมโดเมนเนม (domain name)(domain name) หมายถง ชอทใชระบลงในคอมพวเตอร หมายถง ชอทใชระบลงในคอมพวเตอร ((เชน เปนสวนหนงเชน เปนสวนหนง

ของทอยของทอยเวบไซต หรอหรออเมลแอดเดรส) ) เพอไปคนหาในระบบ เพอไปคนหาในระบบ โดเมนเนมซสเทม เพอระบถง เพอระบถง IP Address (Internet Protocol Address) IP Address (Internet Protocol Address)

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

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

หลกทใชในการตงชอ โดเมนเนมหลกทใชในการตงชอ โดเมนเนม

- ความยาวของชอ ตงไดไมเกน ความยาวของชอ ตงไดไมเกน 67 67 ตวอกษรตวอกษร- สามารถใชตวอกษรภาษาองกฤษผสมกบตวเลขหรอสามารถใชตวอกษรภาษาองกฤษผสมกบตวเลขหรอ

เครองหมายขดเครองหมายขด(-) (-) ไดได- ตวอกษรภาษาองกฤษ ใชตวเลกหรอตวใหญกไดตวอกษรภาษาองกฤษ ใชตวเลกหรอตวใหญกได- หามใชเครองหมายขด หามใชเครองหมายขด (-) (-) นำาหนาชอ โดเมนเนมนำาหนาชอ โดเมนเนม- หามเวนวรรคในชอ โดเมนเนม หามเวนวรรคในชอ โดเมนเนม

.com..com. ใชทำาเวบไซตของบรษท หางรานโดยทวไป รวมทงใชทำาเวบไซตของบรษท หางรานโดยทวไป รวมทงเวบไซตสวนตว และมบางครงนำาไปใชทำาเวบไซต เวบไซตสวนตว และมบางครงนำาไปใชทำาเวบไซต ((web site) web site) ประเภทอนๆ ดวยประเภทอนๆ ดวย

.net.net ใชทำาเวบไซตเกยวกบระบบเนตเวรค ใชทำาเวบไซตเกยวกบระบบเนตเวรค ((network) network) ของคอมพวเตอร หรอเวบไซตบรการอนเตอรเนต ของคอมพวเตอร หรอเวบไซตบรการอนเตอรเนต แตบางครงกนำาไปใชดานอนดวย แตบางครงกนำาไปใชดานอนดวย

.org.org ใชทำาเวบไซตของสวนราชการ บางครงกมการจดใชทำาเวบไซตของสวนราชการ บางครงกมการจดทะเบยนนำาไปใชกบเวบไซตประเภทอนดวย ทะเบยนนำาไปใชกบเวบไซตประเภทอนดวย

.go.go..thth เปนเวบไซตของหนวยงานรฐบาลเปนเวบไซตของหนวยงานรฐบาล

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

Domain ประเภทตาง ๆ (นามสกล website)

.info ใชสำาหรบเวบไซตทใหรายละเอยดเกยวกบขอมลตางๆ เชน ขอมลของประเทศตางๆ เปนตน (ขอมลสารสนเทศ )

.tv เปนเวบไซตของสอโฆษณาตางๆ โดยเฉพาะสอทางดานภาพและเสยง ปจจบนคอนขางไดรบความนยมจากเวบไซตประเภทสอพอสมควร

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

.ws เปนชนดของชอเวบไซตหนงทพยามยามสรางขนมาเพอแขงขนกบ .cc การนำาไปใชงานสามารถนำาไปใชไดกบทกประเภทเวบไซต

.in.th.in.th เปนเวบไซตของบคคลธรรมดาโดยทวไป ทเปนเวบไซตของบคคลธรรมดาโดยทวไป ทอาศยอยในประเทศไทยชอโดเมนจะใชชออะไรอาศยอยในประเทศไทยชอโดเมนจะใชชออะไรกได ใชสำาเนาบตรประชาชน หรอสำาเนาใบขบขกได ใชสำาเนาบตรประชาชน หรอสำาเนาใบขบขเปนหลกฐานการจดทะเบยน เปนหลกฐานการจดทะเบยน

.co.th.co.th เปนเวบไซตของสวนราชการของประเทศไทย เปนเวบไซตของสวนราชการของประเทศไทย โดยปกตจะเปนองคกรขนาดใหญ โดยปกตจะเปนองคกรขนาดใหญ

.ac.th.ac.th เปนเวบไซตของสถานศกษาตางๆ ชอของเปนเวบไซตของสถานศกษาตางๆ ชอของโดเมนทจดทะเบยนตองเปนชอของสถานโดเมนทจดทะเบยนตองเปนชอของสถานศกษานนๆ หรอชอยอของชอสถานศกษา ใชศกษานนๆ หรอชอยอของชอสถานศกษา ใชสำาเนาเอกสารการขออนญาตกอตงสถานสำาเนาเอกสารการขออนญาตกอตงสถานศกษาเปนหลกฐาน ศกษาเปนหลกฐาน

Or.thOr.th ใชทำาเวบไซตของสวนราชการ และชอโดเมนตองเปนใชทำาเวบไซตของสวนราชการ และชอโดเมนตองเปนชอขององกร หรอตวยอของชอองคกรนนๆ ตองใชชอขององกร หรอตวยอของชอองคกรนนๆ ตองใชสำาเนาเอกสารทางราชการเปนหลกฐานการจดสำาเนาเอกสารทางราชการเปนหลกฐานการจดทะเบยนทะเบยน

.web.web กลมงานเกยวกบ กลมงานเกยวกบ www (World Wide Web)www (World Wide Web)

.store.store กลมธรกจทำาการซอขายสนคา กลมธรกจทำาการซอขายสนคา ((Store)Store)

.arts.arts ขอมลเกยวของกบศลปวฒนธรรมขอมลเกยวของกบศลปวฒนธรรม (Art)(Art)

.rec.rec เกยวกบการพกผอน กจกรรม เกยวกบการพกผอน กจกรรม ((Recreation) Recreation) 

..intint   หนวยงานทตงขนโดยสญญาหรอขอตกลงหนวยงานทตงขนโดยสญญาหรอขอตกลงระหวางประเทศระหวางประเทศ

.mi.th.mi.th สำาหรบหนวยงานทางทหารของประเทศไทยสำาหรบหนวยงานทางทหารของประเทศไทย

.co.co หมายถงเวบไซตขององคการธรกจหมายถงเวบไซตขององคการธรกจ (Commercial) (Commercial)

.ac.ac หมายถงเวบไซตของสถาบนการศกษา หมายถงเวบไซตของสถาบนการศกษา ((Academic) Academic)

.nom.nom เกยวกบโดเมนสวนตว เกยวกบโดเมนสวนตว ((Nomenclature)Nomenclature)

Net.thNet.th เปนเวบไซตเกยวกบบรษททเกยวกบระบบ เปนเวบไซตเกยวกบบรษททเกยวกบระบบ NetworkNetwork หรอ หรอ ISP (ISP (ผใหบรการอนเตอรเนตผใหบรการอนเตอรเนต) ) ในในประเทศไทย ประเทศไทย

.edu.edu กลมการศกษากลมการศกษา (Education) (Education) 

.gov.gov กลมองคกรรฐบาล กลมองคกรรฐบาล ((Goverment)Goverment)

.go.go หมายถงเวบไซตของหนวยงานรฐบาล หมายถงเวบไซตของหนวยงานรฐบาล ((Goverment) Goverment)

.mit.mit กลมองคกรทหาร กลมองคกรทหาร ((Military)Military)

.firm.firm กลมธรกจการคา บรษท หางราน กลมธรกจการคา บรษท หางราน ((Firms)Firms)

โดเมนเนมทเปนชอยอของประเทศโดเมนเนมทเปนชอยอของประเทศ

เชน เชน . th . th เวบไซตของประเทศไทยเวบไซตของประเทศไทย (Thailand)(Thailand).hk .hk เวบไซตของประเทศฮองกงเวบไซตของประเทศฮองกง (Hongkong)(Hongkong).jp .jp เวบไซตของประเทศญปนเวบไซตของประเทศญปน (Japan)(Japan).au .au เวบไซตของประเทศออสเตรเลยเวบไซตของประเทศออสเตรเลย (Australia)(Australia).uk .uk เวบไซตของประเทศองกฤษ เวบไซตของประเทศองกฤษ ((United United Kingdom)Kingdom)

.us .us เวบไซตของประเทศสหรฐอเมรกา เวบไซตของประเทศสหรฐอเมรกา (United (United States)States)

การจดโดเมนเนมแบงออกเปน การจดโดเมนเนมแบงออกเปน 22 กลมดงนกลมดงน

โดเมนเนมสากล ไดแก โดเมนเนมทมโดเมนเนมสากล ไดแก โดเมนเนมทมนามสกล นามสกล ..com, com, ..net, net, ..org, org, ..biz biz และ และ ..info info ซงโดเมนเนมเหลานไมตองใชเอกสารใดๆ ในการขอจดทะเบยน ซงโดเมนเนมเหลานไมตองใชเอกสารใดๆ ในการขอจดทะเบยน ราคาคาบรการจะคดราคาเปนรายป ราคาคาบรการจะคดราคาเปนรายป

โดเมนเนมของไทย ไดแก โดเมนเนมทมนามสกล โดเมนเนมของไทย ไดแก โดเมนเนมทมนามสกล ..coco..th, th, ..inin..th, th, ..oror..th, th, ..acac..th th และ และ ..gogo..ththสำาหรบโดเมนเนมในกลมน จำาเปนตองใชเอกสาร ทเกยวของกบสำาหรบโดเมนเนมในกลมน จำาเปนตองใชเอกสาร ทเกยวของกบโดเมนเนมโดเมนเนมราคาคาบรการจะคดราคาเปนรายปราคาคาบรการจะคดราคาเปนรายป

ตวอยาง ราคาการจด Domain

1.Users คอกลมคนทวไปทกำาลงตองการเยยมชมเวบไซตของเรา โดยเมอพวกเขาเหลานนพมพชอโดเมนเนมของเราแลว จะถกสงไป 2.DNS (Domain Name system ) Server ทเราไดขอตงชอ website ไว หรอทพกด IP Address ทตงของ เซฟเวอร ซงตงอยบน 3.Host  ทเราจดเกบเวบไซตนนเอง เมอถกสงไปยง Hosting แลวนน เจาตว Browser หรอ โปรแกรม เชน IE ทเราใชในการเขาชมเวบไซตกจะดงขอมลเวบไซตของเราจากทาง Host ทเราไดเชาเอาไว ออกมาเปนหนาเวบไซตใหไดเหนกนนนเอง

การใชงาน Domain Name และ Hosting

ชอ website /Domain Name

Domain Nameทตง Domain Name

พนท web serversservers ขอมล Website

ตวอยาง website ทใหฟร พนท website 10 Mb และฟร Domain Name

http://www.phitsanulok.ob.tc

ความเปนเอกลกษณ

ระบบเมน

มลกษณะหนาสนใจ

ความเรยบงาย

ความสมำาเสมอ

เนอหาทเปนประโยชน

ใชงานงาย

องคประกอบองคประกอบ

การออกแบบการออกแบบ

ตามแบบลกษณะองคกรสะทอนภาพลกษณองคกร

ใชภาพ

ใชกราฟกใชสสน

เนนเฉพาะเรอง

เนอหาชดเจน

สบายตา

สงทจำาเปน

ไมซบซอน

รปแบบเดยวกบทงเวบผใชไมสบสน

ดไซนอยในทศทางเดยวกน

นำาสนใจไมซำากบ web อน

เขาถงงายไมตองตดตง

โปรแกรมเพมเตมไมมรหสผาน

คำาอธบายชดเจน

ใชงานงาย

สะดวกในการใช

อยตำาแหนงเดมทกหนา

เนอหาทเกยวของ

ขอมลบรษทกจกรรมผลตภณฑการตดตอฯลฯ

การออกแบบ การออกแบบ websitewebsite

กำาหนดขอบเขต

กำาหนดเปาหมาย

กำาหนดโครงสราง

ตองการนำาเสนออะไรตองการเวบไซตแบบไหนแลวจะทำาอยางไร

สราง สราง webpagewebpage

UploadUpload webpagewebpage

•สราง Site Map•แบงเฟรมพนทแสดงผล

•ขอมล•ระยะเวลา•งบประมาณ•ทรพยากร

•ความตองการองคกร•เปาหมายองคกร•โปรแกรมทใช•ความสวยงาม

การจดการ การจดการ websitewebsite

ลงทะเบยนลงทะเบยน

เวบโปรแกรมเมอร

ผดแลระบบ

เวบมาสเตอร

ผกำาหนดโครงสรางขอมล

เวบดไซน

ทมงานพฒนาเวบไซต

ผตรวจสอบเนอหา

ทมงานพฒนาเวบไซต

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

2. 2. ผกำาหนดโครงสรางขอมลผกำาหนดโครงสรางขอมล (Information Architect)(Information Architect)ผกำาหนดโครงสรางขอมล ทำาหนาทจดระเบยบขอมลและทดสอบผกำาหนดโครงสรางขอมล ทำาหนาทจดระเบยบขอมลและทดสอบประสทธภาพการใชงานเวบไซตตำาแหนงนควรมความเขาใจในการจดประสทธภาพการใชงานเวบไซตตำาแหนงนควรมความเขาใจในการจดระบบขอมลและระบบการใชงานตางๆและตองคำานงถงแนวทางการระบบขอมลและระบบการใชงานตางๆและตองคำานงถงแนวทางการขยายขนาดเวบไซตใหใหญขนในอนาคตโดยไมสรางความสบสนใหกบผขยายขนาดเวบไซตใหใหญขนในอนาคตโดยไมสรางความสบสนใหกบผใชรวมไปถงแสดงการถายโอนขอมลทมความสมพนธกนออกมาเปนใชรวมไปถงแสดงการถายโอนขอมลทมความสมพนธกนออกมาเปนไซตแมปไซตแมป (Site Map) (Site Map) 3. 3. เวบดไซนเวบดไซน (Web Designer)(Web Designer)เวบดไซน ทำาหนาทเปนผออกแบบลกษณะหนาตาทงหมดของเวบไซต เวบดไซน ทำาหนาทเปนผออกแบบลกษณะหนาตาทงหมดของเวบไซต โดยผทรบหนาทนควรมโดยผทรบหนาทนควรม ความรทางศลปะและสามารถใชโปรแกรมความรทางศลปะและสามารถใชโปรแกรมกราฟกตางๆ ไดเปนอยางด เชนกราฟกตางๆ ไดเปนอยางด เชน Photoshop Photoshop หรอหรอ Illustrator Illustrator เปนตนเปนตนรวมทงตองรจกวธการปรบขนาดไฟลกราฟกในโปรแกรมตางๆ เชนรวมทงตองรจกวธการปรบขนาดไฟลกราฟกในโปรแกรมตางๆ เชน Fireworks Fireworks หรอหรอ ImageReady ImageReady เปนตน และการใชงานโปรแกรมชวยเปนตน และการใชงานโปรแกรมชวยสรางเวบ เชนสรางเวบ เชน Dreamweaver Dreamweaver เปนตน ไดพอสมควรอกทงตองมความเปนตน ไดพอสมควรอกทงตองมความรเกยวกบรปแบบตวอกษรรเกยวกบรปแบบตวอกษร (Typography(Typography))

4. 4. เวบโปรแกรมเมอรเวบโปรแกรมเมอร (Web Programmer)(Web Programmer)เวบโปรแกรมเมอร ทำาหนาทเขยนสครปตและโปรแกรมการใชเวบโปรแกรมเมอร ทำาหนาทเขยนสครปตและโปรแกรมการใชงานตางๆ ภายในเวบไซต ชวยพฒนาระบบการทำางานทมงานตางๆ ภายในเวบไซต ชวยพฒนาระบบการทำางานทมประโยชนใหกบผใชประโยชนใหกบผใช5. 5. ผดแลระบบผดแลระบบ (System Administrator)(System Administrator)ผดแลระบบ ทำาหนาทควบคม ดและเวบเซรฟเวอร รวมถงผดแลระบบ ทำาหนาทควบคม ดและเวบเซรฟเวอร รวมถงฮารแวรและซอฟตแวรอนทเกยวของสามารถวเคราะหและฮารแวรและซอฟตแวรอนทเกยวของสามารถวเคราะหและปรบตงระบบเพอการทำา งานทมประสทธภาพปรบตงระบบเพอการทำา งานทมประสทธภาพ6. 6. ผตรวจสอบเนอหาผตรวจสอบเนอหา (Content Editor / Writer)(Content Editor / Writer)ผตรวจสอบเนอหา ทำาหนาทในการจดเตรยมเนอหาทงหมดในผตรวจสอบเนอหา ทำาหนาทในการจดเตรยมเนอหาทงหมดในเวบไซต โดยรวบรวมเนอหาทมประโยชนและนาสนใจใหกบผใชเวบไซต โดยรวบรวมเนอหาทมประโยชนและนาสนใจใหกบผใชอยเสมอนอกจากนยงตองคอยตรวจสอบความถกตองและอยเสมอนอกจากนยงตองคอยตรวจสอบความถกตองและคณภาพของเนอหาคณภาพของเนอหา

วางแผนการสรางเวบไซต

ออกแบบแปลนของเวบไซต

ออกแบบกราฟก

ออกแบบกำาหนดขอมล

หาโปรแกรมสำาหรบสรางเวบไซต

สรางเวบไซตเสมอนจรง

ตามทออกแบบ

หา Host และ Domain Name

กำาหนดวตถประสงค

รวบรวมขอมลรปภาพ และ ตวอกษร

ปรบปรง&พฒนา

Design

Update

การดำาเนนงานพฒนา การดำาเนนงานพฒนา websitewebsite

สราง Site map เมอสรปความตองการทชดเจนไดแลว ขนตอน

ตอไปคอ การเขยนแบบรางออกมาวาเวบไซตของคณจะมกหนา การเชอมโยงระหวางแตละหนาเปนอยางไร ซงทงหมดนเรยกรวมกนวา Site map

Page1.html

(หนาแรก) Index.html

Page2.html Page3.html Page4.html

Website

องคประกอบหนาเวบขอความ

รปภาพกราฟกสสน รปแบบ

เทคนคบนเวบการLinkเมน Pop Up

โปรแกรมกราฟกทเกยวของ

Word pressJoomla

โปรแกรมพฒนาเวบ

mock up mock up การจำาลองการจำาลองเวบเวบ

สวนประกอบของเวบ

ใชกระดาษใชโปรแกรม

สวนหวเวบสวนเนอหาสวนทายเวบ

MySQL

PHP

รายละเอยดรายละเอยด

ของเวบไซดของเวบไซด

PhotoshopFlash

Movie Maker

Rollover Image

โปรแกรม/ภาษา/ฐานขอมล

ออกแบบและลงมอสรางออกแบบและลงมอสรางตามหลกในการสรางเวบนนกอนจะลงมอสรางจรง มกจะมตามหลกในการสรางเวบนนกอนจะลงมอสรางจรง มกจะมการทำาเวบจำาลองหรอทเรยกวา การทำาเวบจำาลองหรอทเรยกวา mock up mock up ขนมากอน เพอดขนมากอน เพอดวาสวยงามเหมาะสม หรอตองการแกไขปรบปรงสวนไหน โดยวาสวยงามเหมาะสม หรอตองการแกไขปรบปรงสวนไหน โดยตองสราง ตองสราง mock up mock up ทกหนาเวบเพจ ทวาดไวใน ทกหนาเวบเพจ ทวาดไวใน Site Site map map ในการสราง ในการสราง mock upmock up ม ม 22 วธ ดงนวธ ดงน

วาดในกระดาษวาดในกระดาษ วธนงายขอดคอสรางวธนงายขอดคอสราง mock up mock up ไดไดรวดเรว แกไขเพมเตมสงทตองการงาย ขอเสยคอกำาหนดการรวดเรว แกไขเพมเตมสงทตองการงาย ขอเสยคอกำาหนดการวงองคประกอบตาง ๆ ในเวบเพจไดแคคราว ๆ เทานนวงองคประกอบตาง ๆ ในเวบเพจไดแคคราว ๆ เทานน

ออกแบบผานโปรแกรมกราฟกออกแบบผานโปรแกรมกราฟก เปนวธมาตรฐานของมอเปนวธมาตรฐานของมออาชพ โดยโปรแกรมทนยมใชในการออกแบบ อาชพ โดยโปรแกรมทนยมใชในการออกแบบ mock up mock up กคอ กคอ Photoshop Photoshop และ และ Firework Firework หรอแลวแตถนด ขอดคอหรอแลวแตถนด ขอดคอกำาหนดสวนประกอบในเวบเพจไดชดเจน วาอยตำาแหนงไหน มกำาหนดสวนประกอบในเวบเพจไดชดเจน วาอยตำาแหนงไหน มขนาดเทาไหร ขอเสยคอตองมความรความชำานาญในการใชขนาดเทาไหร ขอเสยคอตองมความรความชำานาญในการใชโปรแกรมกราฟกโปรแกรมกราฟก

องคประกอบหนาเวบเทคนคบนองคประกอบหนาเวบเทคนคบนเวบเวบ

ขอความและรปภาพขอความและรปภาพ ลงค ลงค ((Link) Link) คอ จดทคณสามารถคลกเพอเปดคอ จดทคณสามารถคลกเพอเปด

เขาไปยงเวบเพจหนาอนหรอเวบไซตอนได จดเขาไปยงเวบเพจหนาอนหรอเวบไซตอนได จดสงเกตของลกคขอความกคอ เมอคณนำาเมาสสงเกตของลกคขอความกคอ เมอคณนำาเมาสไปวางบนขอความนน เคอรเซอรของเมาสจะไปวางบนขอความนน เคอรเซอรของเมาสจะเปลยนเปนรปมอเปลยนเปนรปมอ

ลงครปภาพ คอ รปททำาหนาทเปนลงค เมอคลกลงครปภาพ คอ รปททำาหนาทเปนลงค เมอคลกทรปจะเปนการเชอมโยงไปยงเวบเพจหนาอนทรปจะเปนการเชอมโยงไปยงเวบเพจหนาอนหรอเวบไซตอน จดสงเกตของลกครปภาพกคอ หรอเวบไซตอน จดสงเกตของลกครปภาพกคอ เมอคณนำาเมาสไปวางบนรปภาพนน เคอรเซอรเมอคณนำาเมาสไปวางบนรปภาพนน เคอรเซอรของเมาสจะเปลยนเปนรปมอของเมาสจะเปลยนเปนรปมอ

เทคนคบนเวบเทคนคบนเวบ Rollover Image Rollover Image คอ ลกเลนรปแบบหนงทคอ ลกเลนรปแบบหนงท

นำามาใชในเวบเพจ โดยเปนเทคนคการใชรป นำามาใชในเวบเพจ โดยเปนเทคนคการใชรป 22 รป มาแสดงผลทตำาแหนงเดยวกน กอนรป มาแสดงผลทตำาแหนงเดยวกน กอนนำาเมาสไปวางทตำาแหนงนนจะเปนรปหนง นำาเมาสไปวางทตำาแหนงนนจะเปนรปหนง แตเมอนำาเมาสไปวางบนตำาแหนงนนรปจะแตเมอนำาเมาสไปวางบนตำาแหนงนนรปจะเปลยนเปนอกรปหนงเปลยนเปนอกรปหนง

เมน เมน Pop upPop upเปนเมนพเศษโดยซอนเปนเมนพเศษโดยซอนรายการตวเลอกเอาไวกอน เมอคณนำาเมาสรายการตวเลอกเอาไวกอน เมอคณนำาเมาสไปวางทปมหรอรปภาพทเปนสวนหวของเมน ไปวางทปมหรอรปภาพทเปนสวนหวของเมน รายการตวเลอกทซอนเอาไวจงจะปรากฏขน รายการตวเลอกทซอนเอาไวจงจะปรากฏขนมา เปนลกเลนทนยมนำามาใชเพอประหยดมา เปนลกเลนทนยมนำามาใชเพอประหยดพนทแสดงรายการตวเลอกพนทแสดงรายการตวเลอก

ไมใชงาน Database ใชงาน Database

• นำาเสนอขอมล เผยแพร ประชาสมพนธ ดวยขอความ ภาพ กราฟก เทานน • ผเขาชมไมสามารถเกบขอมล หรอตดตอกบทางwebsiteได แบบ Online

•ปรบปรงขอมลไดแบบ Online•เกบขอมลผเขาชมได แบบ Online•สมครสมาชกได แบบ Online•ซอสนคาทาง Online•จองสนคาทาง Online•ทำาขอสอบ Online•ประมลสนคา Online•ฟงเพลง Online•ด TV Online•คนหาขอมล Online•ฯลฯ

Website

โปรแกรมสำาหรบโปรแกรมสำาหรบพฒนาพฒนาwebsitewebsite Wordpress Wordpress JoomlaJoomla Macromedia DreamweaverMacromedia Dreamweaver WebPlusWebPlus ........

MySQLMySQL BaseportalBaseportal PHPPHP AccessAccess ……..

โปรแกรมโปรแกรม//ภาษาภาษารองรบฐานรองรบฐาน

ขอมลขอมล

ฐานขอมล Database คอ การรวบรวมขอมลทอยตางท มาจดเกบอยางเปนระบบระเบยบ สามารถสบคน เพมเตม ลบ แกไข ไดตามตองการ

ตวอยาง websiteทมการใชงาน Database

Wordpress Wordpress

WordpressWordpress คอ โปรแกรมระบบจดการเวบไซต คอ โปรแกรมระบบจดการเวบไซต CMSCMS(Content Management System)(Content Management System) ทมคณสมบต ทมคณสมบต function function หลาย ๆ อยาง เชน หลาย ๆ อยาง เชน การใชงาน ฐานขอมล การใชงาน ฐานขอมล ((Database)Database) ในเรองในเรอง

จดทำา จดทำา User User ((ผเขาใชงาน ผเขาใชงาน / / สมาชกสมาชก)) จดทำา จดทำา Password Password ((รหสผานรหสผาน)) การสบคนขอมล การสบคนขอมล OnlineOnline การปรบปรงขอมล การปรบปรงขอมล OnlineOnline

การใชงาน ระบบมลตมเดยการใชงาน ระบบมลตมเดย ภาพนง ภาพนง / / ภาพเคลอนไหว ภาพเคลอนไหว / / เสยงเสยง

E-mailE-mail กระดานสนทนา กระดานสนทนา ((Web boardWeb board)) จดการขอมลบนพนท จดการขอมลบนพนท website website อยางเปนหมวดหม อยางเปนหมวดหม

ระบบอตโนมต ใชเมาส ทำางาน มเมน / ปมคำาสงชวยงานไมตองเขยน Code เอง