แนะนำการทำเว็บสำเร็จรูป - เพิ่มลูกเล่นให้เว็บไซต์ด้วยหน้าต้อนรับ Intro Page
แนะนำการทำเว็บสำเร็จรูป - เพิ่มลูกเล่นให้เว็บไซต์ด้วยหน้าต้อนรับ Intro Page

Intro Page ของเว็บไซต์ เป็นระบบการแสดงหน้าต้อนรับผู้เข้าชมเว็บไซต์ก่อนจะเข้าสู่หน้าหลักของเว็บไซต์  แต่ประโยชน์ของ Intro Page นอกเหนือจากการพิมพ์ข้อความต้อนรับแบบธรรมดาแล้ว  เว็บมาสเตอร์สามารถเพิ่มลูกเล่น และสร้างสีสันให้กับเว็บไซต์ ด้วยการ, โปรโมชั่นพิเศษ, หรือใช้เป็นสื่อแสดงถึงเทศกาลต่าง ๆ ในช่วงเวลานั้น ๆ ได้หลากหลายรูปแบบ  ReadyPlanet-HowTo วันนี้ มีตัวอย่างการประยุกต์ใช้ Intro Page ของเว็บไซต์ ในรูปแบบต่าง ๆ มาแนะนำ ดังนี้ค่ะ

 รูปแบบที่ 1 แสดงหน้า Intro Page โดยเลือกใช้แบนเนอร์เทศกาลจากระบบเว็บไซต์สำเร็จรูป ReadyPlanet

     จากเดิมการสร้าง Intro Page เว็บมาสเตอร์ต้องเป็นผู้ดำเนินการด้วยตนเอง และเพื่อช่วยอำนวยความสะดวกแก่เว็บมาสเตอร์ ทางทีมงาน R&D จึงได้พัฒนาออกแบบแบนเนอร์สำหรับเทศกาลต่าง ๆ ตลอดปี เพื่อให้เว็บมาสเตอร์สามารถเลือกใช้งานได้ทันที

ตัวอย่างการแสดงผลหน้าสำหรับเลือกแบนเนอร์เทศกาลของ Intro Page


  

ตัวอย่างการแสดงผลแบนเนอร์เทศกาล สำหรับวันเข้าพรรษา บนหน้า Intro Page


 

 รูปแบบที่ 2 แสดงหน้า Intro Page โดยการอัพโหลดรูปภาพเอง

     เว็บมาสเตอร์สามารถอัพโหลดรูปภาพสำหรับตกแต่งหน้า Intro Page เพื่อความสวยงาม แสดงผลงานบางส่วน สินค้าเด่น บริการหลัก หรือแจ้งโปรโมชั่นต่าง ๆ อย่างย่อก่อนจะนำเข้าสู่เว็บไซต์

     โดยรูปภาพที่จะอัพโหลดเข้ามาในระบบนั้น  เป็นไฟล์ภาพนามสกุล .gif, .jpg, .png ควรมีขนาดไฟล์ (File Size) ไม่เกิน 500 Kb , ตั้งชื่อไฟล์ภาพเป็นภาษาอังกฤษหรือตัวเลข  และสามารถอัพโหลดรูปภาพโดยใช้เครื่องมือ  (Easy Upload Image) หรือ  (Upload Image) ค่ะ

ตัวอย่างการแสดงผลหน้า Intro Page โดยการอัพโหลดรูปภาพเอง ของเว็บไซต์ www.sisidea.com


 

 รูปแบบที่ 3 แสดงหน้า Intro Page แทรก HTML หรือ script อื่นๆใน Intro page ของเว็บไซต์ได้

     ในส่วนของการตกแต่ง Intro Page ของเว็บไซต์  ท่านสมาชิกสามารถนำโค้ด HTML หรือ Script ต่าง ๆ มาแสดงผลในส่วนนี้ได้อย่างง่ายดาย เพียงคลิกเครื่องมือ   (Source) และวางโค้ดลงในพื้นที่ส่วนเนื้อหาของ Intro Page ก็จะสามารถแสดงผลข้อมูลตามโค้ดที่ใส่ไว้ค่ะ

ตัวอย่างการแสดงผลการนำโค้ดวีดีโอจาก Youtube

เพื่อช่วยในการโฆษณาประชาสัมพันธ์โปรโมชั่นเด่นของเว็บไซต์บนหน้า Intro Page

  

 รูปแบบที่ 4 แสดงหน้า Intro Page โดยใช้ Flash Animation

     ส่วนที่พิเศษที่สุดของ Intro Page คือ มีเครื่องมือ  (Upload Flash) สำหรับอัพโหลดไฟล์ภาพเคลื่อนไหวแบบ Flash (นามสกุล .swf) บนหน้า Intro Page ของเว็บไซต์  ซึ่งช่วยสร้างความน่าสนใจและความสวยงามให้เว็บไซต์ได้มากยิ่งขึ้น 

ตัวอย่างการแสดงผลภาพเคลื่อนไหวแบบ Flash Animation บนหน้า Intro Page ของเว็บไซต์ www.weddingthai.net


ข้อแนะนำในการตกแต่ง Intro Page เพิ่มเติม

  Intro Page ควรมีขนาด 700 x 500 pixel. เพื่อการแสดงผลที่สวยงาม

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

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

  สามารถดูรายละเอียดการใช้งานระบบ Intro Page ของเว็บไซต์เพิ่มเติม ได้ที่ คู่มือออนไลน์ หัวข้อ Intro Page ของเว็บไซต์ ค่ะ

28 June 2011
Jittima  Suebsook
www.ReadyPlanet.com




เทคนิคการทำเว็บไซต์ (Howto)

เทคนิคการสร้างเส้นตรงคั่นระหว่างเนื้อหาหรือบทความด้วยเครื่องมือ Insert Horizontal Line
วิธีนำ Embed Post จาก Facebook, Twitter และ Google+ มาแสดงผลบนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
เว็บไซต์สำเร็จรูป - ติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
เว็บไซต์สำเร็จรูป - เจาะลึกเรื่องเมนูที่ควร Do และ Don't
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 2
เว็บไซต์สำเร็จรูป - เทคนิคง่าย ๆ ในการค้นหาข้อมูลบนเว็บไซต์ ตอนที่ 1
เว็บไซต์สำเร็จรูป - เทคนิคการใส่ตารางในรายละเอียดสินค้าบนระบบร้านค้าออนไลน์
เว็บไซต์สำเร็จรูป - เทคนิคการปิดปรับปรุงเว็บไซต์ โดยใช้ Intro Page
เว็บไซต์สำเร็จรูป - ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
เว็บไซต์สำเร็จรูป - ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
เว็บไซต์สำเร็จรูป - ใส่กรอบและตกแต่งรูปภาพอย่างง่ายด้วยโปรแกรม PhotoScape
การทำเว็บเพื่อการตลาดออนไลน์ - ฟันธงแนวโน้มการตลาดออนไลน์
เว็บไซต์สำเร็จรูป - จัดระเบียบข้อมูลบนหน้าเว็บไซต์ด้วยเครื่องมือตาราง
แนะนำการทำเว็บสำเร็จรูป - วิธีอัพโหลดไฟล์เอกสารและสร้างลิงค์สำหรับดาวน์โหลด
แนะนำการทำเว็บสำเร็จรูป - ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
การทำเว็บเพื่อการตลาดออนไลน์ - Website Check Up ตรวจสุขภาพเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
แนะนำการทำเว็บสำเร็จรูป - เทคนิคใส่ตัวอักษรเคลื่อนไหวในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - เทคนิคซ่อนเส้นขอบรูปภาพที่เกิดจากการสร้างลิงค์
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างภาพโลโก้ตัวอักษรอย่างง่าย
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดง Profile widget จาก Twitter ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีติดตั้งโค้ดนับจำนวนผู้เข้าชมเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - ทำอย่างไรให้เว็บไซต์เป็นที่นิยม
แนะนำการทำเว็บสำเร็จรูป - ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย
แนะนำการทำเว็บสำเร็จรูป - วิธีใส่เสียงเพลงในหน้าเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทิน
แนะนำการทำเว็บสำเร็จรูป - สร้างลิงค์ตรวจสอบสถานะ EMS และไปรษณีย์แบบลงทะเบียนในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - สร้างรูปภาพเคลื่อนไหวแบบ Marquee
แนะนำการทำเว็บสำเร็จรูป - ประชาสัมพันธ์เว็บไซต์ด้วยแบนเนอร์แลกลิงค์
แนะนำการทำเว็บสำเร็จรูป - สร้างลูกเล่นให้เว็บไซต์ด้วย Chat Box
การทำเว็บเพื่อการตลาดออนไลน์ - สร้างธุรกิจให้ดังและโดนด้วย Social Network
แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยแบนเนอร์เทศกาล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้าง QR Code และแสดงผลบนเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - E-Mail Marketing ทำการตลาดออนไลน์ด้วยอีเมล
แนะนำการทำเว็บสำเร็จรูป - วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
การทำเว็บเพื่อการตลาดออนไลน์ - Google Adwords สื่อโฆษณาที่ทรงพลัง
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการสร้างลิงค์เมนูและรูปภาพแบนเนอร์ในพื้นที่ด้านล่างของเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - แนะนำวิธีหากลืมรหัสผ่านเข้าสู่หน้าแก้ไขเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - การติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - Keyword ช่วยสร้างตัวตนบนโลกออนไลน์
แนะนำการทำเว็บสำเร็จรูป - สาเหตุและวิธีการแก้ไขหน้าเว็บไซต์ที่จำข้อมูลเดิม
การทำเว็บเพื่อการตลาดออนไลน์ - การเปลี่ยน Visitor เป็น Customer
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีเชื่อมต่อ Status จาก Twitter ไปยัง Facebook อัตโนมัติ
การทำเว็บเพื่อการตลาดออนไลน์ - รู้จักผู้เข้าชมเว็บไซต์ และวัดผลด้วย Google Analytics
แนะนำการทำเว็บสำเร็จรูป - วิธีระบุที่ตั้งและแสดงแผนที่ Google Map บนหน้าเว็บไซต์
การทำเว็บเพื่อการตลาดออนไลน์ - วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
การทำเว็บเพื่อการตลาดออนไลน์ - ความหมายและความสำคัญของการจดทะเบียนโดเมนเนม
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการให้รายละเอียดสินค้าเพื่อปิดการขาย
การทำเว็บเพื่อการตลาดออนไลน์ - การสร้างความน่าเชื่อถือให้กับเว็บไซต์
แนะนำการทำเว็บสำเร็จรูป - จะเลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
แนะนำการทำเว็บสำเร็จรูป - จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
แนะนำการทำเว็บสำเร็จรูป - เทคนิคการจัดการเมนูหลักที่สวยและดี
แนะนำการทำเว็บสำเร็จรูป - การเลือกรูปแบบเว็บไซต์และจัดโครงสร้างหน้าแรก
แนะนำการทำเว็บสำเร็จรูป - เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
การทำเว็บเพื่อการตลาดออนไลน์ - เทคนิคการเขียนบทความบนเว็บไซต์ให้น่าสนใจ
แนะนำการทำเว็บสำเร็จรูป - เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
แนะนำการทำเว็บสำเร็จรูป - 10 ข้อแนะนำ ก่อนเริ่มทำเว็บไซต์