ส่วนประกอบของเว็บไซต์ที่ดี
Download
Report
Transcript ส่วนประกอบของเว็บไซต์ที่ดี
LOGO
Website
1
ประวัติของเว็บไซต์
2
ส่ วนประกอบของเว็บไซต์
3
ประโยชน์ ของเว็บไซต์
4
ประเภทของเว็บไซต์
5
วิธีการสร้ างเว็บไซต์ อย่ างง่ าย
2
Website
เว็บไซต์ (website, web site, หรือ Web site)
หมายถึง หน้ าเว็บเพจหลายหน้ า เชื่อมโยงกันผ่ านทางไฮเปอร์ ลงิ ก์ จัดทา
ขึน้ เพือ่ นาเสนอข้ อมูลผ่ านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ ในเวิลด์ ไวด์ เว็บ
หน้ าแรกของเว็บไซต์ ที่เก็บไว้ จะเรียกว่ า โฮมเพจ เว็บไซต์ โดยทัว่ ไปจะ
ให้ บริการต่ อผู้ใช้ ฟรี แต่ ในขณะเดียวกันบางเว็บไซต์ จาเป็ นต้ องมีการ
สมัครสมาชิกและเสี ยค่ าบริการ เพือ่ ทีจ่ ะดูข้อมูล ในเว็บไซต์ น้ัน ซึ่งได้ แก่
ข้ อมูลทางวิชาการ ข้ อมูลตลาดหลักทรัพย์ หรือข้ อมูลสื่ อต่ างๆ ผู้ทา
เว็บไซต์ มีหลากหลายระดับ ตั้งแต่ สร้ างเว็บไซต์ ส่วนตัว จนถึงระดับ
เว็บไซต์ สาหรับธุรกิจหรือองค์ กรต่ างๆ การเรียกดูเว็บไซต์ โดยทั่วไปนิยม
เรียกดูผ่านซอฟต์ แวร์ ในลักษณะของ เว็บเบราว์ เซอร์
3
ประวัติของเว็บไซต์
เว็บไซต์ แรกของโลก คือ http://info.cern.ch
เปิ ดตัวครั้งแรกบนโลกไซเบอร์ เมื่อวันที่ 6 สิ งหาคม 2534
สร้ างโดย เซอร์ ทิโมที จอห์ น เบอร์ เนิร์ส-ลี ผู้คดิ และพัฒนาระบบ
เวิลด์ ไวด์ เว็บ (Worldwide Web) เป็ นคนแรกของโลก
ทิม เบอร์ เนิร์ส-ลี เกิดในกรุงลอนดอน ประเทศอังกฤษ
เป็ นบุตรของนายคอนเวย์ เบอร์ เนิร์ส-ลี
และนางแมรี ลี วูดส์ ซึ่งทั้งสองคนนีเ้ ป็ นนักคณิตศาสตร์
ผู้อยู่ในทีมสร้ างคอมพิวเตอร์ "แมนเชสเตอร์ มาร์ ก 1"
คอมพิวเตอร์ ยุคแรกของโลก
4
ประวัติของเว็บไซต์
พ.ศ. 2523 ทิม เบอร์ เนิร์ส-ลี ได้ ทางานเป็ น Freeland อยู่ที่เซิร์น
ได้ เสนอโครงการ ข้ อความหลายมิติ(Hypertext) ขึน้ เพือ่ ใช้ ในการ
แลกเปลีย่ นข้ อมูลระหว่ างนักวิจัยด้ วยกัน และมีการเริ่มสร้ างระบบต้ นแบบ
ไว้ แล้ว โดยใช้ ชื่อว่ า ENQUIRE
“ เมื่อถึง พ.ศ. 2532 เซิร์นได้ กลายเป็ นศูนย์ อนิ เทอร์ เน็ตทีใ่ หญ่ ทสี่ ุ ดใน
ยุโรป และเบอร์ เนิร์ส-ลีได้ เล็งเห็นโอกาส ในการใช้ "ข้ อความหลายมิติ"
ผนวกเข้ ากับอินเทอร์ เน็ต
5
ประวัติของเว็บไซต์
เบอร์ เนิร์ส-ลีเขียนไว้ ในข้ อเสนอโครงการของเขาว่ า "...ผมเพียงเอา
ความคิดเรื่องข้ อความหลายมิตนิ ีเ้ ชื่อมต่ อเข้ ากับความคิด "ทีซีพ"ี และ
"DNS" และเท่ านั้นก็จะได้ "เวิลด์ ไวด์ เว็บ..
เบอร์ เนิร์ส-ลีได้ ใช้ ความคิดเดียวกับระบบเอ็นไควร์ มาใช้ สร้ างเวิลด์ ไวด์ เว็บ
ซึ่งเขาได้ ออกแบบและสร้ างเว็บเบราว์ เซอร์ และเอดิเตอร์ ตัวแรก (เรียกว่ า
Worldwide Web และพัฒนาด้ วย NEXTSTEP)และเว็บ
เซิร์บเวอร์ ขนึ้ เรียกว่ า httpd (ย่ อมาจาก HyperText
Protocal Deamon)
6
ประวัติการพัฒนาเว็บไซต์
1.Static Web
Static Web นั้น เป็ นเว็บไซต์ ที่นิ่งๆ มีข้อความให้ อ่านอย่ างเดียว
ส่ วนใหญ่ พฒ
ั นามาจากภาษา HTML ที่เป็ นภาษาหลักอย่ างเป็ น
ทางการของการสร้ างเว็บไซต์
7
ประวัติการพัฒนาเว็บไซต์
2.Static Web 1.5
เป็ นผลจากความดังของข้ อแรก แต่ กย็ งั เป็ น Static Web อยู่ การทางาน
เริ่มง่ ายขึน้ Notepad เครื่องมือมหัศจรรย์ ได้ ถูกลืม และใช้ งานเครื่องมือ
สร้ างเว็บแบบใหม่ ที่เราเรียกมันว่ า “WYSIWYG” ชื่อเต็มๆ คือ
What You See Is What You Get” และ
เครื่องมือที่ช่วยสร้ างเว็บที่ได้ รับความนิยมตั้งแต่ ต้นจนจบนั้นคือ โปรแกรม
Macromedia Dreamweaver ปัจจุบันเปลีย่ นชื่อเป็ น
Adobe Dreamwaever
8
ประวัติการพัฒนาเว็บไซต์
3.Interactive Web
เมื่อเว็บนิ่งๆ ก็ดูจะไม่ เร้ าใจ จึงได้ เกิดการใช้ ภาษาทีท่ าให้ เว็บไซต์ สามารถ
โต้ ตอบ กับผู้ใช้ งานได้ อย่ างดี ภาษาทีว่ ่ านีไ้ ด้ แก่ JSP, ASP และ PHP
เรียกว่ า ใครที่ทาเว็บแห้ งๆ แบบ Static Web ต้ องเสี ย Traffic ไป
ให้ กบั เว็บ ที่เป็ น Interactive web เพราะทางานได้ เก่งกว่ า สามารถ
โต้ ตอบได้ ไม่ นิ่งๆ ลอยหน้ าลอยตาไปวันๆ
9
ประวัติการพัฒนาเว็บไซต์
4.Web 2.0
เป็ นช่ วงทีม่ ีการใช้ งานเทคโนโลยีมากมายเข้ ามาพัฒนาเว็บไซต์ แต่ สิ่งทีท่ าให้
Web2.0 โด่ งดังทาเงินมากมายให้ กบั เจ้ าของเว็บนั้นคือ การทีผ่ ู้ใช้ งานมี
ส่ วนร่ วมในการสร้ างเนือ้ หาของเว็บ เจ้ าของเว็บเพียงแต่ ดูอยู่ห่างๆ เพือ่ ไม่ ให้
เกิดการลา่ เส้ นเท่ านั้นเอง Web 2.0 ที่เป็ นตานาน อาทิเช่ น
Youtube.com, Fickr.com, Hi5.com เป็ นต้ น
10
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
11
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Containing block
โดยปรกติเราจะเขียน <div> หรือ <table> ต่ อจาก
<body> เพือ่ เอาไว้ เป็ นกล่องในการเก็บเนือ้ หาทั้งหมด โดยกล่อง
ของเราจะมีข้อดีอยู่ตรงที่ สามารถทาให้ ปรับเปลีย่ นขนาดในการ
แสดงผลของเนือ้ หาได้ หรือตาแหน่ งการแสดงผลของเว็บไซต์ ได้ เช่ น
จัดกลาง ชิดซ้ าย หรือชิดขวา
12
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
13
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Logo
เป็ นสั ญลักษณ์ ทแี่ สดงถึงตัวตนของเรา ทาให้ ลูกค้ าหรือผู้ใช้ งานจดจา
เราได้ ด้ วยเหตุนีเ้ องทาให้ การออกแบบเว็บไซต์ น้ันจาเป็ นต้ องมีโลโก้
ของเว็บไซต์ เป็ นอย่ างยิง่ ส่ วนที่วางโลโก้จะเป็ นส่ วนที่อยู่ด้านบนของ
เว็บไซต์ ท้งั หมด เพือ่ ให้ ผู้ใช้ งานจาได้ และสะดุดตา เรื่องที่ต้องเตือนให้
รู้กนั ก็คอื โลโก้ของเว็บไซต์ เมื่อคลิกจะนาไปสู่ หน้ าแรกของเว็บไซต์
เสมอ
14
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
15
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Navigation
เป็ นส่ วนทีจ่ ะนาผู้เข้ าชมเว็บไซต์ ไปยังส่ วนต่ างของเว็บไซต์ โดย
สามารถทาให้ อยู่ในแนวนอน หรือแนวตั้งก็ได้ ตาแหน่ งต้ องพยายาม
วางให้ อยู่ในส่ วนด้ านบนของเว็บไซต์ ซึ่งคือส่ วนทีเ่ มื่อผู้ใช้ เปิ ดมาก็
ต้ องเจอได้ ทนั ที ไม่ ควรวางไว้ ในตาแหน่ งทีผ่ ู้ใช้ จะต้ องเลือ่ นขึน้ ลง
16
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Navigation
17
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Content
ส่ วนเนือ้ หาของเว็บไซต์ เป็ นส่ วนทีส่ าคัญมากทีส่ ุ ด หากผู้ใช้ งานไม่
สามารถเข้ าถึงได้ โดยง่ ายผู้ใช้ งานจะเปลีย่ นไปชมเว็บใหม่ ทันที
ตาแหน่ งทีค่ วรวางเนือ้ หาไว้ คอื บริเวณกลางหน้ าเว็บเพือ่ ให้ ผู้ใช้ งานหา
เจอได้ โดยไม่ ลาบาก หากสั งเกตดูจะพบว่ าเว็บไซต์ บางเว็บไซต์
มีโฆษณาทีม่ ากจนเกินไป ทาให้ ผู้ใช้ งานหาเนือ้ หาไม่ เจอ นั่นถือเป็ น
การออกแบบที่ผดิ พลาด
18
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
19
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Footer
คือส่ วนล่ างสุ ดของหน้ าเว็บไซต์ ส่ วนใหญ่ จะเก็บลิงค์ ต่างๆเอาไว้ หรือเป็ นเนือ้ หาที่
เกีย่ วกับเว็บไซต์ เช่ นลิขสิ ทธิ์ต่างๆ จาเป็ นต้ องมีเพราะ footer จะเป็ นตัวบอกผู้ชม
ว่ าส่ วนนีค้ อื ล่ างสุ ดของหน้ าที่กาลังแสดงอยู่ไม่ มเี นือ้ หาเพิม่ เติมแล้ ว ซึ่งต้ องมี
เนื่องจากการแสดงเว็บไซต์ ในบางครั้งนั้นหน้ านั้นอาจโหลดได้ ไม่ หมด อาจแสดงได้
แค่ เนือ้ หาบางส่ วน หากเราออกแบบให้ มี footer ผู้ใช้ งานก็จะรู้ ได้ ทนั ทีว่าหน้ าที่
แสดงผลนีแ้ สดงผลสมบูรณ์ แล้ วและยังมีผลต่ อภาพลักษณ์ ของเว็บไซต์ โดยตรง เราจะ
สั งเกตได้ ว่าเมือ่ เข้ าไปดูเว็บไซต์ ทไี่ ม่ มี footer จะรู้ สึกเหมือนกับว่ าเว็บไซต์ น้ันยัง
ทาไม่ เสร็จ หรือขาดอะไรบางอย่าง
20
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
21
ส่ วนประกอบของเว็บไซต์ ทดี่ ี
Whitespace
พืน้ ที่ว่างในเว็บไซต์ คนส่ วนใหญ่ ไม่ เห็นความสาคัญของการเว้ นพืน้ ที่ว่างไว้ ใน
เว็บไซต์ มักจะใส่ ภาพหรือตัวหนังสื อเข้ าไปให้ มากทีส่ ุ ดเพราะคิดว่ าจะทาให้ เว็บดู
สวยงาม หรือใช้ พนื้ ทีม่ มี อี ยู่ให้ คุ้มค่ าทีส่ ุ ด หากเราออกแบบโดยไม่ ได้ คานึงว่ าต้ องมี
พืน้ ทีว่ ่ างอยู่ในเว็บไซต์ จะทาให้ เว็บของเรานั้นดูอดึ อัดทันที การเว้ นช่ องว่ างเอาไว้ ไม่
ว่ าจะเป็ นระยะห่ างระหว่ างตัวอักษร หรือช่ องว่ างระหว่ างภาพ เนือ้ หาต่ างๆ นอกจาก
จะทาให้ เว็บของเราดูสบายตาขึน้ แล้ ว ยังทาให้ เราสามารถกาหนดจุดทีจ่ ะให้ ผ้ ใู ช้ งาน
เว็บรู้ สึกสนใจในจุดนั้นได้ อกี ด้ วย เช่ นหากเราเว้ นช่ องว่ างเอาไว้ ตรงกลาง และนาภาพ
หรือตัวหนังสื อเล็กๆไปวางไว้ ตรงจุดนั้นจะเป็ นทีส่ นใจของผู้ใช้ ทนั ที
22
ประโยชน์ ของเว็บไซต์
ส่ งเสริมศักยภาพทางด้ านธุรกิจ
การมีเว็บไซต์ สามารถช่ วยในการเพิม่ เสริมศักยภาพของธุรกิจของคุณ ให้ แข่ ง
แกร่ งมากยิง่ ขึน้ ได้ เนื่องจากเป็ นโลกทีเ่ ปิ ดกว้ างทางด้ านข้ อมูล ทาให้ สินค้ าและ
บริการของคุณเป็ นทีร่ ้ ู จักในท้ องตลาดมากยิง่ ขึน้ ไปได้
23
ประโยชน์ ของเว็บไซต์
การเข้ าถึงกลุ่มลูกค้ าทีง่ ่ ายมากยิง่ ขึน้
คุณสามารถทีจ่ ะมีเว็บไซต์ เป็ นของตนเองและ สามารถทีจ่ ะทาให้ กลุ่มลูกค้ า
ของคุณค้ นเว็บของคุณเจอผ่ าน Search Engine โดยกลุ่มคาทีเ่ จาะจง
กับธุรกิจของคุณได้ เป็ นการเพิม่ กลุ่มลูกค้ าทีก่ าลังสนใจกับสิ นค้ าและบริการ
ของคุณ ให้ ตรงเป้ าหมายมากยิง่ ขึน้ ตลอด 24 ชั่วโมง แม้ ว่าจะเป็ นวันหยุดก็
ตาม
24
ประโยชน์ ของเว็บไซต์
ช่ วยให้ คุณขายสิ นค้ าได้ โดยไม่ ต้องมีหน้ าร้ าน
เว็บไซต์ เปรียบเสมอร้ านค้ าออนไลน์ หรือสานักงาน ทีใ่ ครๆก็สามารถเข้ ามา
เยีย่ มชมและค้ าหาข้ อมูลของสิ นค้ าได้ โดยทีค่ ุณไม่ ต้องลงทุนเปิ ดหน้ าร้ านที่
ต้ องมีการเช่ าห้ องและมีค่าใช้ จ่ายสู ง อีกด้ วย
25
ประโยชน์ ของเว็บไซต์
ช่ วยสร้ างภาพลักษณ์ ทดี่ ีให้ กบั องค์ กรของคุณ
การมีเว็บไซต์ บริษทั สามารถแสดงให้ กลุ่มลูกค้ าของคุณเข้ าใจถึง
ภาพลักษณ์ ทดี่ ี ของบริษัทได้ และเว็บไซต์ ยงั ช่ วยในการสร้ างความรู้ สึก
ประทับใจกับผู้เยีย่ มชมได้ อกี ด้ วย
26
ประโยชน์ ของเว็บไซต์
ช่ วยลดค่ าใช้ จ่ายในการประชาสั มพันธ์
จะดีหรือไม่ ถ้าคุณไม่ ต้องเสี ยค่ าโฆษณาทีแ่ พงๆ ผ่ านสื่ อต่ างๆ เช่ น โทรทัศน์
วิทยุ หนังสื อพิมพ์ โดยคุณหันมาสร้ างเว็บไซต์ เป็ นของตนเอง ลงทุนสร้ าง
เว็บแค่ ครั้งเดียวแต่ ใครๆก็สามารถที่จะเข้ ามาเยีย่ มชมได้ โดยที่ คุณไม่ ต้องเสี ย
ค่ าใช้ จ่ายทีม่ ากมาย เสี ยเพียงค่ าบริการรายปี เพียงเล็กน้ อยเท่ านั้น
27
ประโยชน์ ของเว็บไซต์
ช่ วยให้ คุณเป็ นเหมือนทีป่ รึกษาของลูกค้า
คุณสามารถให้ คาปรึกษาปัญหาและวิธีการแก้ ไขปัญหาต่ างๆ ผ่ านทาง
เว็บไซต์ ให้ กบั ลูกค้ าของคุณ ตลอด 24 ชั่วโมง โดยอาจจะเป็ นการฝาก
ข้ อความเอาไว้ กไ็ ด้ โดยทีค่ ุณไม่ ต้องมีทมี คอยรับโทรศัพท์ ให้ กบั กลุ่มลูกค้ าที่
มีปัญหาต่ างๆ
28
ประโยชน์ ของเว็บไซต์
สามารถอานวยความสะดวกแก่ลกู ค้ าได้
จะดีไม่ น้อยเลยทีเดียว หากลูกค้ าของคุณมีปัญหาหรือข้ อสงสั ยในสิ นค้ าและ
บริการ และสามารถทีจ่ ะแก้ ปัญหาด้ วยตนเองได้ ผ่ านการอ่ านบทความ
ช่ วยเหลือบนเว็บไซต์ ของคุณ อีกทั้งยังเป็ นการสร้ างความมั่นใจในการดูแล
ลูกค้ าให้ กบั กลุ่มลูกค้ าของคุณ มากยิง่ ขึน้ ด้ วย
29
ประเภทของเว็บไซต์
เว็บไซต์ ประชาสั มพันธ์ องค์ กร (Corporrate Website)
เว็บไซต์ ประเภทนีจ้ ัดทาขึน้ เพือ่ นาเสนอข้ อมูล และข่ าวสารสาหรับองค์ กร โดย
นาเสนอในลักษณะของ ข้ อมูลของบริษัท ข้ อมูลสิ นค้ าหรือบริการการผลิตและ
ขั้นตอนการควบคุมคุณภาพ เหล่ านีเ้ ป็ นต้ น เพือ่ ประชาสั มพันธ์ บริษัท หรือองค์ กร
ให้ เข้ าถึงกลุ่มเป้ าหมายและสร้ างภาพลักษณ์ ทดี่ ใี ห้ เกิด กับผู้เข้ าเยีย่ มชมโดยทั่วไป
มักจะจัดทาในรู ปแบบทีเ่ รียบง่ ายสวยงาม ดูน่าเชื่อถือ ซึ่งเว็บไซต์ เหล่านี้
จาเป็ นต้ องอาศัยการทาประชาสั มพันธ์ เว็บไซต์ เพือ่ ให้ ข้อมูลการนาเสนอเข้ าถึง
กลุ่ม เป้ าหมายอย่ างแท้ จริง และจะก่ อให้ เกิดประโยชน์
30
ประเภทของเว็บไซต์
เว็บไซต์ บริการหรือเว็บไซต์ ชุมชน(Community &
Service Website)
จัดทาขึน้ ด้ วยวัตถุประสงค์ หลักเป็ นเครื่องมือในการสร้ างชุ มชนหรือให้ บริการแก่
ลูกค้ าหรือ สมาชิกขององค์ กรหรือบริษัทนั้นๆ โดยทัว่ ไป นอกเหนือจากนาเสนอ
ข้ อมูลเบือ้ งต้ น เช่ น ข้ อมูลเกีย่ วกับ บริษัทเป็ นต้ นแล้ ว จะต้ องประกอบด้ วยส่ วนที่
เป็ น Interactive กับผู้เข้ าเยีย่ มชม เช่ น กระดานซื้อขายแลกเปลีย่ นหรือ
แสดงความคิดเห็น (Webboard) หรือระบบโปรแกรม ทีใ่ ห้ บริการสมาชิก
หรือลูกค้ า เช่ น ระบบสิ นค้ าสาหรับตัวแทนจาหน่ าย เป็ นต้ น
31
ประเภทของเว็บไซต์
เว็บไซต์ อ-ี คอมเมอร์ ส (E-Commerce Website)
เป็ นเครื่องมือหลักของบริษัทหรือองค์ กรในการทาธุรกิจ ถูกจัดทาขึน้ เพือ่ ใช้
ใน การตลาดหรือขายสิ นค้ าหรือบริการผ่ านเครือข่ ายเว็บไซต์ โดยทัว่ ไป
แล้วมักจะเป็ นในลักษณะของเว็บไซต์ ขายสิ นค้ าหรือบริการและชาระเงิน
ผ่านบัตรเครดิต เช่ น เว็บไซต์ จาหน่ ายซีดี วีดโี อซีดี เว็บไซต์ ทวั ร์ และ
ท่ องเทีย่ ว โดยสามารถใช้ งานกับกลุ่มเป้ าหมาย ทั้งตลาดในประเทศและ
ต่ างประเทศก็ได้
32
ประเภทของเว็บไซต์
เว็บไซต์ นาเสนอสื่ อผสม (Multimedia & Presentation
Website)
มีความคล้ ายกับเว็บไซต์ ประชาสั มพันธ์ องค์ กร ในลักษณะนาเสนอข้ อมูล
และข่ าวสารขององค์ กรไปยังกลุ่มเป้ าหมาย แต่ มกี ารนาเอาเทคโนโลยีใหม่ ๆ
ทีท่ นั สมัยมาใช้ ในการนาเสนอ เพีอ่ สร้ างจุดเด่ น และความน่ าสนใจให้ เกิด
แก่เว็บไซต์ และทาลายข้ อจากัดในการนาเสนอด้ วย ภาพเคลือ่ นไหวและ
เสี ยง ทีม่ ี ความใกล้เคียงกับการนาเสนอจากหน้ าจอโทรทัศน์ เช่ น
ภาพเคลือ่ นไหว เสี ยง หรือภาพวีดโี อ เป็ นต้ น
33
ประเภทของเว็บไซต์
เว็บไซต์ ข่าว (News Website)
ข่ าวมักเป็ นเว็บไซต์ ทสี่ ร้ างขึน้ โดยองค์ กรข่ าวหรือสถาบันสื่ อสารมวลชน
ต่ างๆ ทีม่ สี ื่ อมวลชนประเภทต่ างๆ ของตนอยู่เป็ นหลัก เช่ น สถานีโทรทัศน์
สถานีวทิ ยุ หนังสื อพิมพ์ นิตยสาร วารสาร องค์ กรเหล่ านีไ้ ด้ นาเว็บไซต์ มา
ใช้ เป็ นเครื่องมือในการสื่ อสารอีกรู ปแบบหนึ่ง เพือ่ นาเสนอข่ าวและสาระที่
เป็ นการสรุ ปใจความสาคัญหรือรวบรวมเนือ้ หาจากข่ าว ในรอบเดือนหรือ
รอบปี ซึ่งช่ วยให้ ผ้ ใู ช้ สามารถค้ นหาข้ อมูลและติดตามข่ าวสารได้ ทุกทีท่ ุก
เวลา แม้ ว่าจะอยู่ทใี่ ดก็ตาม
34
ประเภทของเว็บไซต์
เว็บไซต์ การศึกษา (Education Website)
เว็บการศึกษามักเป็ นเว็บที่สร้ างขึน้ โดยสถาบันการศึกษาต่ างๆ หรือองค์ กร
ทั้งภาครัฐและเอกชนทีม่ ีนโยบายในการเผยแพร่ ความรู้ และให้ โอกาสใน
การค้ นคว้ าหาข้ อมูลเพือ่ การศึกษาแก่นักเรียน นิสิต นักศึกษา รวมถึง
ประชาชนทั่วไป เว็บทีเ่ กีย่ วกับการศึกษาโดยตรงนั้น ได้ แก่เว็บของ
สถาบันการศึกษา ห้ องสมุด และเว็บทีใ่ ห้ บริการการเรียนรู้แบบออนไลน์ ที่
เรียกว่ า e-learning
35
ประเภทของเว็บไซต์
เว็บไซต์ บันเทิง (Entertainment Website)
เว็บบันเทิงนั้นมุ่งเสนอและให้ บริการต่ างๆ เพือ่ เสริมสร้ างความบันเทิง
นาเสนอเรื่องราวเกีย่ วกับการบันเทิงทั่วไป เช่ น ดนตรี ภาพยนตร์ ดารา
กีฬา ความรัก บทกลอน การ์ ตูน เรื่องขาขัน ให้ บริการดาวน์ โหลดโลโก้และ
ริงโทนสาหรับโทรศัพท์ เคลือ่ นที่ เว็บประเภทนีม้ ีรูปแบบทีเ่ ป็ นอินเตอร์ แอค
ทีฟที่ตื่นตาตื่นใจ หรือใช้ เทคโนโลยีมัลติมิเดียได้ มากกว่ าเว็บประเภทอืน่
36
ประเภทของเว็บไซต์
เว็บไซต์ ส่วนตัว (personal Website)
เว็บส่ วนตัวอาจเป็ นเว็บของคนๆ เดียว เพือ่ นฝูง หรือครอบครัวก็ได้ โดย
อาจจัดทาขึน้ ด้ วยเหตุผลทีแ่ ตกต่ างกัน เช่ น แนะนากลุ่มเพือ่ น โชว์ รูปภาพ
แสดงความคิดเห็น เขียนไดอารี่ประจาวัน นาเสนอผลงาน ถ่ ายทอด
ประสบการณ์ เกีย่ วกับสิ่ งที่เชี่ยวชาญหรือสนใจ โดยทั้งหมดนีอ้ าจทาเป็ น
เว็บไซต์ หรือเป็ นเพียงเว็บเพจหน้ าเดียวก็ได้
37
การสร้ างเว็บไซต์ อย่ างง่ าย
การสร้ างเว็บไซต์ พนื้ ฐานมีหลักคือ
1.หน้ าแรกสาคัญสุ ด
ใช้ รูปทีส่ ื่ อได้ มาก
ทีส่ ุ ด เช่ น ขาย
หนังสื อก็นารู ป
หนังสื อมาวางไว้
หน้ าเว็บ
ทาให้ เว็บเปิ ดได้ ไว
ไม่ โหลดนาน
38
สร้ างเว็บให้
น่ าเชื่อถือมากทีส่ ุ ด
เช่ น การนารู ป
คนขายมาวางไว้
หน้ าเว็บ
การสร้ างเว็บไซต์ อย่ างง่ าย
2.ธรรมชาติของผู้มาชมเว็บไซต์
หน้ าแรกเป็ น
หน้ าทีบ่ อก
รายละเอียดมาก
ทีส่ ุ ด ต้ องบอก
รายละเอียดมากๆ
สร้ างให้ เกิดความ
สะดวกหาข้ อมูล
ง่ าย
39
ผู้เข้ าชมต้ องการ
ความน่ าเชื่อถือ
ควรมีแหล่ งอ้ างอิง
ข้ อมูล
การสร้ างเว็บไซต์ อย่ างง่ าย
3. การออกแบบเว็บไซต์ ที่ดี
-มีความสามรถในการเข้ าถึงข้ อมูลทีช่ ัดเจนตรงตามความต้ องการ
-มีความน่ าสนใจ ดึงดูดผู้ชม
-ใช้ Font ทีอ่ ่านง่ าย สะดุดตา มีการกาหนดขนานเหมาะสม
-วางตาแหน่ ง Logo ให้ เห็นได้ ชัดเจนว่ าต้ องการจะสื่ ออะไร
-ไม่ ควรใช้ Flash Lover มากเพราะจะทาให้ หน้ าเว็บโหลดช้ า
-เขียนเนือ้ หาให้ เข้ าใจง่ าย ต้ องการเสนอบุคคลกลุ่มใดระดับใด ก็ใช้ ภาษา
ระดับนั้น
40
การสร้ างเว็บไซต์ อย่ างง่ าย
4.ระบบนับสถิติเว็บไซต์
มีการทาสถิตินับจานวนผู้เข้ าชมโดยระบุวนั ทีเ่ ริ่มสร้ างเว็บด้ วย
41
แหล่งอ้างอิง
http://www.bloggang.com/viewdiary.php?id=venusja&month=012008&date=21&group=2&gblog=47
http://www.oknation.net/blog/kritwat/2010/01/20/entry-2
http://www.computers.co.th/blog/?tag=ประวัตเิ ว็บไซต์
http://www.thaiwebexpert.com/articles/312-2009-09-13-04-24-30.html
http://www.thaiwebexpert.com/articles/312-2009-09-13-04-24-30.html
http://www.hellomyweb.com/index.php/main/content/134
http://website.jajar.com/ประโยชน์ ของเว็บไซต์
http://www.php-mysql-program.com/allhowto.php
http://gotoknow.org/blog/open-source/162487
http://www.irookie.net/blog/2008/12/13/ขั้นตอนการออกแบบเว็บไซ/
http://www.irookie.net/blog/2008/12/13/การทาเว็บอย่ างง่ ายพืน้ /
42
รายชื่อสมาชิก
นางสาวเยาวภา
นางสาวศิรินันท์
นางสาวสุ ดปรารถนา
ทรงทับทิม
ปิ ดตังนาโพธิ์
วรเวก
เลขที่
เลขที่
เลขที่
นักศึกษาพยาบาลศาสตร์ ช้ันปี ที่ ๑ ห้ อง ข
43
๓
๒๔
๓๗