Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Webmaster Tip การทำระบบเวปเป็นแบบ SSI (Server S ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 5918|ตอบ: 3
go

การทำระบบเวปเป็นแบบ SSI (Server Side Include)

Rank: 9Rank: 9Rank: 9

โพสต์เมื่อ 6-8-2008 20:30 |แสดงโพสต์ทั้งหมด
เมื่อก่อนเคยใช้เฟรมทำให้เวปอึดพอสมควรเพราะเอาไฟล์หลายๆ ไฟล์มารวมกันในหน้าเดียวแต่เดียวนี้มีวิธีที่เราไม่ต้องพึ่งเฟรมอีกต่อไป คือการใช้ระบบ SSI (Server Side Include) เป็นการดึงไฟล์หลายไฟล์มาออกหน้าเวปนั้นเอง ...

ระบบนี้จะใช้กลักการดึงไฟล์หลายไฟล์มาออกหน้าเดียวกัน เหมือนกันเฟรม แต่จะแตกต่างกันที่ ไฟล์ทุกไฟล์สามารถมารวมกันใน โครงสร้าง HTML ตัวเดียวกันได้ โดยการดึงไฟล์ออกมา จะเป็นการดีมากสำหรับคนที่ทำเวปแบบ Templates ที่มีโครงร่างเดียวกันทั้งระบบเอาหละเราลองมาดูหลักวิธีการทำกันเลย ...

 

ขั้นตอนที่1. สำหรับท่านที่ทำเวปโดยการเช่า Server แล้วนั้น ลองสอบถามทาง Admin ก่อนว่า Server เราใช้ระบบ SSI (Server Side Include) ได้หรือปล่าว ถ้าได้ก็จะสามารถใช้ระบบนี้ได้แน่นอน

ขั้นตอนที่2. เปิดโปรแกรม Dreamweaver ขึ้นมาแล้วหลังจากนั้นให้ทำการการวางโครงร่าง Table ใว้คร่าวๆ แล้วทำการ Save as เป็นชื่อไฟล์หน้าแรกของเวปเช่น index.shtml

 หรือ default.shtml จะสังเกตว่านามสกุลไฟล์จะเป็นนามสกุลไฟล์ *.shtml ดังตัวอย่าง.

 

 

ขั้นตอนที่3. เมื่อทำการสร้างโครงหน้าเวปโดยกำหนดตามช่องตารางแล้ว หลังจากนั้นทำการสร้างไฟล์ menu.shtml ขึ้นมาและให้ทำการ ลบ head ออกให้หมดเหลือแต่โครงร่าง body เท่านั้น วิธีการทำคือ ให้ทำการเลือกปุ่ม Show Code View หลักจากนั้นให้ทำการลบส่วน head ออกเหลือแต่ body เท่านั้นดังตัวอย่าง Code ที่ทำการแก้ไข

 

 

ให้ไฟล์ menu.shtml เหลือโครงสร้าง html แค่ body เท่านั้น

ขั้นตอนที่4. จากนั้นให้เปิดไฟล์หน้าแรกที่เราสร้างขึ้นมา index.shtml หรือตามชื่อที่เราตั้ง ย้ำนามสกุลต้อง *.shtml เท่านั้น เมื่อเปิดขึ้นมาแล้ว จากนั้นให้คลิ๊กเคอร์เซอร์ในตำแน่งที่เราต้องการ ในตัวอย่างจะคลิ๊กเลือกเมนูช่องด้านซ้ายมือ จากนั้นให้มาที่คำสั่ง Insert --> Scripts Objects --> Server Side Include แล้วทำการเลือกไฟล์ menu.shtml ที่เรา

 

สร้างขึ้นมา ก็จะเกิดสัญลักษณ์ Scripts ขึ้นมาต่ำแหน่งที่เราต้องการดังตัวอย่าง.

 

 

ขั้นตอนที่5. หลังจากนั้นเราก็สร้างไฟล์ *.shtml ขึ้นมาอีกหลายไฟล์ เพื่อจะดึงออกหน้าเวป โดยให้ลบส่วนของ head เหลือแต่ส่วน ของ body เท่านั้น โดยไฟล์เหล่านั้นจะทำหน้าที่ดั่งต่อไปนี้ header.shtml (ส่วนบนของเวป) menu1.shtml (เมนูส่วนด้านซ้ายของเวป) menu2.shtml (เมนูส่วนด้านขวาของเวป) footer.shtml (ข้อมูลส่วนล่างสุดของเวป)

เมื่อเราเอาไฟล์ทั้งหมดมาใส่ในหน้าเดียวกันหน้าเวปของเราจะเป็นดั่งตัวอย่าง.

 

 

ขั้นตอนที่6. หลังจากนั้นเอาไฟล์ทั้งหมด Upload ขึ้น Server โดยใช้โปรแกรม Ws_FTP หรือ โปรแกรมอัพโหลดอื่นๆ จากนั้น ก็ทำการทดสอบ โดย Preview ทาง Browser ดังตัวอย่าง.

 

http://www.thaigraph.com/training/ssi/index.shtml

 

 

Note... ไฟล์ index.shtml ไม่ต้องทำการลบ head ให้ลบแต่ไฟล์ที่ต้องการ Include เข้ามาเท่านั้น

เป็นไงขอรับพอจะเข้าใจกระบวนการทำหรือยังขอรับ ท่านสามารถออกแบบโครงร่างหน้าแรกให้เสร็มสมบูรร์ก่อนก็ได้หลังจากนั้นก็ทำการ Copy ที่ละส่วนที่ท่านต้องการแยก แล้วไป Paste ในไฟล์ใหม่ แล้วสร้างเป็นไฟล์ shtml เสียแล้วก็ใช้คำสั่งInsert --> Scripts Objects --> Server Side Include ออกมา เท่านี้หละเวลาท่านทำเวป ยิ่งมีข้อมูลมากเท่าไหร่ก็สามารถแก้ไขง่ายและรวดเร็ว นี่ก็เป็นพื้นฐานการสร้าง สคริ๊บแบบง่ายๆ ก่อนที่จะก้าวเข้าสู่การใช้ Database ในขั้นสูงต่อไป ...

 

ขอปัญญาเกิดแด่ท่าน

ธนา mastertana

Rank: 1

โพสต์เมื่อ 11-11-2009 12:08 |แสดงโพสต์ทั้งหมด
ขอบคุณมากครับ  

ได้ความรู้ อีกขั้นแล้ว

Rank: 1

โพสต์เมื่อ 21-7-2010 23:32 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Rank: 5Rank: 5

โพสต์เมื่อ 17-12-2010 12:04 |แสดงโพสต์ทั้งหมด
มีประโยชน์ดีครับ มันจะคล้ายๆการ include ใน php หรือเปล่าครับ เพราะผมจะใช้ include เป็น ประจำครับ เวลาแก้งานก็แก้ที่ไฟล์ที่ include ไฟล์เดียวเสร็จครับ

Thaigraph

GMT+7, 21-8-2019 07:49 , Processed in 0.129751 second(s), 19 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books