โฮมเพจ( home page )

28
โโโโโโ(Home page)

Upload: karina-webster

Post on 03-Jan-2016

25 views

Category:

Documents


0 download

DESCRIPTION

โฮมเพจ( Home page ). จัดทำโดย นักศึกษาพยาบาลศาสตร์ชั้นปีที่ 1 ห้อง ข 1. นางสาว สุประภา คณาภิบาล เลขที่ 41 2. นางสาว หนึ่งฤทัย ปิ่นตบแต่ง เลขที่ 49 3. นางสาว อรุณกมล แพวิเศษ เลขที่ 59. โฮมเพจ คืออะไร ???. - โฮมเพจ ( Home Page) คือเว็บเพจหน้าแรกซึ่งเป็นทางเข้าหลัก - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: โฮมเพจ( Home page )

โฮมเพจ(Home page)

Page 2: โฮมเพจ( Home page )

จั�ดทำ��โดยนั�กศึ�กษ�พย�บ�ลศึ�สตร์�ชั้� �นัปี�ทำ�� 1 ห้�อง

ข1.นั�งส�ว ส"ปีร์ะภ� คณ�ภ'บ�ล เลขทำ��

412.นั�งส�ว ห้นั��งฤทำ�ย ปี*� นัตบแต,ง เลขทำ��

493.นั�งส�ว อร์"ณกมล แพว'เศึษ เลขทำ��

59

Page 3: โฮมเพจ( Home page )

โฮมเพจ คืออะไร ???

Page 4: โฮมเพจ( Home page )

-โฮมเพจั (Home Page) ค0อเว1บเพจัห้นั��แร์กซึ่��งเปี3นัทำ�งเข��ห้ล�กของเว1บไซึ่ทำ� 

Page 5: โฮมเพจ( Home page )

• โดยทำ��วไปีแล�วในัแต,ละเว1บไซึ่ต�จัะม�โฮมเพจั (Home page) ห้ร์0อห้นั��ต�อนัร์�บ (welcome page) ซึ่��งจัะปีร์�กฏเปี3นัห้นั��แร์ก โดยเปี3นัทำ�งเข��ห้ล�กของเว1บไซึ่ต� เม0�อเปี*ดเว1บไซึ่ต�นั��นัข��นัม� โฮมเพจั (Home page) ก1จัะเปีร์�ยบเสม0อนัก�บเปี3นัส�ร์บ�ญและค��นั��ทำ��เจั��ของเว1บไซึ่ต�นั��นัได�สร์��งข��นั เพ0�อใชั้�ปีร์ะชั้�ส�มพ�นัธ์�องค�กร์ของตนั

• นัอกจั�กนั�� ภ�ยในัโฮมเพจัก1อ�จัม�เอกส�ร์ห้ร์0อข�อคว�มทำ��เชั้0�อม

โยงต,อไปีย�งเว1บเพจัอ0�นัๆได�อ�ก ซึ่��งโฮมเพจั ส�ม�ร์ถเชั้0�อมโยงก�บเว1บเพจัและเว1บไซึ่ต�อ0�นัๆได�อ�กเปี3นัจั��นัวนัม�ก

Page 6: โฮมเพจ( Home page )

ตั�วอย่�างโฮมเพจ

ต�วอย,�ง โฮมเพจัของว'ทำย�ล�ยพย�บ�ลพร์ะปีกเกล�� จั�นัทำบ"ร์�

Page 7: โฮมเพจ( Home page )

ตั�วอย่�างโฮมเพจ

ต�วอย,�ง โฮมเพจัของ www.google.co.th

Page 8: โฮมเพจ( Home page )

การแบ่�งพ�นที่��การใช้�งานในหน�าโฮมเพจ• เนั0�องจั�กร์;ปีแบบก�ร์ใชั้�ง�นัของห้นั��โฮมเพจัในัปี<จัจั"บ�นันั��นั

ค,อนัข��งม�ร์;ปีแบบทำ��ห้ล�กห้ล�ย จั�งขอจั�ดร์;ปีแบบส��ค�ญๆ เปี3นั 3 ร์;ปีแบบด�งนั��

1.) แบบ 1 ส,วนัก�ร์ใชั้�ง�นัห้ร์0อแบบอ'สร์ะ 

Page 9: โฮมเพจ( Home page )

  2.) แบบ 2 ส,วนัก�ร์ใชั้�ง�นั

3 .) แบบ 3 ส,วนัก�ร์ใชั้�ง�นั

Page 10: โฮมเพจ( Home page )

ส่�วนประกอบ่ส่#าคื�ญของโฮมเพจ • ห้นั��จัอคอมพ'วเตอร์�ทำ��ใชั้�ส��ห้ร์�บแสดงผลม�ขนั�ดต��งแต, 14 นั'�ว , 15 นั'�ว ,

17 นั'�ว และ 21 นั'�ว ก�ร์ออกแบบห้นั��จัอโฮมเพจัจัะต�องก��ห้นัดขนั�ดคว�มกว��งให้�ส�มพ�นัธ์�ก�นัก�บก�ร์แสดงห้นั��โฮมเพจั ขนั�ดทำ��นั'ยมใชั้�ก�นัม� 3 ขนั�ดค0อ 1) 640 x 480 pixel 2) 800 x 600 pixel 3) 1024 x 768 pixel แต,ทำ��นั'ยมใชั้�ม�กทำ��ส"ดค0อขนั�ด 800 x 600 pixel

Page 11: โฮมเพจ( Home page )

- ในการออกแบ่บ่หน�าโฮมเพจของเว'บ่ไซตั) คืวรประกอบ่ด้�วย่ส่�วนตั�าง ๆ ด้�งน��

• 1.โลโก� (logo) ส'�งส��ค�ญทำ��จัะชั้,วยให้�ผ;�เข��ชั้มส�ม�ร์ถจัดจั��เว1บไซึ่ต�ของเร์�ได�ก1ค0อ “โลโก�” นัอกจั�กนั��แล�วโลโก�ย�งชั้,วยให้�เว1บไซึ่ต�ของเร์�ด;ม�เอกล�กษณ�อ�กด�วย โดยเร์�นั'ยมว�งต��แห้นั,งโลโก�ไว�ม"มบนัซึ่��ยเพร์�ะเปี3นัจั"ดทำ��ส�ม�ร์ถส�งเกต

Page 12: โฮมเพจ( Home page )

• 2. เมนั;ห้ล�ก (link menu) เปี3นัจั"ดทำ��เชั้0�อมโยงข�อม;ลทำ��ส��ค�ญ ซึ่��งร์วบร์วมไว�ในัร์;ปีแบบของปี"?มเมนั; ห้ร์0อข�อคว�มทำ��ผ;�เย��ยมชั้มเว1บไซึ่ต�ส�ม�ร์ถร์�บร์; �เร์0�องร์�วทำ��นั,�สนัใจัของเว1บไซึ่ต�ได� ควร์ม�ข,�วให้ม,ๆ เนั0�อห้�ให้ม,ๆ ม�ตลอด

www.kapook.com

Page 13: โฮมเพจ( Home page )

• 3. โฆษณ� (Banner ) เปี3นัส,วนัทำ��ส��ค�ญอ�กเชั้,นัเด�ยวก�นั เพร์�ะเว1บไซึ่ต�ทำ��ม�โฆษณ�จัะชั้,วยส,งเสร์'มภ�พล�กษณ� คว�มนั,�เชั้0�อถ0อ และชั้,วยกร์ะต"�นัคว�มสนัใจัเพร์�ะม�กใชั้�ภ�พเคล0�อนัไห้ว (Gif Animation ) ปีร์ะกอบซึ่��งจัะทำ��ให้�เว1บไซึ่ต�ของเร์�ด;ต0�นัต�ต0�นัใจัม�กข��นั จั�กก�ร์ว'จั�ยพบว,�ภ�พเคล0�อนัไห้วย�งชั้,วยให้�เว1บไซึ่ต�ของเร์�ด;นั,�สนัใจัม�กย'�งข��นัถ�ง 30% แต,ไม,ควร์ม�โฆษณ�ม�กเก'นัไปีและควร์จั�ดว�งต��แห้นั,งให้�เห้ม�ะสมอ�กด�วย

Page 14: โฮมเพจ( Home page )

• 4. ภ�พปีร์ะกอบและเนั0�อห้� (content) เปี3นัส,วนัทำ��ให้�ส�ร์ะคว�มร์; �ก�บผ;�เข��ชั้ม ซึ่��งเนั0�อห้�ทำ��ให้�จัะต�องม�ขนั�ดพอเห้ม�ะไม,ส��นัห้ร์0อย�วจันัเก'นัไปี ควร์ม�ก�ร์ปีร์�บเนั0�อห้�ให้�ให้ม,ทำ�นัก�บปี<จัจั"บ�นัอย;,ตลอดเวล� จั�ดว�งเนั0�อห้�ให้�เห้ม�ะสมก�บผ;�ทำ��เข��ม�ชั้มเนั0�อห้� และก�ร์ม�ภ�พทำ��เก��ยวข�องปีร์ะกอบอย;,ย'�งจัะทำ��ให้�เว1บไซึ่ต�เปี3นัทำ��นั,�สนัใจัม�กย'�งข��นั

Page 15: โฮมเพจ( Home page )

• 5. ก�ร์ใชั้�ส�ให้�เห้ม�ะสมก�บห้นั��โฮมเพจั (color)ส�บนัห้นั��โฮมเพจัจัะม�ผลต,อก�ร์นั��เสนัอของ

เว1บไซึ่ต�ได� ซึ่��งส�แต,ละส�จัะให้�คว�มร์; �ส�กทำ��ม�ผลด��นัอ�ร์มณ�ก�บผ;�เข��ชั้มในัล�กษณะทำ��แตกต,�งก�นั ด�งนั��

ส่�ฟ้-า เปี3นัส�ของทำ�องฟ้B�จั�งชั้,วยให้�ร์; �ส�กปีลอดโปีร์,งโล,งสบ�ย ด;แล�วสบ�ยต�

 http://

www.theloft.com.sg

Page 16: โฮมเพจ( Home page )

ส่�เข�ย่ว เปี3นัส�ของต�นัไม�ใบห้ญ��ทำ��ให้�เร์�ร์; �ส�กสดชั้0�นัเย1นัสบ�ย 

http://www.midori-japan.co.jp 

Page 17: โฮมเพจ( Home page )

ส่�น#�าเง.น ให้�คว�มร์; �ส�กถ�งคว�มจัร์'งจั�ง ม��นัคง สงบและปีลอดภ�ย   

www.oknation.net/blog/nisarat12

Page 18: โฮมเพจ( Home page )

ส่�เที่า ให้�คว�มร์; �ส�กส"ภ�พ ส"ข"ม สงบและม��นัคง โศึกเศึร์�� ห้ม,นัห้มอง 

http://www.networksolutions.com

Page 19: โฮมเพจ( Home page )

ส่�ขาว ให้�คว�มร์; �ส�กเร์�ยบง,�ย สะอ�ดสะอ��นัโล,งสบ�ยและบร์'ส"ทำธ์'C 

 http://www.williamssonoma.com

Page 20: โฮมเพจ( Home page )

ส่�เหลืองแลืะส่�ส่�ม ให้�อ�ร์มณ�ของคว�มสดใสและด�งด;ดส�ยต�แต,บ�งคร์��งอ�จัทำ��ให้�ร์; �ส�กเห้นั0�อย

http://www.nothing.ch/home/index.html 

Page 21: โฮมเพจ( Home page )

การส่ร�างโฮมเพจปี<จัจั"บ�นัก�ร์สร์��งโฮมเพจัม�อย;,ห้ล�ยว'ธ์� ข��นัอย;,ก�บคว�ม

ถนั�ดของแต,ละบ"คคล ก�ร์สร์��งโฮมเพจัส�ม�ร์ถทำ��ได�ด�วยว'ธ์�ด�งต,อไปีนั��

•  1. ใช้�โปรแกรม Web Hosting Web Hosting ค0อ เว1บไซึ่ต�ทำ��ทำ��ห้นั��ทำ��ให้�บร์'ก�ร์จั�ด

เก1บข�อม;ล โดยบ�งเว1บไซึ่ต�ให้�บร์'ก�ร์ในัก�ร์สร์��งโฮมเพจัส��เร์1จัร์;ปีก�บผ;�ต�องก�ร์ในัก�ร์ม�โฮมเพจั ซึ่��งจัะม�ร์;ปีแบบของโฮมเพจัให้�เล0อกได�ต�มทำ��ต�องก�ร์ ห้ร์0อต�องก�ร์ให้�ออกแบบต�มคว�มปีร์ะสงค�ของผ;�ใชั้�บร์'ก�ร์ก1ได�

Page 22: โฮมเพจ( Home page )

การส่ร�างโฮมเพจ•     2. ใช้�โปรแกรมส่ร�างเว'บ่เพจ

เปี3นัก�ร์สร์��งโฮมเพจัโดยก�ร์ใชั้�โปีร์แกร์มส��เร์1จัร์;ปีในัก�ร์สร์��ง ทำ��ให้�ส�ม�ร์ถสร์��งต�ร์�ง จั�ดว�งต��แห้นั,งข�อคว�มห้ร์0อร์;ปีภ�พได�สะดวก ตลอดจันัก�ร์ปีร์�บแต,งแก�ไขจัะทำ��ได�ง,�ย ซึ่��งโปีร์แกร์มทำ��นั'ยมใชั้�ในัปี<จัจั"บ�นัได�แก,โปีร์แกร์ม Dreamweaver, FrontPage, Go Live ห้ร์0อ Home Site เปี3นัต�นั

Page 23: โฮมเพจ( Home page )

การส่ร�างโฮมเพจ•    3.โปรแกรมภาษา HTML แลืะ JavaScript

 ก�ร์สร์��งโฮมเพจัโดยใชั้�โปีร์แกร์มภ�ษ� HTML และ JavaScript นั��นั ผ;�สร์��งโฮมเพจัจัะต�องม�คว�มส�ม�ร์ถและคว�มชั้��นั�ญในัก�ร์เข�ยนัโปีร์แกร์มได�เปี3นัอย,�งด� เนั0�องจั�กก�ร์สร์��งโฮมเพจัด�วยว'ธ์�นั�� เปี3นัก�ร์พ'มพ�ค��ส��งและข�อม;ลทำ��ต�องก�ร์แสดงบนัโฮมเพจัพร์�อมก�นั

Page 24: โฮมเพจ( Home page )

ส่.�งที่��คืวรคื#าน2งถึ2งในการส่ร�างโฮมเพจ• 1.ว�ตัถึ4ประส่งคื)หลื�ก

ส'�งส��ค�ญทำ��ต�องค��นั�งถ�งในัก�ร์สร์��งโฮมเพจั ค0อ “เร์�จัะสร์��งโฮมเพจัข��นัม�เพ0�ออะไร์” ต�วอย,�งเชั้,นั สร์��งข��นัเพ0�อใชั้�เปี3นัห้นั��กร์ะด�นัแลกเปีล��ยนัคว�มค'ดเห้1นั ใชั้�นั��เสนัอเร์0�องร์�วนั,�สนัใจัต,�ง ๆ ห้ร์0อใชั้�ร์�บสม�คร์ง�นั เปี3นัต�นั ซึ่��งเร์�จัะต�องตอบค��ถ�มข��งต�นัให้�ได� เพ0�อม�ใชั้�ปีร์ะกอบก�ร์ออกแบบโฮมเพจัให้�ตร์งก�บจั"ดปีร์ะสงค�ม�กทำ��ส"ด

Page 25: โฮมเพจ( Home page )

ส่.�งที่��คืวรคื#าน2งถึ2งในการส่ร�างโฮมเพจ• 2.กลื4�มผู้6�เข�าช้มโฮมเพจ

โฮมเพจัทำ��นั��เสนัอจัะต�องพ'จั�ร์ณ�ถ�งจั"ดปีร์ะสงค�ทำ��จั�ดทำ��ข��นั เพ0�อนั��เสนัอก�บกล",มผ;�เข��ชั้มกล",มใด ๆ ทำ��จัะทำ��ให้�โฮมเพจัเปี3นัทำ��นั'ยมของผ;�เข��ชั้มกล",มเปีB�ห้ม�ยห้ล�ก ห้ร์0อกล",มเปีB�ห้ม�ยร์องได�

Page 26: โฮมเพจ( Home page )

ส่.�งที่��คืวรคื#าน2งถึ2งในการส่ร�างโฮมเพจ• 3. ออกแบบฟ้<งก�ชั้�นัก�ร์ใชั้�ง�นัให้�เห้ม�ะสม

ฟ้<งก�ชั้�นัทำ��ใชั้�ในัโฮมเพจัค,อนัข��งม�ปีร์ะโยชั้นั�เปี3นัอย,�งม�ก แต,บ�งคร์��งก�ร์ใชั้�ง�นัอ�จัจัะย",งย�กส��ห้ร์�บผ;�เข��ชั้ม ทำ��ให้�เก'ดคว�มส�บสนัในัก�ร์ใชั้�ง�นั เชั้,นัก�ร์ส��งซึ่0�อส'นัค��ทำ�งอ'นัเทำอร์�เนั1ต จัะต�องออกแบบว'ธ์�ก�ร์ส��งซึ่0�อทำ��ม�ข� �นัตอนัอย,�งร์วดเร์1ว เข��ใจัง,�ยไม,ย",งย�ก

Page 27: โฮมเพจ( Home page )

บ่รรณาน4กรม• 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/les3 new/• http://www.oknation.net/blog/print.php?id=185253

Page 28: โฮมเพจ( Home page )

ส่ว�ส่ด้�คื�ะ ^^