หน้าหลัก โฮมเพจ ของภาษา html ต้องตั้งชื่อว่าอย่างไร

  • คุณอยู่ที่:  
  • คู่มือ
  • ความหมายคำ คืออะไร
  • Home page คืออะไร โฮมเพจ คือ หน้าแรกของเว็บไซต์

หมวดหลัก: สารานุกรม IT หมวด: ความหมาย คำวลี คืออะไร ความหมาย คำวลี คืออะไร อัปเดตล่าสุด: 14 มีนาคม 2560 14 มีนาคม 2560

Home page คืออะไร
โฮมเพจ คือคำที่ใช้เรียกหน้าแรกของเว็บไซต์ โดยเป็นทางเข้าหลักของเว็บไซต์ เมื่อเปิดเว็บไซต์นั้นขึ้นมา โฮมเพจ ก็จะเปรียบเสมือนกับเป็นสารบัญและคำนำที่เจ้าของเว็บไซต์นั้นได้สร้างขึ้น เพื่อใช้ประชาสัมพันธ์องค์กรของตน นอกจากนี้ ภายในโฮมเพจก็อาจมีเอกสารหรือข้อความที่เชื่อมโยงต่อไปยังเว็บเพจอื่นๆอีกด้วย

ตัวอย่าง Home page ของ google


ในหน้าโฮมเพจของเว็บไซต์ มักประกอบด้วยส่วนต่าง ๆ ดังนี้
1.โลโก้ (logo) คือสิ่งสำคัญที่จะช่วยให้ผู้เข้าชมสามารถจดจำเว็บไซต์ของเราได้ นอกจากนี้แล้วโลโก้ยังช่วยให้เว็บไซต์ของเราดูมีเอกลักษณ์อีกด้วย
2. เมนูหลัก (link menu) เป็นจุดที่เชื่อมโยงข้อมูลที่สำคัญ ซึ่งรวบรวมไว้ในรูปแบบของปุ่มเมนู หรือข้อความที่ผู้เยี่ยมชมเว็บไซต์สามารถรับรู้เรื่องราวที่น่าสนใจของเว็บไซต์ได้ ควรมีข่าวใหม่ๆ เนื้อหาใหม่ๆมาตลอด
3. โฆษณา (Banner) เป็นส่วนที่สำคัญอีกเช่นเดียวกัน  เพราะเว็บไซต์ที่มีโฆษณาจะช่วยส่งเสริมภาพลักษณ์ ความน่าเชื่อถือ และช่วยกระตุ้นความสนใจเพราะมักใช้ภาพเคลื่อนไหว (Gif Animation)  ประกอบซึ่งจะทำให้เว็บไซต์ของเราดูตื่นตาตื่นใจมากขึ้น จากการวิจัยพบว่าภาพเคลื่อนไหวยังช่วยให้เว็บไซต์ของเราดูน่าสนใจมากยิ่งขึ้นถึง 30%  แต่ไม่ควรมีโฆษณามากเกินไปและควรจัดวางตำแหน่งให้เหมาะสมอีกด้วย
4. ภาพประกอบและเนื้อหา (content)  เป็นส่วนที่ให้สาระความรู้กับผู้เข้าชม ซึ่งเนื้อหาที่ให้จะต้องมีขนาดพอเหมาะไม่สั้นหรือยาวจนเกินไป  ควรมีการปรับเนื้อหาให้ใหม่ทันกับปัจจุบันอยู่ตลอดเวลา จัดวางเนื้อหาให้เหมาะสมกับผู้ที่เข้ามาชมเนื้อหา และการมีภาพที่เกี่ยวข้องประกอบอยู่ยิ่งจะทำให้เว็บไซต์เป็นที่น่าสนใจมากยิ่งขึ้น
5. การใช้สีให้เหมาะสมกับหน้าโฮมเพจ (color)เพราะสีแต่ละสีจะให้ความรู้สึกที่มีผลด้านอารมณ์กับผู้เข้าชมในลักษณะที่แตกต่างกันไป

การสร้างโฮมเพจ สามารถทำได้หลายวิธีเช่น
1. ใช้ Web Hosting ซึ่งเป็นเว็บไซต์ที่ทำหน้าที่ให้บริการจัดเก็บข้อมูล โดยบางเว็บไซต์ให้บริการในการสร้างโฮมเพจสำเร็จรูปกับผู้ต้องการในการมีโฮมเพจ ซึ่งจะมีรูปแบบของโฮมเพจให้เลือกได้ตามที่ต้องการ หรือต้องการให้ออกแบบตามความประสงค์ของผู้ใช้บริการก็ได้
2. ใช้โปรแกรมสร้างเว็บเพจ เป็นการสร้างโฮมเพจโดยการใช้โปรแกรมสำเร็จรูปในการสร้าง ทำให้สามารถสร้างตาราง จัดวางตำแหน่งข้อความหรือรูปภาพได้สะดวก ตลอดจนการปรับแต่งแก้ไขจะทำได้ง่าย ซึ่งโปรแกรมที่นิยมใช้ในปัจจุบันได้แก่โปรแกรม Dreamweaver, FrontPage, Go Live หรือ Home Site เป็นต้น
3.โปรแกรมภาษา HTML และ JavaScript การสร้างโฮมเพจโดยใช้โปรแกรมภาษา HTML และ JavaScript นั้น ผู้สร้างโฮมเพจจะต้องมีความสามารถและความชำนาญในการเขียนโปรแกรมได้เป็นอย่างดี เนื่องจากการสร้างโฮมเพจด้วยวิธีนี้ เป็นการพิมพ์คำสั่งและข้อมูลที่ต้องการแสดงบนโฮมเพจพร้อมกัน

CMS ที่นิยมเอามาทำ โฮมเพจกันปัจจุบันคือ Joomla

เว็บบอร์ดสำหรับถามตอบ ปัญกาการทำ Home Page


ข้อมูลอ้างอิง
//www.phuketmultimedia.com
//mtbkzone.exteen.com
//www.oknation.net

เรื่อง : การตั้งชื่อไฟล์ที่ใช้กับเว็บไซต์

ชื่อไฟล์ (File Name)...หลาย ๆ คนคงนึกขำ หรือนึกไม่อยากอ่านกับเรื่องพื้น ๆ เหล่านี้ เพราะว่าใคร ๆ ก็ตั้งชื่อไฟล์เป็น จะมาเขียนเป็นบทความไปทำไมให้เสียเวลา เสียเวลาเขียน เสียเวลาอ่าน..แต่ผมขอเบรคความคิดของท่านเหล่านั้นไว้ และขอเวลาท่านสักนิดติดตามอ่านครับ...เพราะหลายครั้งที่ผมเข้าไปแก้ปัญหาให้กับหลายท่าน พบว่าการตั้งชื่อไฟล์ที่หลายคนใช้นั้น ไม่ควรจะเป็นในแบบนั้น อย่างไรลองอ่านกันดูครับ

File Name :: การตั้งชื่อไฟล์สำหรับเว็บไซต์

ชื่อไฟล์ที่ใช้กับเว็บไซต์นี้สำคัญมาก ไฟล์เพจของท่านจะเรียกแสดงผลได้หรือไม่ หรืออาจจะเกิดอาการ Not Found บนหน้า Web Browser ชื่อไฟล์ก็มีส่วนเกี่ยวข้องครับ
....หลายครั้งมีผู้ถามผมว่า "ผมทำ Link ถูกต้อง ผม Save ไฟล์เพจถูกต้อง ผม Insert รูปมาใช้บนเว็บเพจถูกต้องทำไมมันไม่แสดงผล" หรือ "บางที่บนเครื่องของผมก็ใช้ได้ แต่พอ Upload ขึ้นไปบน Host ทำไมดูไม่ได้ "
...ซึ่งผมก็ได้ถามกลับเขาไปหลายคำถามถึงสาเหตุต่าง ๆ ผลสรุปสุดท้ายคือ..ผมถามเขาว่า.."คุณใช้ชื่อไฟล์ว่าอะไร"..เขาตอบว่าผมใช้ชื่อไฟล์ว่า...ผลงาน.htm หรืออื่น ๆ ซึ่งเป็นชื่อไฟล์ภาษาไทย ผมเลยต้องบอกเขาไปว่า..คุณควรจะตั้งชื่อไฟล์ใหม่นะ โดยมีกฏการตั้งชื่อไฟล์ที่เป็นมาตราฐานให้คุณต้องพิจารณา ดังนี้..

ข้อควรปฏิบัติข้างต้นนี้ ไม่เฉพาะชื่อไฟล์ที่ใช้กับเว็บไซต์นะครับ แต่รวมไปถึงชื่อ Directory หรือชื่อของ Folder ที่ใช้ด้วยครับ..ทั้งหมด 6 ข้อนี้ผมรวบรวมนำมาชี้แนวทางและแนะนำกันนะครับตามประสบการณ์ที่ใช้งานมา อาจจะถูกต้องหรือไม่ถูกต้องก็ลองพิจารณาดู ถ้าเห็นว่าดีก็ปฏิบัติตามได้ครับ...

About the Author

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him :


บทความอื่นที่คุณอาจสนใจ

Cookies เรื่องของคุกกี้

เรื่อง :: Cookie Fileเรื่องนี้จริง ๆ แล้วไม่เกี่ยวกับโปรแกรม Dreamweaver หรอกครับ แต่อยากเขียนเพื่อเป็นเกร็ดเล็ก ๆ น...  


กระทู้ที่เกี่ยวข้อง

Toplist

โพสต์ล่าสุด

แท็ก

ไทยแปลอังกฤษ แปลภาษาไทย โปรแกรม-แปล-ภาษา-อังกฤษ พร้อม-คำ-อ่าน ห่อหมกฮวกไปฝากป้าmv Terjemahan แปลภาษาอังกฤษเป็นไทย pantip lmyour แปลภาษา ไทยแปลอังกฤษ ประโยค แอพแปลภาษาอาหรับเป็นไทย เมอร์ซี่ อาร์สยาม ล่าสุด แปลภาษาอาหรับ-ไทย Bahasa Thailand app แปลภาษาไทยเป็นเวียดนาม พจนานุกรมศัพท์ทหาร ยศทหารบก ภาษาอังกฤษ สหกรณ์ออมทรัพย์กรมส่งเสริมการปกครอง ส่วนท้องถิ่น แปลภาษาเวียดนามเป็นไทยทั้งประโยค กรมส่งเสริมการปกครองท้องถิ่น การไฟฟ้าส่วนภูมิภาคมีทั้งหมดกี่ภาค มัจจุราชไร้เงา 1 mono29 มัจจุราชไร้เงา 1 pantip มัจจุราชไร้เงา 3 pantip รายชื่อวิทยานิพนธ์ นิติศาสตร์ 2563 ศัพท์ทหาร ภาษาอังกฤษ pdf ห่อหมกฮวกไปฝากป้า หนังเต็มเรื่อง แปลภาษาอิสลามเป็นไทย ่้แปลภาษา Google Drive กรมการปกครอง กระบวนการบริหารทรัพยากรมนุษย์ 8 ขั้นตอน การไฟฟ้าส่วนภูมิภาค ข้อสอบคณิตศาสตร์ พร้อมเฉลย คะแนน o-net โรงเรียน ที่อยู่สมุทรปราการ ภาษาอังกฤษ ประปาไม่ไหล วันนี้ มหาวิทยาลัยรามคําแหง เปิดรับสมัคร 2566 มัจจุราชไร้เงา 2 facebook ราคาปาเจโร่มือสอง สถาบันพัฒนาบุคลากรท้องถิ่น หนังสือราชการ ส ถ หยน ห่อหมกฮวกไปฝากป้า คาราโอเกะ อาจารย์ ตจต Google Form Info arifureta shokugyou de sekai saikyou manga online legendary moonlight sculptor www.niets.or.th ประกาศผลสอบ การบริหารทรัพยากรมนุษย์ มีอะไรบ้าง ข้อสอบภาษาอังกฤษ พร้อมเฉลย pdf