ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


สร้าง Intro page ของเว็บไซต์

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

  • สามารถแทรก HTML หรือ script อื่น ๆ ใน Intro page ของเว็บไซต์ได้
  • สามารถใส่แบนเนอร์เทศกาลต่าง ๆ ได้
  • Intro Page ควรมีขนาด 700 x 500 pixel. เพื่อการแสดงผลที่สวยงาม

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

นอกจากนี้ยังสามารถเขียนข้อความที่ต้องการ หรืออัพโหลดรูปภาพ เพื่อใช้แสดงแทน รูปแบบปุ่มเข้าสู่หน้าแรก และยังสามารถเลือกสีพื้นหลังของหน้า Intro Page ได้ตามต้องการ


ขั้นตอนการเปิดใช้งาน Intro Page ในระบบเว็บไซต์ VelaClassic

1.ล็อกอินเข้าสู่ส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกที่ "Intro page ของเว็บไซต์"



 

2.หัวข้อ “Intro page ของเว็บไซต์” คลิกเลือก "แสดง Intro page ของเว็บไซต์" เพื่อเปิดการใช้งาน



 

3. ในส่วนของรายละเอียดที่จะแสดงผลบนหน้า Intro Page เว็บมาสเตอร์สามารถตั้งค่าการแสดงผลได้จาก 4 แท็บ ดังต่อไปนี้

3.1. แท็บรายละเอียด Intro Page

จะมีเครื่องมือ Text Editor ให้ใส่ข้อมูลได้เองตามต้องการ เช่น พิมพ์ข้อความตัวอักษร อัพโหลดรูปภาพ หรือวาง HTML Code (ผ่านเครื่องมือ Source) รวมถึงสามารถอัพโหลดไฟล์ภาพเคลื่อนไหวชนิด Flash Animation ซึ่งเป็นไฟล์นามสกุล.swf (อัพโหลดผ่านเครื่องมือ Upload Flash) เป็นต้น เมื่อกรอกข้อมูลเรียบร้อยแล้วคลิก "ตกลง" เพื่อบันทึก


 
 

3.2. แท็บแบนเนอร์ Intro Page

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



 

 3.3. แท็บสีของ Intro Page

สามารถเลือกสีเพื่อแสดงเป็นสีพื้นหลังของหน้า Intro Page โดยเมื่อเลือกสีที่ต้องการเรียบร้อยแล้วคลิก "ตกลง" เพื่อบันทึก



 

 3.4. แท็บปุ่มของ Intro Page

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



 


 
ตัวอย่างการประยุกต์ใช้ 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 เพิ่มเติม

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

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

  หากท่านมีการใส่ข้อมูลใน Editor  การแสดงผลของ Intro Page จะเลือกแสดงทั้งสองส่วนค่ะ


เทคนิคเพิ่มเติม/เกี่ยวข้อง

 วิธีการแสดงหน้า Intro Page เมื่อมีการปิดหน้าเว็บไซต์ชั่วคราว

 เทคนิคการใช้ Flash บนหน้า Intro Page




สร้าง Intro page ของเว็บไซต์