เว็บไซต์ ( website )
DESCRIPTION
เว็บไซต์ ( Website ). การออกแบบและพัฒนาเว็บไซต์. ที่เกี่ยวข้องกับ Website. Domain Name. Web Hosting. ชื่อ website. พื้นที่ใช้งาน website. Website. Design. D evelopment. ออกแบบ website. พัฒนา website. เว็บไซต์ ( Website ). - PowerPoint PPT PresentationTRANSCRIPT
เวบไซต เวบไซต ((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 เอง