Transcript โฮมเพจ(Home page) - วิทยาลัยพยาบาลพระปกเกล้า จันทบุรี

โฮมเพจ(Home page)
จัดทำโดย
นักศึกษำพยำบำลศำสตร์ช้ นั ปี ที่ 1 ห้อง ข
1.นำงสำว สุ ประภำ คณำภิบำล เลขที่ 41
2.นำงสำว หนึ่งฤทัย ปิ่ นตบแต่ง เลขที่ 49
3.นำงสำว อรุ ณกมล แพวิเศษ เลขที่ 59
โฮมเพจ คืออะไร ???
-โฮมเพจ (Home Page) คือเว็บเพจหน้ำแรกซึ่งเป็ นทำงเข้ำหลัก
ของเว็บไซท์
• โดยทัว่ ไปแล้วในแต่ละเว็บไซต์จะมีโฮมเพจ (Home page) หรื อหน้ำต้อนรับ
(welcome page) ซึ่ งจะปรำกฏเป็ นหน้ำแรก โดยเป็ นทำงเข้ำหลักของเว็บไซต์ เมื่อ
เปิ ดเว็บไซต์น้ นั ขึ้นมำ โฮมเพจ (Home page) ก็จะเปรี ยบเสมือนกับเป็ นสำรบัญและ
คำนำที่เจ้ำของเว็บไซต์น้ นั ได้สร้ำงขึ้น เพื่อใช้ประชำสัมพันธ์องค์กรของตน
• นอกจำกนี้ ภำยในโฮมเพจก็อำจมีเอกสำรหรื อข้อควำมที่เชื่อมโยงต่อไปยังเว็บเพจ
อื่นๆได้อีก ซึ่ งโฮมเพจ สำมำรถเชื่อมโยงกับเว็บเพจและเว็บไซต์อื่นๆได้อีกเป็ น
จำนวนมำก
ตัวอย่ างโฮมเพจ
ตัวอย่ำง โฮมเพจของวิทยำลัยพยำบำลพระปกเกล้ำ จันทบุรี
ตัวอย่ างโฮมเพจ
ตัวอย่ำง โฮมเพจของ www.google.co.th
การแบ่ งพืน้ ที่การใช้ งานในหน้ าโฮมเพจ
• เนื่องจำกรู ปแบบกำรใช้งำนของหน้ำโฮมเพจในปั จจุบนั นั้นค่อนข้ำงมีรูปแบบที่
หลำกหลำย จึงขอจัดรู ปแบบสำคัญๆ เป็ น 3 รู ปแบบดังนี้
1.) แบบ 1 ส่ วนกำรใช้งำนหรื อแบบอิสระ
2.) แบบ 2 ส่ วนกำรใช้งำน
3.) แบบ 3 ส่ วนกำรใช้งำน
ส่ วนประกอบสาคัญของโฮมเพจ
• หน้ำจอคอมพิวเตอร์ ที่ใช้สำหรับแสดงผลมีขนำดตั้งแต่ 14 นิ้ว , 15 นิ้ว , 17 นิ้ว และ
21 นิ้ว กำรออกแบบหน้ำจอโฮมเพจจะต้องกำหนดขนำดควำมกว้ำงให้สัมพันธ์กนั
กับกำรแสดงหน้ำโฮมเพจ ขนำดที่นิยมใช้กนั มี 3 ขนำดคือ
1) 640 x 480 pixel
2) 800 x 600 pixel
3) 1024 x 768 pixel
แต่ที่นิยมใช้มำกที่สุดคือขนำด 800 x 600 pixel
- ในการออกแบบหน้ าโฮมเพจของเว็บไซต์ ควรประกอบด้ วยส่ วนต่ าง ๆ ดังนี้
• 1.โลโก้ (logo) สิ่ งสำคัญที่จะช่วยให้ผเู ้ ข้ำชมสำมำรถจดจำเว็บไซต์
ของเรำได้กค็ ือ “โลโก้” นอกจำกนี้แล้วโลโก้ยงั ช่วยให้เว็บไซต์ของ
เรำดูมีเอกลักษณ์อีกด้วย โดยเรำนิยมวำงตำแหน่งโลโก้ไว้มุมบนซ้ำย
เพรำะเป็ นจุดที่สำมำรถสังเกต
• 2. เมนูหลัก (link menu) เป็ นจุดที่เชื่อมโยงข้อมูลที่สำคัญ ซึ่ งรวบรวมไว้ในรู ปแบบ
ของปุ่ มเมนู หรื อข้อควำมที่ผเู้ ยีย่ มชมเว็บไซต์สำมำรถรับรู้เรื่ องรำวที่น่ำสนใจของ
เว็บไซต์ได้ ควรมีข่ำวใหม่ๆ เนื้อหำใหม่ๆมำตลอด
www.kapook.com
• 3. โฆษณำ (Banner) เป็ นส่ วนที่สำคัญอีกเช่นเดียวกัน เพรำะเว็บไซต์ที่มีโฆษณำจะ
ช่วยส่ งเสริ มภำพลักษณ์ ควำมน่ำเชื่อถือ และช่วยกระตุน้ ควำมสนใจเพรำะมักใช้
ภำพเคลื่อนไหว (Gif Animation) ประกอบซึ่ งจะทำให้เว็บไซต์ของเรำดูตื่นตำตื่น
ใจมำกขึ้น จำกกำรวิจยั พบว่ำภำพเคลื่อนไหวยังช่วยให้เว็บไซต์ของเรำดูน่ำสนใจ
มำกยิง่ ขึ้นถึง 30% แต่ไม่ควรมีโฆษณำมำกเกินไปและควรจัดวำงตำแหน่งให้
เหมำะสมอีกด้วย
• 4. ภำพประกอบและเนื้อหำ (content) เป็ นส่ วนที่ให้สำระควำมรู ้กบั ผูเ้ ข้ำชม
ซึ่ งเนื้อหำที่ให้จะต้องมีขนำดพอเหมำะไม่ส้ นั หรื อยำวจนเกินไป ควรมีกำร
ปรับเนื้อหำให้ใหม่ทนั กับปั จจุบนั อยูต่ ลอดเวลำ จัดวำงเนื้อหำให้เหมำะสมกับ
ผูท้ ี่เข้ำมำชมเนื้อหำ และกำรมีภำพที่เกี่ยวข้องประกอบอยูย่ งิ่ จะทำให้เว็บไซต์
เป็ นที่น่ำสนใจมำกยิง่ ขึ้น
• 5. กำรใช้สีให้เหมำะสมกับหน้ำโฮมเพจ (color)
สี บนหน้ำโฮมเพจจะมีผลต่อกำรนำเสนอของเว็บไซต์ได้ ซึ่ งสี แต่ละสี จะให้
ควำมรู ้สึกที่มีผลด้ำนอำรมณ์กบั ผูเ้ ข้ำชมในลักษณะที่แตกต่ำงกัน ดังนี้
สี ฟ้า เป็ นสี ของท้องฟ้ ำจึงช่วยให้รู้สึกปลอดโปร่ งโล่งสบำย ดูแล้วสบำยตำ
http://www.theloft.com.sg
สี เขียว เป็ นสี ของต้นไม้ใบหญ้ำทำให้เรำรู้สึกสดชื่นเย็นสบำย
http://www.midori-japan.co.jp
สี นา้ เงิน ให้ควำมรู ้สึกถึงควำมจริ งจัง มัน่ คง สงบและปลอดภัย
www.oknation.net/blog/nisarat12
สี เทา ให้ควำมรู ้สึกสุ ภำพ สุ ขมุ สงบและมัน่ คง โศกเศร้ำ หม่นหมอง
http://www.networksolutions.com
สี ขาว ให้ควำมรู ้สึกเรี ยบง่ำย สะอำดสะอ้ำนโล่งสบำยและบริ สุทธิ์
http://www.williamssonoma.com
สี เหลืองและสี ส้ม ให้อำรมณ์ของควำมสดใสและดึงดูดสำยตำแต่บำงครั้ง
อำจทำให้รู้สึกเหนื่อย
http://www.nothing.ch/home/index.html
การสร้ างโฮมเพจ
ปั จจุบนั กำรสร้ำงโฮมเพจมีอยูห่ ลำยวิธี ขึ้นอยูก่ บั ควำมถนัดของแต่ละบุคคล
กำรสร้ำงโฮมเพจสำมำรถทำได้ดว้ ยวิธีดงั ต่อไปนี้
• 1. ใช้ โปรแกรม Web Hosting
Web Hosting คือ เว็บไซต์ที่ทำหน้ำที่ให้บริ กำรจัดเก็บข้อมูล โดยบำง
เว็บไซต์ให้บริ กำรในกำรสร้ำงโฮมเพจสำเร็ จรู ปกับผูต้ อ้ งกำรในกำรมีโฮมเพจ ซึ่ ง
จะมีรูปแบบของโฮมเพจให้เลือกได้ตำมที่ตอ้ งกำร หรื อต้องกำรให้ออกแบบตำม
ควำมประสงค์ของผูใ้ ช้บริ กำรก็ได้
การสร้ างโฮมเพจ
•
2. ใช้ โปรแกรมสร้ างเว็บเพจ
เป็ นกำรสร้ำงโฮมเพจโดยกำรใช้โปรแกรมสำเร็ จรู ปในกำรสร้ำง ทำให้
สำมำรถสร้ำงตำรำง จัดวำงตำแหน่งข้อควำมหรื อรู ปภำพได้สะดวก ตลอดจนกำร
ปรับแต่งแก้ไขจะทำได้ง่ำย ซึ่ งโปรแกรมที่นิยมใช้ในปั จจุบนั ได้แก่โปรแกรม
Dreamweaver, FrontPage, Go Live หรื อ Home Site เป็ นต้น
การสร้ างโฮมเพจ
•
3.โปรแกรมภาษา HTML และ JavaScript
กำรสร้ำงโฮมเพจโดยใช้โปรแกรมภำษำ HTML และ JavaScript นั้น
ผูส้ ร้ำงโฮมเพจจะต้องมีควำมสำมำรถและควำมชำนำญในกำรเขียนโปรแกรม
ได้เป็ นอย่ำงดี เนื่องจำกกำรสร้ำงโฮมเพจด้วยวิธีน้ ี เป็ นกำรพิมพ์คำสัง่ และ
ข้อมูลที่ตอ้ งกำรแสดงบนโฮมเพจพร้อมกัน
สิ่ งที่ควรคานึงถึงในการสร้ างโฮมเพจ
• 1.วัตถุประสงค์ หลัก
สิ่ งสำคัญที่ตอ้ งคำนึงถึงในกำรสร้ำงโฮมเพจ คือ “เรำจะสร้ำงโฮมเพจขึ้นมำ
เพื่ออะไร” ตัวอย่ำงเช่น สร้ำงขึ้นเพื่อใช้เป็ นหน้ำกระดำนแลกเปลี่ยนควำมคิดเห็น
ใช้นำเสนอเรื่ องรำวน่ำสนใจต่ำง ๆ หรื อใช้รับสมัครงำน เป็ นต้น ซึ่ งเรำจะต้องตอบ
คำถำมข้ำงต้นให้ได้ เพื่อมำใช้ประกอบกำรออกแบบโฮมเพจให้ตรงกับจุดประสงค์
มำกที่สุด
สิ่ งที่ควรคานึงถึงในการสร้ างโฮมเพจ
• 2.กลุ่มผู้เข้ าชมโฮมเพจ
โฮมเพจที่นำเสนอจะต้องพิจำรณำถึงจุดประสงค์ที่จดั ทำขึ้น เพื่อ
นำเสนอกับกลุ่มผูเ้ ข้ำชมกลุ่มใด ๆ ที่จะทำให้โฮมเพจเป็ นที่นิยมของผูเ้ ข้ำชม
กลุ่มเป้ ำหมำยหลัก หรื อกลุ่มเป้ ำหมำยรองได้
สิ่ งที่ควรคานึงถึงในการสร้ างโฮมเพจ
• 3. ออกแบบฟังก์ชนั กำรใช้งำนให้เหมำะสม
ฟังก์ชนั ที่ใช้ในโฮมเพจค่อนข้ำงมีประโยชน์เป็ นอย่ำงมำก แต่บำงครั้ง
กำรใช้งำนอำจจะยุง่ ยำกสำหรับผูเ้ ข้ำชม ทำให้เกิดควำมสับสนในกำรใช้งำน
เช่นกำรสั่งซื้ อสิ นค้ำทำงอินเทอร์ เน็ต จะต้องออกแบบวิธีกำรสั่งซื้ อที่มี
ขั้นตอนอย่ำงรวดเร็ ว เข้ำใจง่ำยไม่ยงุ่ ยำก
บรรณานุกรม
•
•
•
•
•
•
•
http://mtbkzone.exteen.com/20090815/entry
http://www.oknation.net/blog/print.php?id=185069
http://www.krujongrak.com/knowledge/k15_1.pdf
http://www.kradandum.com/thesis/thesis-02-5.htm
http://www.songwoot.utc.ac.th/3128-2017/unit01_6.htm
http://www.apw.ac.th/e-learning/e-comgraph/image/les3new/
http://www.oknation.net/blog/print.php?id=185253
สวัสดีค่ะ ^^