THTWEB MANUAL
  ใส่ชื่อบทความ

 เมนูหลัก

ใส่ชื่อบทความ    


การล็อกอินเข้าสู่ระบบการพัฒนาของระบบ THTSERVER

1. เทมเพลทคืออะไร

2. เริ่มต้นสร้างเทมเพลทได้อย่างไร

3. เว็บต้นแบบคืออะไร
4. สร้างเทมเพลทจากเว็บต้นแบบ
5. สร้างเทมเพลทจากแบบสำเร็จ

1. ถาม  : เทมเพลทคืออะไร go top
ตอบ :

1.1 คือหน้าโครงสร้างหลักของเว็บไซต์ ที่บรรจุองค์ประกอบต่าง ๆ ไว้ เช่น

  • ภาพส่วนหัวเว็บไซต์
  • เมนู
  • หน้าบทความ
  • ภาพส่วนท้ายเว็บไซต์
  • สถิติการเข้าชม
  • องค์ประกอบอื่น ๆ ที่เราต้องการให้แสดงขึ้นทุกหน้า

1.2 เทมเพลทในระบบของเรา จะใช้การสร้างตารางเป็นตัวแบ่งขอบเขตขององค์ประกอบต่าง ๆ  ดังภาพประกอบ template1

ตัวอย่างการสร้างเทมเพลทโดยใช้ตารางแบ่งขอบเขตองค์ประกอบ แบบง่าย ๆ

พื้นที่ส่วนนี้จะใส่ภาพส่วนหัวเว็บไซต์

พื้นที่ส่วนนี้จะใส่เมนู

และสถิติการเข้าชม

พื้นที่ส่วนนี้จะใส่หน้าบทความ
พื้นที่ส่วนนี้จะใส่ภาพท้ายเว็บไซต์

ภาพประกอบ template1


ตัวอย่างการใส่ภาพและแทคต่าง ๆ เลียนแบบการสร้างจริง

พื้นที่ส่วนนี้จะใส่ภาพส่วนหัวเว็บไซต์


## showfunction(menu_menu001_side)##

 

## include('showcounter.php')##

## detail##
พื้นที่ส่วนนี้จะใส่ภาพท้ายเว็บไซต์

ภาพประกอบ template2


ตัวอย่างการแสดงการใช้งานจริงของระบบเทมเพลท

พื้นที่ส่วนนี้จะใส่ภาพส่วนหัวเว็บไซต์


 

 สถิติวันนี้ 9 คน
 สถิติเมื่อวาน 7 คน
 สถิติเดือนนี้
สถิติปีนี้
สถิติทั้งหมด
580 คน
9612 คน
288466 คน
เริ่มเมื่อ 2012-08-09

 

              เว็บไซต์ของท่านจะดึงเอาบทความจากไฟด์ชื่อ index.html มาแสดงเป็นหน้าแรกเสมอ เราเรียกหน้านี้ว่า หน้าโฮมเพจ ส่วนบทความหน้าอื่นจะมาแสดงขึ้นที่ขอบเขตส่วนนี้ได้ต้องคลิ๊กเรียกจากเมนู หรือ ลิงค์จากหน้าอื่น ๆ เท่านั้น

   Once you have scanned or imported an image, you may want to adjust its size. In Photoshop, the Image Size command lets you adjust the pixel dimensions, print dimensions, and resolution of an image; in ImageReady, you can only adjust the pixel dimensions of an image.

   Resize Image. This interactive wizard helps you scale your images for print or online media.   Once you have scanned or imported an image, you may want to adjust its size. In Photoshop, the Image Size command lets you adjust the pixel dimensions, print dimensions, and resolution of an image; in ImageReady, you can only adjust the pixel dimensions of an image.

   Photoshop, choose Help > Resize Image. This interactive wizard helps you scale your images for print or online media. have scanned or imported an image, you may want to adjust its size. In Photoshop, the Image Size command lets you adjust the pixel dimensions, print dimensions, and resolution of an image; in ImageReady, you can only adjust the pixel dimensions of an image.

   For assistance with resizing and resampling images in Photoshop, choose Help > Resize Image. This interactive wizard helps you scale your images for print or online media. Learn more>>

พื้นที่ส่วนนี้จะใส่ภาพท้ายเว็บไซต์
ภาพประกอบ template3

2. ถาม  : เริ่มต้นสร้างเทมเพลทได้อย่างไร go top
ตอบ :

2.1 จากภาพประกอบ template4 คลิ๊กที่เมนู 1.4

2.2 เลือกโหมดการทำงาน เป็น Mytemplate  คลิ๊กที่ปุ่ม บันทึกข้อมูล

2.3 การตั้งค่าข้างต้นนี้เป็นการเปิดโอกาสให้เราสร้างเทมเพลทได้อย่างมืออาชีพ

ภาพประกอบ template4

3. ถาม  : เว็บต้นแบบคืออะไร go top
ตอบ :

คือเว็บไซต์ที่ส่วนกลางพัฒนาขึ้นมาตามประเภทของธุรกิจต่าง ๆ  ให้มีความสมบูรณ์ในตัวเอง เช่น ถ้าเป็นเว็บธุรกิจที่รีสอร์ทก็จะมีองค์ประกอบที่พัฒนาให้ดังนี้

  • มีหน้าเทมเพลทเป็นรูปการท่องเที่ยว
  • มีหน้าแสดงอัตราค่าห้องพัก พร้อมฟอร์มการจอง
  • มีหน้าแสดงภาพห้องพัก
  • มีหน้าแสดงภาพที่ท่องเที่ยวใกล้เคียง หรือภาพกิจกรรมต่าง ๆ ของรีสอร์ท
  • มีภาพแสดงอาหารมื้อต่าง ๆ
  • มีหน้าติดต่อเรา เกี่ยวกับเรา พร้อมแผนที่

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


4. ถาม  : สร้างเทมเพลทจากเว็บต้นแบบ go top
ตอบ : คลิ๊กดูรายละได้ที่นี่

5. ถาม  : สร้างเทมเพลทจากแบบสำเร็จ go top
ตอบ : คลิ๊กดูรายละได้ที่นี่

6. ถาม  : สร้างเทมเพลทเองทั้งหมด go top
ตอบ :

คลิ๊กดูรายละได้ที่นี่


7. ถาม  : สร้างเทมเพลทจากเทมเพลทที่ Download จากแหล่งแจกเทมเพลทฟรีทั่วโลก go top
ตอบ : คลิ๊กดูรายละได้ที่นี่

 

 เมนูย่อย

© 2008 Thtserver Group. All rights reserved.