อีคอมเมิร์ส (e-Commerce) ภาคปฏิบัติ

ปรับปรุง : 2548-02-12 ()

บทเรียน ONLINE : การเขียนภาษา PERL
[ E-Commerce ภาพปฏิบัติ ]
บทเรียนนี้จะเปิด Source code, data, ให้ลองบริหาร และอธิบายแนวการออกแบบระบบทั้งหมด
แต่ถ้าท่านต้องการความสะดวก ผมจะส่งแฟ้มทั้งหมดไปให้ท่าน และสามารถนำไปใช้ได้ทันที กับเว็บของท่าน
ถ้าง่ายกว่านั้น ผมก็มี เว็บที่ทำเป็น e-Commerce แบบนี้ไว้แจกฟรี ให้ลองไปศึกษา
Demo site คือ http://www.thaiabc.com(ต้องจด domain)
[ สนใจ source code แบบส่งให้ทาง mail ขอเชิญที่ http://www.thaiall.com/demo/c/cshowsrc.pl?filename=dproserv.dat ]
โปรแกรมชุด demo e-commerce เขียนให้ท่านทดลองบริหารเว็บ และ open source ให้ copy ไปใช้ ไว้ที่
http://thaiall.hypermart.net และ http://www.thaiabc.com

[ E-Commerce ภาพทฤษฏี ]
  1. ท่านจะได้อะไรจาก software ชุดนี้ (เพื่อเปิด ecommerce ของตัวเอง หรือหัดเขียน cgi ด้วย perl)
  2. จุดเด่น และจุดด้อยของระบบนี้
  3. วิธีติดตั้งโปรแกรมทั้งระบบ (เมื่อท่านได้แฟ้มทั้ง 145 แฟ้มไปแล้ว)
  4. จุด copy แฟ้ม 145 แฟ้มนี้ไปใช้
  5. แฟ้ม csysxyz.pl - เป็นแฟ้มที่เก็บค่าเริ่มต้นของระบบ
  6. แบบฝึกหัด
ท่านจะได้อะไรจาก software ชุดนี้
  1. ทำให้ท่านได้รู้จัก e-commerce ในอีกแง่มุมหนึ่ง หรืออย่างเป็นรูปธรรมมากขึ้น โดยเสียค่าใช้จ่ายน้อยที่สุด หรือไม่เสียเลย
  2. ทำให้ท่านเปิดร้านเองได้ แม้จะเขียน perl ไม่เป็นแม้แต่น้อย เพราะผมทำให้เป็นโปรแกรม ที่สามารถบริหารข้อมูลทั้งหมด ผ่านหน้าเว็บไว้เรียบร้อย โดยใช้ free hosting ที่ hypermart.net เช่น http://yourname.hypermart.net เป็นต้น โดยไม่ต้องเสียเงินสักบาท
  3. เห็นแนวการเขียนโปรแกรม ที่ใช้แฟ้มในห้องเก็บ pl 19 file แฟ้มในห้องเก็บ dat 13 file แฟ้มในห้องเก็บภาพทั้ง jpg+gif 111 file และแฟ้ม idemo.htm+index.html รวมเป็น 145 file เพื่อทำให้ระบบ demo e-commerce นี้สมบูรณ์ในระดับหนึ่ง
  4. ทำให้เข้าใจ วิธีการ แนวคิด และหลักการเขียนโปรแกรมด้วย perl สำหรับทำงาน อย่างน้อย 9 ระบบ เช่น ระบบยืนยันสมาชิก ระบบ shopping cart ระบบ search engine ระบบ formmail ระบบสุ่มภาพ ระบบแสดง source code ระบบปรับปรุงข้อมูลแบบ text ระบบเรียกคืนค่าเริ่มต้น รวมถึงข้อมูลทั้งหมด ระบบ counter และการเรียกใช้แฟ้ม ค่าเริ่มต้นของระบบ เป็นต้น ซึ่งทุกระบบ open source แบบไม่ปิดเลยแม้แต่น้อย
  5. เพื่อ สนับสนุนให้ผม ตั้งใจทำเว็บต่อไป นาน เท่านาน เพราะเห็นว่าผมมี slogan ประจำใจ ที่ว่า อยากให้คนไทยเก่งกันทุกคน นั่นเอง

จุดเด่น และจุดด้อยของระบบนี้
ที่เขียนระบบนี้ขึ้นมาได้ เพราะไปขอใช้บริการ free e-commerce ไว้ 3 ที่ ทำให้รู้ว่า e-commerce มีลักษณะและรายละเอียดเป็นอย่างไร ซึ่งทั้ง 3 ที่ได้เขียนไว้ใน E-Commerce ภาคทฤษฏี ซึ่งทั้ง 3 นั้นได้แก่ http://www.jjshop.com/thaiall, http://thaiall.safeshopper.com, http://thaiall.bigstep.com จึงได้นำมาปรับปรุงเป็นระบบ Demo E-Commerce เพื่อให้ได้ copy ไปใช้กัน และก่อนประโยชน์ต่อชาวไทยมากที่สุด
    จุดเด่น (Strong)
  1. จำนวนภาพของสินค้าแต่ละรายการ ไม่จำกัดจำนวนภาพ
  2. กำหนดประเภทของภาพว่าเป็น gif หรือ jpg และจะขนาดเท่าใดก็ได้ แล้วแต่เจ้าของร้านเห็นว่าเหมาะสม
  3. กำหนดราคาได้ 2 แบบคือ ราคาปกติ และราคาพิเศษ
  4. มีระบบสมาชิกโดยใช้หลักการของ active code ยืนยันทาง e-mail เพื่อลงทะเบียนสมาชิก ซึ่งป้องกันการใช้ e-mail ลวงมาซื้อของ
  5. เลือก แสดงสินค้ารายการพิเศษ ที่จัด promotion ไว้ที่หน้าแรกได้
  6. สร้างข้อมูลเพื่อให้ลูกค้า ได้รู้จักข้อมูลบริษัทดีขึ้น เช่น นโยบาย แผนที่ ประวัติ เป็นต้น
  7. มีระบบ shopping cart ซึ่งทำงานกับ cookie โดยตรง และส่งรายการสั่งซื้อเป็น mail ให้ทั้งลูกค้า และผู้ขาย
  8. กำหนด หน่วยของเงิน และหน่วยของสินค้า ได้ด้วยตนเอง
  9. มี counter ของตัวเองที่ใช้นับแยกวันที่ได้อย่างง่าย ๆ
  10. มีระบบ search engine ซึ่งนำไปพัฒนาต่อได้ และยังมีข้อมูลให้เรียบร้อยมากกว่า 2000 link ในฐานข้อมูลของท่าน
  11. มีระบบการ สุ่มภาพขึ้นมาแสดง เพื่อสร้างชีวิตชีวา ให้หน้าเว็บ
  12. มีส่วนสร้าง link ให้สามารถแลก link กับเว็บที่สนใจ
  13. สามารถ แก้ไขข้อมูล หรือรายละเอียดสินค้า ผ่านหน้าเว็บได้
  14. เก็บ ข้อมูลสมาชิกไว้ใช้ติดต่อภายหลัง ในกรณีที่ต้องการส่งข่าวสาร เกี่ยวกับสินค้าใหม่ ๆ ได้
  15. แม้จะเปิดเผย source code ทั้งหมดปิดการเข้าถึงข้อมูล และแฟ้มค่าเริ่มต้น ของระบบ ด้วยการเปลี่ยนชื่อห้องเก็บข้อมูล และแฟ้มเริ่มต้นเป็น .pl ซึ่งเปิดดูไม่ได้ ท่านสามารถทดลองการเข้าระบบ ซึ่งผมได้เปลี่ยน directory ของข้อมูลแล้วที่ thaiabc.com ลองดูได้ครับ
  16. ผู้ใช้สามารถ แก้ไข source code ภาษา perl ได้ตามต้องการ เพราะเป็น script language และเป็นโปรแกรม ที่อยู่ในความครอบครอง ของท่านอย่างสมบูรณ์
    จุดด้อย (Weak)
  1. ซื้อขายตัดบัญชีบัตรเครดิตไม่ได้ เพราะเมืองไทยยังไม่ยอมให้คนไทยจับเสือมือเปล่า และคนไทยเองก็มีชื่อนักเรื่องโกง ธนาคาร และกฏหมาย จึงไม่กล้าปล่อยมากนัก ซึ่ง jjshop.com เองก็เสียดายในเรื่องนี้เช่นกัน มิเช่นนั้นการเปิดตลาด E-Commerce เต็มรูปแบบคงง่ายขึ้นมาก
  2. รูปแบบการแสดงหน้าร้านยังจำกัด ถึงแม้จะเปลี่ยนสี เปลี่ยนเมนูทั้งหมด เพิ่มลดสินค้า หรือกลุ่มสินค้าได้ก็ตาม
  3. จำกัดรูปแบบของรหัสสินค้า เช่นต้องเป็น g___p____ เป็นต้น ถึงแม้จะไม่จำกัดจำนวนกลุ่มสินค้า หรือจำนวนสินค้า หรือจำนวนภาพก็ตาม
  4. ตัวโปรแกรมไม่ได้ถูกจดลิขสิทธิ์ คือไม่มี copy right เหมือนที่ใคร ๆ ชอบอ้างถึง จึง copy ไปแจกจ่ายให้ใครก็ได้ เป็นเหตุให้ผมไม่รับที่จะบริการแก้โปรแกรมให้ แต่ก็ยินดีให้คำปรึกษา ในฐานะคนเคยศึกษามาก่อน และพอรู้จากประสบการณ์ ลองผิดลองถูกมาแล้วเท่านั้น

วิธีติดตั้งโปรแกรมทั้งระบบ
  1. สร้างห้องโปรแกรม ชื่อ /c และบังคับว่าต้องชื่อนี้ เพื่อใช้เป็นที่เก็บแฟ้มทั้งหมด ที่ขึ้นต้นด้วยอักษร c ในห้องนี้ เก็บโปรแกรมสำหรับบริหารระบบ จึงไม่มีข้อมูลที่จะถูกเปิดได้ในห้องนี้ ถึงแม้ csysxyz.pl จะเป็นแฟ้มสำคัญที่สุด แต่ก็ไม่สามารถถูกเปิดได้โดยวิธีปกติทั่วไป จึงปลอดภัยในระดับหนึ่ง
  2. สร้างห้องภาพ ชื่อ /p และบังคับว่าต้องชื่อนี้ เพื่อใช้เป็นที่เก็บแฟ้มทั้งหมด ที่ขึ้นต้นด้วยอักษร p ในห้องนี้ เก็บภาพเกือบทั้งหมดของระบบ
  3. สร้างห้องข้อมูล ชื่อ /d หรือ /d9a หรืออะไรก็ได้ที่แปลก เพราะห้องนี้เป็นห้องเก็บข้อมูล ถ้าท่านเห็นว่าข้อมูลควรเป็นความลับ ก็ควรเปลี่ยนชื่อห้อง จากที่ผมกำหนดเป็นห้องชื่อ /d เป็นอะไรที่คิดว่าไม่น่ามีใคร มาคาดเดาได้
  4. ให้นำแฟ้มทั้งหมด ที่ขึ้นต้นด้วย c ส่งเข้าไปในห้องชื่อ /c
  5. ให้นำแฟ้มทั้งหมด ที่ขึ้นต้นด้วย p ส่งเข้าไปในห้องชื่อ /p
  6. ให้นำแฟ้มทั้งหมด ที่ขึ้นต้นด้วย d ส่งเข้าไปในห้องชื่อ /d หรือ /d9a หรืออะไรก็ได้ ที่ท่านได้ตั้งขึ้น
  7. ให้ สร้างแฟ้ม idemo.htm และ index.html ด้วย notepad ซึ่งมี 6 บรรทัดตามข้างล่างนี้ เก็บไว้ที่ ห้อง /
    <!--#exec cgi="/c/cheader.pl"-->
    <!--#exec cgi="/c/cmenu.pl"-->
    <!--#exec cgi="/c/cspecial.pl"-->
    <!--#exec cgi="/c/cright.pl"-->
    <!--#exec cgi="/c/clink.pl"-->
    <!--#exec cgi="/c/cfooter.pl"-->
  8. นำแฟ้ม index.html ที่สร้างขึ้น ส่งเข้าห้องทั้ง 3 ห้องที่ถูกสร้างขึ้นครั้งแรก เพื่อปิดการแสดงรายการของแฟ้มในห้องทั้งหมด
  9. สำหรับ password ที่กำหนดไว้เป็น thaiall ในแฟ้ม csysxyz.pl ให้เปลี่ยนจาก thaiall เป็นคำที่ท่านรู้คนเดียว เพราะผู้รู้ password จะสามารถลบ หรือแก้ไขข้อมูลในระบบได้ทั้งหมด
  10. ค่าต่าง ๆ ที่กำหนดใน csysxyz.pl ให้ท่านศึกษา และปรับเปลี่ยนเป็นของท่าน (ผมจะไม่อธิบาย เพราะคิดว่าน่าจะอ่านกันรู้เรื่องในระดับหนึ่ง)
  11. อย่าลืม อย่าลืม อย่าลืม : ภาพที่ผมเตรียมไว้ 111 file เป็นเพียงตัวอย่างภาพของผม ถ้าท่านต้องการขายสินค้า ท่านต้องไป scan ภาพสินค้าของท่าน แล้วใช้โปรแกรม ftp upload เข้าไปใน hypermart.net เอง หากท่านไม่รู้ว่าจะ upload ภาพอย่างไรเข้าไปใน hypermart.net เพราะเป็นเพียงเจ้าของกิจการ ก็ลองเปิดเว็บที่ชื่อว่าhttp://www.thaiall.com/learn/useftp.htm จะบอกวิธีการใช้โปรแกรม wsftp และโปรแกรม ftp ของ windows เพื่อใช้ upload ภาพเข้าไปใน server ... อาจยากหน่อย แต่ก็เป็นเรื่องเดียวที่ยากที่สุด สำหรับการทำ demo e-commerce (ต้องทำใจนิดนึง)
  12. ท่านไม่จำเป็นต้องใช้ index.html ที่ผมสร้างขึ้นในห้อง / ท่านสามารถใช้ index.html ของท่านก็ได้ เพียงแต่ link ไปที่แฟ้ม idemo.htm ก็ใช้ได้แล้ว เหมือนที่ผมจำลอง demo e-commerce ไว้ที่ http://www.thaiabc.com
โปรแกรมส่วนใหญ่ในห้อง /c นั้นมีบรรทัดที่ 2 เขียนว่า $uname = "thaiall"; เมื่อท่านได้ source ไปแล้ว ให้เปลี่ยนคำว่า thaiall เป็น username ของท่าน ที่ท่านได้มาจาก hypermart.net จึงจะทำให้โปรแกรมทั้งหมด ประมวลผลได้ถูกต้อง มิเช่นนั้น โปรแกรมก็จะพยายามมองหาแฟ้มในห้อง thaiall ครับ ซึ่งระบบถูก lock ไว้ไม่ให้กระทำได้ .. สรุปว่าอย่าลืมเข้าไปดูทุกแฟ้ม ในห้อง /c นะครับ

จุด copy แฟ้ม 145 แฟ้มนี้ไปใช้
    ระบบนี้มีห้อง 3 ห้อง คือ
  1. /c ใช้เก็บโปรแกรมเป็นภาษา perl มี 19 แฟ้ม
  2. /d ใช้เก็บข้อมูล มี 13 แฟ้ม
  3. /p ใช้เก็บภาพ มี 111 แฟ้ม
  4. Root directory ใช้เก็บ index.html และ idemo.htm 2 แฟ้ม
วิธี copy แฟ้ม ทั้ง 145 แฟ้ม
- ถ้าเป็น jpg, gif, lib ให้ใช้ right click แล้ว save as ไป
- แฟ้ม pl และ dat ให้ click แล้วไป copy source จากข้างใน
- แฟ้ม html และ htm ให้ใช้ notepad สร้างตาม source ที่มีให้
เรียนท่านผู้สนใจ ถ้าจะ copy ระบบ Demo E-Commerce นี้ ท่านอาจจะต้องเหนื่อยหน่อย แต่ถ้าท่านเป็นนักศึกษา หรือนักเรียน ผมก็คิดว่า ความเหนื่อยนั้น จะเป็นการสั่งสมความชำนาญให้กับตัวท่านเอง แต่ถ้าท่านใดต้องการความสบาย ก็จะต้องเสียตังนิดหนึ่ง ผมจะส่ง exe ไปให้ 4 แฟ้มคือ i.exe, c.exe, d.exe, p.exe โดยท่านต้องหาห้องเก็บแฟ้มทั้ง 4 นี้ เมื่อสั่ง run แต่ละตัวจะแตกตัวออกมา เพราะผม zip ไว้เป็น exe แต่เกรงว่าบางท่านไม่มีโปรแกรมคลาย zip หลังจากนั้น ให้ท่านไปแก้ไขแฟ้ม csysxyz.pl ซึ่งเก็บค่าเริ่มต้นของระบบ แล้วส่งเข้า hypermart.net ก็เป็นอันเรียบร้อย
วิธีสร้างแฟ้ม index.html
คำสั่งในแฟ้ม index.html และ idemo.htm
ซึ่ง index.html ในระบบนี้ เหมือนกันหมด
มี 6 บรรทัด ให้ท่านใช้ notepad สร้างเอง
<!--#exec cgi="/c/cheader.pl"-->
<!--#exec cgi="/c/cmenu.pl"-->
<!--#exec cgi="/c/cspecial.pl"-->
<!--#exec cgi="/c/cright.pl"-->
<!--#exec cgi="/c/clink.pl"-->
<!--#exec cgi="/c/cfooter.pl"-->

    แฟ้มในห้อง / มี 2 แฟ้ม ประกอบไปด้วย
  1. index.html : เพื่อปิดไม่ให้ใครมาดูว่าใน directory มีอะไรบ้าง
  2. idemo.htm : แฟ้มสำหรับ e-commerce เผื่อว่าท่านจะใช้ index.html ทำอย่างอื่น

    แฟ้มในห้อง /c มี 19 แฟ้ม ประกอบไปด้วย
  1. ccart.cgi : ให้บริการ shopping cart โดยใช้ cookie
  2. ccounter.pl : ใช้ให้บริการการนับแต้ม เพื่อเช็คจำนวนคนเข้าเว็บอย่างง่าย
  3. ccounterx.pl : ไม่ใช่โปรแกรมแต่เป็นแฟ้มข้อมูลเก็บสถิติการเข้า click แต่ละวัน
  4. cdetail.pl : แสดงรายละเอียดสินค้าแต่ละรายการ
  5. cfooter.pl : แสดงส่วนของ footer ของทุกหน้า
  6. cgroup.pl : แสดงสินค้าทุกรายการเฉพาะกลุ่มที่เลือก
  7. cheader.pl : แสดงส่วนของ header ของทุกหน้า เป็นเมนูด้านบนสุด
  8. clink.pl : แสดงส่วนแลก link ด้านล่างสุดของหน้าแรก
  9. cmenu.pl : แสดงเมนูด้านซ้ายของ screen
  10. cookie.lib : เก็บคำสั่งต่าง ๆ ที่ ccart.cgi เรียกใช้
  11. crandpic.pl : แสดงภาพที่สุ่มขึ้นมาทางด้านขวาของ screen
  12. cright.pl : ใช้ควบคุมการแสดงผลทางด้านซ้าย ซึ่งคุม crandpic.pl อีกทีหนึ่ง
  13. csearch.pl : บริการสืบค้นเว็บเหมือน yahoo.com แต่เล็กกว่ามาก
  14. cshowsrc.pl : ใช้อ่าน perl มาแสดง source code
  15. cspecial.pl : ใช้แสดงหน้ารายการสินค้ารายการพิเศษที่หน้าแรก
  16. csysxyz.pl : ใช้เก็บค่าเริ่มต้นของระบบทั้งหมด
  17. cupdate.pl : โปรแกรมที่เปิดให้ทดสอบบริหารเว็บนี้
  18. cwrkmember.pl : ใช้บริการระบบสมาชิก แบบตรวจสอบ email
  19. index.html : เพื่อปิดไม่ให้ใครมาดูว่าใน directory มีอะไรบ้าง

    แฟ้มในห้อง /d มี 13 แฟ้ม ประกอบไปด้วย
  1. dfaq.dat : เก็บข้อมูลของหน้าคำถามที่ถามบ่อย
  2. dgroup.dat : เก็บรายชื่อกลุ่มสินค้า
  3. dhist.dat : เก็บข้อมูลประวัติบริษัท
  4. dlink.dat : เก็บเว็บ address เพื่อแลก link
  5. dmap.dat : เก็บข้อมูลแผนที่บริษัท
  6. dmember.dat : เก็บข้อมูลสมาชิก
  7. dpolicy.dat : เก็บนโยบายของบริษัท
  8. dproduct.dat : เก็บรายชื่อสินค้า และชื่อภาพ
  9. dproserv.dat : เก็บข้อมูลสินค้าและบริการ
  10. dsearch.dat : เก็บข้อมูลเว็บเพื่อให้บริการสืบค้น
  11. dspecial.dat : เก็บรายการสินค้าราคาพิเศษ
  12. dwelcome.dat : เก็บข้อความกล่าวต้อนรับ
  13. index.html : เพื่อปิดไม่ให้ใครมาดูว่าใน directory มีอะไรบ้าง
แฟ้มในห้อง /p มี 111 แฟ้ม ประกอบไปด้วย
ให้ใช้ Right click แล้ว save as ไป
pactressb.gif : ภาพคำว่า actress gallery
plogo.gif : ภาพlogo ของบริษัท
pmap.jpg : ภาพแผนที่ของบริษัท
ภาพสินค้าชุดที่ 1
pg1p1.jpg, pg1p1l.jpg
pg1p2.jpg, pg1p2l.jpg
pg1p3.jpg, pg1p3l.jpg
pg1p4.jpg, pg1p41l.jpg, pg1p42l.jpg
pg1p5.jpg, pg1p51l.jpg, pg1p52l.jpg, pg1p53l.jpg
pg1p6.jpg, pg1p61l.jpg, pg1p62l.jpg
ภาพสินค้าชุดที่ 2
pg2p1.jpg, pg2p1l.gif
pg2p2.jpg, pg2p2l.gif
pg2p3.jpg, pg2p3l.gif
pg2p4.jpg, pg2p4l.gif
pg2p5.jpg, pg2p5l.gif
pg2p6.jpg, pg2p6l.gif
pg2p7.jpg, pg2p7l.gif
pg2p8.jpg, pg2p8l.gif
pg2p9.jpg, pg2p9l.gif
pg2p10.jpg, pg2p10l.gif
pg2p11.jpg, pg2p11l.gif
ภาพสินค้าชุดที่ 3
pg3p1.jpg, pg3p1l.jpg
pg3p2.jpg, pg3p2l.jpg
pg3p3.jpg, pg3p3l.jpg
pg3p4.jpg, pg3p4l.jpg
pg3p5.jpg, pg3p5l.jpg
pg3p6.jpg, pg3p6l.jpg
pg3p7.jpg, pg3p7l.jpg
pg3p8.jpg, pg3p8l.jpg
ภาพสินค้าชุดที่ 4
pg4p1.jpg, pg4p1l.jpg
pg4p2.jpg, pg4p2l.jpg
pg4p3.jpg, pg4p3l.jpg
pg4p4.jpg, pg4p4l.jpg
pg4p5.jpg, pg4p5l.jpg
pg4p6.jpg, pg4p6l.jpg
ภาพสินค้าชุดที่ 5
pg5p1.gif, pg5p1l.gif
pg5p2.gif, pg5p2l.gif
pg5p3.gif, pg5p3l.gif
pg5p4.gif, pg5p4l.gif
pg5p5.gif, pg5p5l.gif
pg5p6.gif, pg5p6l.gif
pg5p7.gif, pg5p7l.gif
ภาพสินค้าชุดที่ 6
pg6p1.gif, pg6p1l.gif
pg6p2.gif, pg6p2l.gif
pg6p3.gif, pg6p3l.gif
pg6p4.gif, pg6p4l.gif
pg6p5.gif, pg6p5l.gif
pg6p6.gif, pg6p6l.gif
pg6p7.gif, pg6p7l.gif
ภาพสินค้าชุดที่ 7
pg7p1.gif, pg7p1l.gif
pg7p2.gif, pg7p2l.gif
pg7p3.gif, pg7p3l.gif
pg7p4.gif, pg7p4l.gif
pg7p5.gif, pg7p5l.gif
pg7p6.gif, pg7p6l.gif
pg7p7.gif, pg7p7l.gif
index.html : เพื่อปิดไม่ให้ใครมาดูว่าใน directory มีอะไรบ้าง

แฟ้ม csysxyz.pl
เป็นแฟ้มที่เก็บค่าเริ่มต้นของระบบ มีข้อมูลดังนี้
ให้ copy ข้อมูลข้างล่างนี้ไปสร้างแฟ้มด้วย notepad นะครับ

title|Demo of E-Commerce by thaiall.com (free sourcecode)
password|thaiall
url|http://thaiall.hypermart.net
dirdata|d
mastermail|ecommerce@thaiall.com
titlecolor|#ffff00
keywords|ecommerce,mall,market,burin,thaiall
description|Case study about ecommerce
home|/idemo.htm
head11|/idemo.htm,หน้าหลัก
head12|/c/cshowsrc.pl?filename=dproserv.dat&title=สินค้าและบริการ,สินค้าและบริการ
head13|/c/cshowsrc.pl?filename=dpolicy.dat&title=นโยบายและแผนงาน,นโยบายและแผนงาน
head14|/c/cshowsrc.pl?filename=dmap.dat&title=ที่ตั้งของบริษัท,ที่ตั้งของบริษัท
head21|/c/ccart.cgi?action=ViewCart,เช็คตะกร้ารถเข็น
head22|/c/cwrkmember.pl,สมัครสมาชิก
head23|/c/cshowsrc.pl?filename=dhist.dat&title=ประวัติความเป็นมา,ประวัติความเป็นมา
head24|/c/cshowsrc.pl?filename=dfaq.dat&title=คำถามที่ถามกันบ่อย,คำถามที่ถามกันบ่อย
font|microsoft sans serif
bgcolor|#ddffdd
text|#000000
link|#ff0000
vlink|#ff0000
logobgcolor|#ddffdd
headerbgcolor|#800000
inheaderbgcolor|#fffffd
menuwidth|150
inmenuwidth|145
menubgcolor|#008000
menuheadcolor|#fffffd
inmenubgcolor|#ffffdd
menulinkbgcolor|#fffffd
linkcnt|13
link1|thaiall.hypermart.net/c/cupdate.pl?work=menuupdate,เมนูบริหารเว็บนี้
link2|thaiall.hypermart.net/c/cshowsrc.pl,แสดง_Source_code
link3|www.thaiall.com/article/ecommerce.htm,E-Commerce ภาคทฤษฏี
link4|www.thaiall.com/perl/pldemo.htm,E-Commerce ภาคปฏิบัติ
link5|www.thaiall.com/perl,บทเรียนเขียน perl
link6|www.thaiall.com/learn/htmcolor.htm,ตัวอย่างสีRGB
link7|www.thaiall.com,Thaiall.com
link8|www.thaiabc.com,Thaiabc.com
link9|www.thainame.net,Thainame.net
link10|www.lampang.net,Lampang.net
link11|www.yonok.ac.th,Yonok college
link12|www.thaiall.com/article/dotcom.htm,การขอ dotcom
link13|www.thaiall.com/article/promote.htm,การโฆษณาเว็บ
specialbgcolor|#fffffd
inspecialbgcolor|#ddffff
inbarspecialbgcolor|#fffffd
specialbarcolor|#0000ff
rightbgcolor|#000080
rightlink|<a href=http://www.thaiall.com/girl  target=_blank>เว็บลูกสาว</a>
rightwidth|80
footer1|(: ท่านมาเราขอบใจ  ท่านไปเราของคุณ :)
footer2|<br>เราให้ view ดู source code และนำไปพัฒนาเว็บของท่าน เพื่อประเทศของผม ฟรี<br>ที่นี้เป็น demo site ให้ท่านได้ทดลองใช้งานก่อน หรือจะศึกษาไปใช้งานของตนเอง ผมก็ยินดี
footer3|<br>Demo site มี 2 แบบ คือ <a href=http://www.thaiabc.com target=_blank>http://www.thaiabc.com</a>(ต้องจด domain) และ <a href=http://thaiall.hypermart.net target=_blank>http://thaiall.hypermart.net</a>(แบบนี้ฟรี)
footer4|<br>E-Mail : <a href="mailto:ecommerce@thaiall.com?subject=comment_from_ecommerce_webpage">ecommerce</a>@thaiall.com (ถ้ามีข้อซักถาม สงสัย หรือคำแนะนำ)
tax|0.07
moneytype|บาท
showcounter|1
showlink|1
showright|1
showmemcontrol|1
showsrcpl|1
txtgroup|กลุ่มสินค้า
txtlink|Link ที่แนะนำ
txttopspc1|สินค้ารายการพิเศษ
txttopspc2|สินค้าลดพิเศษ หรือสินค้าแนะนำ
txtpid|รหัสสินค้า
txtpname|ชื่อสินค้า
txtpdesc|รายละเอียด
txtprice|ราคาปกติ
txtprices|ราคาพิเศษ
txtpmin|ปริมาณต่ำสุดที่ขาย
txtpunit|หน่วยของสินค้า
txtshowdetail|แสดงรายละเอียด(หยิบสินค้า)
txtdescgroup| >>
แบบฝึกหัด
    ให้ทำตามโจทย์ต่อไปนี้
  1. ให้ copy source code จาก http://thaiall.hypermart.net ไปทดลองทำเว็บของท่านเอง
  2. ให้ปรับแต่งรูปแบบให้ดูดี กว่าที่ผมออกแบบไว้
  3. ให้ไปคิดว่าจะเอาสินค้าอะไรมาขาย แล้วของขายดู (ถ้าประสบความสำเร็จในการทำธุรกิจ อย่าลืม mail มาบอกผมนะครับ จะได้ไปชื่นชม .. ผมเองก็คิด ๆ อยู่ว่าจะขายอะไรดี)
ผู้สนับสนุน + ผู้สนับสนุน
+ รับผู้สนับสนุน

แนะนำเว็บใหม่ : ผลการจัดอันดับ
รักลำปาง : thcity.com : korattown.com : topsiam.com : มหาวิทยาลัยโยนก
ศูนย์สอบ : รวมบทความ : ไอทีในชีวิตประจำวัน : ดาวน์โหลด : yourname@thaiall.com
ติดต่อ ทีมงาน ชาวลำปาง มีฝันเพื่อการศึกษา Tel.08-1992-7223