คมอการทำาเวบไซดเบองตนคมอการทำาเวบไซดเบองตนน จดทำาขนมาเพอใหความรแกลกคา

ของทเอชทฟรเวบเทานน เหมาะอยางยงสำาหรบมอใหมทไมมความร เรองการทำาเวบไซดมากอนเลย ขอใหลกคาทกทาน ตงใจอานอยางละเอยดและหดทำาตามคมออยางสดความสามารถของตนเอง เพราะเวบไซดของเราเปนเวบสำาเรจรป ทำาไมยากเลย เพยงแตขอใหทานตงใจทำาจรงๆ ทานกจะเขาใจไดเรวขน (โปรดอานคมอใหเขาใจกอนโทรมาถามนะครบ)

ในการนหากมขอบกพรอง หรอคำาพมพผดตกหลนประการใด ทางเรากตองขออภยมา ณ ทนดวย

อนงคมอฉบบนเปนลขสทธของทางทเอชทฟรเวบ หามผใดทำาการเผยแพรหรอคดเลอกไปดดแปลง หากทางเราพบการกระทำาดงกลาวจะดำาเนนการตามกฎหมายเทานน โดยมตองแจงใหทานทราบลวงหนา หากทานใดทตองการนำาคมอฉบบนไปลงไวในเวบหรอเผยแพรตอไป ทานตองขออนญาตจากทางเราเปนลายลกษณอกษรเทานน(คมอฉบบนกวาจะทำาเสรจ ตองใชเวลาและพยายามในการเรยบเรยง หากทานใดทคดลอกไปเพยงไมกนาทกไดแลว กรณาคดและละลายกบสงททำาสกนดนะครบ)

ทเอชทฟรเวบ

บทนำาคมอนเหมาะสมสำาหรบผททำาเวบไซดไมเปนจรงๆ ผมจงอธบายขนตอนวา

อยางไหนควรทำากอน-หลง โดยใหทานทำาตามเลยนะครบ อยาลดขนตอนไป ซงมทงหมด 5 ขนตอน กอนททานจะเรมพฒนาเวบไซดของทาน กอนอนเลยใหทานเขาไปทเมน HOME(ปมดานบนสด อนแรกเลย) เพอดภาพรวมของระบบวามปมอะไรบาง

รปท1 แสดงหนาของเมน HOME

รปท 2 แสดงการขยายภาพเมนการใชงานพนฐานใหเหนชดๆ

แนะนำาปมเมนทตองใชงาน ดงน (ดรปท 2 ประกอบนะครบ)

HOME : เปนเมนอนแรกทเวลาเราลอกอนแลวจะเจอกนหนาน ซงเปนเมนทรวมเมนการใชงานทงหมดไวทน ไดแก จดการบญชสวนตว ระบบไฟลประกอบตาง ๆ ระบบไฟลเนอหา เปนตน พดงายๆกคอ เปนปมเดยวกนกบดานบนรปท

1 นนแหละ แตมนแครวมไวในหนาน เพอทจะไดมองเหนภาพรวมของระบบทงหมด

1. ตงคาทวไป : เมนนจะอยถดมาจาก HOME เปนเมนทเกยวกบการตงคาเวบไซดใหเหมาะสมกบการใชงาน เชนแกไขขอมลการตดตอ ตงคาเมนพนฐานเปนตน การดวนหมดอายของเวบกดจากเมนตรงนไดครบ ซงเมอทานจะทำาเวบไซดในครงแรกใหทานเขามาตงคาใหเหมาะสมทเมนนกอนครบ

2. เมนพนฐาน : เมนนเปนเมนเกยวกบการทำาเมนทงปวง หากทานอยากทำาเมนและลงคไปยงหนาเพจตางๆใหทานเขามาจดการทเมนตรงนได

3. เทมเพลต : เมนนเปนเมนทใชสำาหรบสรางเทมเพลตของเวบไซด เชน สรางเทมเพลตใหม แกไขเทมเพลตอนๆ เปนตน เทมเพลตของเวบไซดกเปรยบเสมอนหนากากโทรศพทมอถอ ทจะนำาไปประกอบกบตวเครองใหมนดภายนอกสวยงาม ดงนนเวบไซดของทานจะสวยหรอไมสวยขนอยกบเทมเพลตเทานน

4. เนอหา : เปนเมนทใชสำาหรบสรางเนอหาทงปวง ไมวาจะเปนสรางเนอหาใหม เปนตน ซงจะมใหเลอกเปนสรางเองใหม และสรางจากแบบสำาเรจรป เนอหากเปรยบเสมอนตวเครองโทรศพททจะนำาไปประกอบกบเทมเพลตใหสวยงาม เมอเราสรางเนอหาเสรจมนมปมใหเลอกเทมเพลตดวย ดานลางครบ

5. จดการไฟล : เมนนจะเปนเมนทรวมไฟลตางๆทมอยในเวบไซดของเราทงหมด ไมวาจะเปนไฟลรปภาพ ไฟลเนอหาของเวบ ไฟลแฟลชตางๆ จะรวมไวทน ในกรณททานตองการดวา เวบไซดของทานมกหนา กดไดจากเมนน และนอกจากน เมนนยงเปนยงเปนทอพโหลดไฟลขนไปบนเวบทาน พรอมใหทานดาวนโหลดไฟลไปเกบไวทเครองเพอปองกนขอมลสญหายไดอกดวย

6. ระบบชวยเหลอ : เปนเมนทอธบายการใชงานของเวบไซดนะครบ สำาหรบผททำาเวบไมเปน หากทานทำาเปนแลวกไมตองไปดกได ผานไปได อานเฉพาะบทความของผมอยางเดยวกได มนจะไดไมตองอานหลายรอบ

7. ฟอรมสำาเรจรป : เปนเมนทรวบรวมแบบฟอรมตางๆทจำาเปนในการใชงานของเวบไซด อาทเชน ฟอรมสงขอมลตดบตรเครดต ฟอรมรบสมครสมาชก ฟอรมตดตอเรา ฟอรมการคนหา เปนตน

8. ออกจากระบบ : หลงจากทำาเวบไซดเสรจแลว ทานสามารถออกจากระบบไดดวยปมน แนะนำาใหออกจากระบบทกครง เพราะบางครงถาคนอนมาเลนเครองคอมเราแลวจะทำาระบบเวบของเราเสยได

มาเรมตนสรางเวบไซดกนครบ

ในทนผมจะอธบายอยางละเอยดยบเลยครบ ทำาตามขนตอนไปเลย เพราะมลกคาบางทาน ทำาไมเปนจรงๆ ผมเลยจำาเปนตองอธบายและพาทำาเปนขนตอนไปเลย ม 5 ขนตอน เรมเลยแลวกน

ขนตอนท 1 การตงคาใหเหมาะสมกบเวบไซด

ในการทำาเวบไซดนน ผมบอกแลววา กอนการลงมอทำาใหทานไปตงคาตางๆของระบบใหเหมาะสมกนดกวา เขามาทขอ 1.3.4 ตงคาเรมตนเวบไซดโดยทวไป ดตามรปท 3 เลยครบ

รปท 3 แสดงเมน 1.3.4 ตงคาเรมตนเวบไซดโดยทวไป

เมอเขามาแลวจะเจอหนาน ดงรปดานลาง ตงคาตามผมเลยนะครบ

1 การกำาหนดสทธการเขาชม : ตรงนเปนการกำาหนดวาจะเปดเวบใหคนเขามาชมไดหรอไม โดยจะมใหทานเลอกเปน

YES : ถาเลอกปมนคอคนอนจะเขามาชมเวบไซดทานได หากทานทำาเวบเสรจอยากใหคนอนมาเยยมชมเวบไซดของทาน ใหทานเลอกปมน

NO : ถาเลอกปมน คอการปดเวบไซดของทานไว ถาทานตองการปดเวบไซดไว คนอนจะเขามาดเวบไซดของทานไมได โดยหนาเวบของทานจะขนดงรปท 4 ดานลาง

รปท 4 แสดงเมอทานเลอก NO เวบไซดจะถกปดไว

Yesmember : กำาหนดใหเฉพาะสมาชกทรรหสผานของเวบไซดทาน เขามาชมไดเทานน

2.โหมดการทำางาน เลอก template1,2,3 สำาหรบมอใหม หรอเลอก Mytemplate สำาหรบมออาชพ : ปมนเปนการเลอกเทมเพลตของเวบไซดครบ ผมแนะนำาใหเลอกเปน Mytemplate จะดกวาเพราะเปนแบบมออาชพ มนจะดไซดเวบไดสวยกวาครบ ตรงนสำาคญมาก เลอก Mytemplate นะครบ

3. เลอกภาพพนเวบไซต : ปมนเปนการเลอกภาพพนหรอพนหลงของเวบไซดของทาน โดยการกด เพอเลอกรปจากเครองคอมของทานไดเลยครบ ปมนสวนใหญไมคอยไดใช เพราะเวบไซดสวนใหญเขาไมใชภาพเปนพนหลงกน ตรงนกแลวแตทานนะครบ

4. เลอกสพนเวบไซต : ปมนเปนการเลอกสพนของเวบไซดนะครบ หากทานอยากใหสพนของเวบไซดเปนสอะไรกคลก เลอกสไดเลยครบ

5. รปแบบตวอกษรโดยทวไป : เปนรปแบบตวอกษรของเวบไซดนะครบ โดยคา มาตรฐานทระบบมใหคอ Microsoft Sans Serif หากทานมรปแบบอกษรอนๆกสามารถนำามาใสตรงนไดเลยครบ

6. เลอกขนาดตวอกษรเปน px : ขนาดตวอกษรทใชบนเวบนะครบ สวนใหญเวบทวไปใช 13 ครบ ผมแนะนำาใหใช 13 จะโอเคทสดแลวครบ

7. เลอกสตวอกษรโดยทวไป : คอสตวอกษรทอยในหนาเวบเพจของคณครบ สวนใหญเขาใชสดำากนครบ คลกเลอกสจาก ไดเลยครบ

8. เลอกสตวอกษรทเปนลงคโดยทวไป : สตวอกษรทเปนลงค ลงคทเชอมโยงไปยงหนาตางๆนะครบ อยากใหสตวอกษรเปนสอะไร กเลอก จากตรงนไดเลย

9. เลอกสตวอกษรทเปนลงคเมอเมาสเลอนผาน : อธบายตามตวเลยครบ คอเมอเอาลงคเลอนผานเมน อยากใหมนเปลยนสเปนอะไรนะครบ คลกเลอกสจาก ไดเลย

10. เลอกสตวอกษรทเปนลงคเมอถกเลอกแลว : คอสตวอกษรของลงคเมอลงคนนถกเลอกแลวนะครบ หมายถงลงคทถกคลกแลว เลอกสจาก ไดเลยครบ

11. ส Scollbar : คอสกอรบารทเปนปมเลอนขนลงของเวบนะครบ เลอกสจาก ไดเลยครบ จากรปท 5 นผมไมไดเลอกสอะไร มนจงเปนดงรป ถาหากเราเลอกสแดง สกอบารมนกจะเปนสแดงนะครบ

รปท 5 แสดงรปสกอบารของเวบไซด

หมายเหต ปมทใหเลอกสนน หากทานไมตองการใสสทานกลบโคด html ทอยขางๆ เชน #6B3A06 ออกไปไดเลยครบ ตรงนนกจะวางไมมสนะครบ

12. รหสผานสำาหรบบคคลทวไปทตองการเขาชมหนาทกำาหนดเฉพาะสมาชก : แนะนำาใหวางไวครบ ไมตองใสอะไร

13. ตวชพนท (ใสชอเวบไซตตนแบบ เชน thtkid001.tht.in เปนตน) : แนะนำาใหวางไว ไมตองใสอะไร

14. Tag META 1 : วางไว ไมตองใส

15. Tag META 2 : วางไว ไมตองใส

16. Tag META 1 : วางไว ไมตองใส

17. เหตการณของจาวาสครปตท <Body> เชน onload="init()" : วางไว ไมตองใส

18. กำาหนดการแสดงปายโฆษณาจากสวนกลางเพมรายได : เลอก YES ถาตองการอยากมรายได เลอก No ถาไมอยากใหปายโชวและไมอยากรบรายได ซงปายทขนจะอยในหนาเวบของทานดงรปดานลาง ดงน

รปท 6 แสดงปายแบนเนอรรบรายได

19. เลอกภาษาโปรแกรมพฒนา : เลอกเปน auto จะดทสด

20. อกขระทใชในการแสดงผลเชน tis-620, utf-8 หรอ วางไว เพอใหระบบปรบอตโนมต ตามการเลอก ภาษาโปรแกรมพฒนา : วางไวไมตองใสอะไร

เสรจแลวครบ สำาหรบการตงคาทเหมาะสมสำาหรบเวบไซดของทาน ใหทานใสคาตามทผมแนะนำานะครบ สำาหรบคนททำาไมเปนจรงใหตงคาตามน อยารไปทำาอยางอนทผมไมไดแนะนำา เตอนแลวนะครบ

ขนตอนท 2 การสรางเทมเพลท

การสรางเทมเพลต ทานจะสรางเองใหมกไดครบ แตผมไมแนะนำา เพราะมนยากและตองมความรเรองการออกแบบ อยากใหทานสรางตามแบบสำาเรจเลยจะดกวา โดยเขาไปทหวขอ 3 เลอก 3.2 สรางเทมเพลทจากตนแบบ เนองจากเปนรปแบบทสำาเรจทำาไดงายครบ เราจะเลอกเทมเพลทอนไหนกได เชน หมวดกฬา ความงาม ทองเทยว เปนตน

รปท 7 แสดงการเขาสเมน 3.2 สรางเทมเพลทจากตนแบบ

ในการตงชอเทมเพลทนน เราจะตงชอวา pagetemplate.html เปนเทมเพลตหลก สวนถาทานอยากสรางเทมเพลตอนๆ หามตงชอซำากบเทมเพลทหลกเดดขาด ใหตงชอดงน pagetemplate___.html ทผมวางไวนนใหเตมชอลงไป เปนภาษาองกฤษหรอเปนตวเลขกไดครบ ตงไดแค 3 ตวเทานน เชน pagetemplate111.html pagetemplate222.html pagetemplateaaa.html pagetemplateabc.html อยางนเปนตน

ปล. นามสกลชอไฟลของเทมเพลทเราตองใสนามสกล .html ตอทายใหมนดวยทกครงเสมอ หามลม

ตวอยาง

รปท 8 แสดงการสรางเทมเพลต

ในทนผมเลอกเทมเพลตในหมวดของกฬา ผมกจะตงชอไฟลวา pagetemplate.html และตงชอหวขอเรองวา เทมเพลตหลก เมอหลงจากปรบแตงเทมเพลตเสรจอยาลมบนทกขอมลนะครบ แลวกดคลกดผลดานลางเลย กเสรจเรยบรอยแลวครบสำาหรบการสรางเทมเพลตสำาหรบเวบไซดของทาน

รปท 9 แสดงการบนทกขอมลเรยบรอยแลว พรอมดผลได

แนะนำาเครองมอทใชตกแตงเทมเพลท

รปท 10 แสดงเครองมอตกแตงเทมเพลต ตงแตหมายเลข 1-19

1. ปมตดสำาหรบใชตดขอความ หรอตดรปภาพ การใชงานกเหมอนกบโปรแกรม word โดยทวไป

2. ปมทำาสำาเนาหรอคดลอก สำาหรบคดลอกบทความ หรอรปภาพโดยทวไป

3. ปมแปะ หรอปมสำาหรบวางขอความทเราไปคดลอกมา

4. ปมยกเลก หรอยกเลกการกระทำาทงหมดเพอกลบไปยงอนเดม ในกรณทเราทำาอะไรผดพลาด

5. ปมทำาซำา ใชสำาหรบการทำาซำา

6. ตวหนา ใชสำาหรบทำาใหขอความเปนตวหนา

7. ตวเอยง ใชสำาหรบทำาขอความใหเปนตวเอยง

8. ขดเสนใต ใชสำาหรบขดเสนใตตวอกษรหรอขอความ

9. ชดซาย สำาหรบจดขอความชดซายของหนาเวบเพจ

10. อยตรงกลาง ใชสำาหรบจดขอความใหอยตรงกลาง

11. ชดขวา ใชสำาหรบจดขอความใหชดขวา

12. ปมนใชสำาหรบจดขอความใหพอดกนสมำาเสมอ

13. ขยบไปทางขวา คอใชสำาหรบขยบขอความไปทางขวาทละ 1 ตำาแหนง

14. ขยบไปทางซาย คอใชสำาหรบขยบขอความไปทางซายทละ 1 ตำาแหนง

15. สตวอกษร ใชสำาหรบเลอกสตวอกษรของขอความ

16. สพนหลงตวอกษร ใชสำาหรบทำาสพนหลงตวอกษร ดงรปท 11 ผมเลอกสแดงครบ

รปท 11 แสดงการทำาสพนหลงตวอกษร

17. ยกเลก html ทงหมด ขามไปได ไมคอยไดใช

18. ยกเลก Xml ของ word ปมนสำาคญ เพราะหากทานคดลอกบทความมาจากเอกสาร word ทานตองกดปมนทกครง เพราะมนจะไดลางขอความทขนภาษาแปลกๆ

19. เสนขอบแบบประ คอใชสรางเสนตารางแบบประ

หมายเหต ปมท 6 ถง 16 นน กอนจะทำาการเลอก ใหเราทำาแถบไฮไล ขอความกอนนะครบ แลวคอยไปคลกใหเปนตวหนา ตวเอยง หรอขดเสนใต และอนๆ ดงรปดานลาง

รปท 12 แสดงการไฮไลตวอกษรกอนทำาการเลอกปมตางๆ

รปท 13 แสดงเครองมอตกแตงเทมเพลท ตงแตหมายเลข 20-41

20. แสดงรายการเปนตวเลข คอปมทใชสรางตวเลขใหเราอตโนมต เมอเรากดครงแรก มนจะเปน เลข 1 แลวกดครงตอไปกจะเปนเลข 2

21. แสดงรายการเปนปม คอปมใชสรางปมหนาบทความ ดงรปดานลาง

รปท 14 แสดงรายการเปนปม

22. ไฮเปอรลงค ปมนเปนปมสรางลงค สำาหรบลงคไปยงหนาเพจตางๆภายในเวบหรอลงคไปยงเวบอน กอนทำากใหทานทำาไฮไลขอความทตองการทำาเปนลงคกอน แลวไปกดทปมไดเลย ดงรปดานลาง

รปท 15 แสดงวธการทำาลงคโดยทวไป

หมายเหต ถาจะใหทำาลงคภายในเวบของเรา กเลอกตรงตวชวย จะมชอไฟลททานไดสรางไวแลว แตถาจะลงคไปทเวบอน ทานกนำา url ของเวบอนเชน http://www.thtfreeweb.com นำาไปใสตรง ทอยอางอง url นะครบ

ลกษาณะการแสดง : จะมใหเลอก หนาเดม คอเปดเวบแลวมนเปนหนาเดม เปดหนาใหมคอเปดเวบแลวมนจะเปดหนาใหม อยางนเปนตน สวนใหญถาลงคภายในเวบเดยวกนจะเลอกเปน หนาเดม (self)

รายละเอยด : คอสวนทจะใหใสวาลงคนเปนรายละเอยดคออะไร เมอเราเอาเมาสไปวางแลวมนจะขนขอความตามทเราพมพ ดงรปตวอยาง ดานลาง

23. ปมเพมรปภาพ ขามไปไดปมนไมคอยไดใช

24. ปมเพมรปภาพเหมอนกนกบขอ 23 สวนใหญจะไดใชปมน ในการเพมรปภาพจากในเครองคอมของเรามาลงทเวบไซด ทานกกดทปมแลว กกดตรง Browse เพอเลอกรปจากในเครองคอมของเรา แลวเลอก Upload ไดเลยครบ รปภาพกจะเขามา แลวกคลกตรงไฟลรปภาพนนไดเลย แลวกดคำาวาเลอก รปภาพกจะมาแสดงทหนาเวบของทานแลว

รปท 16 แสดงการเพมรปภาพ

25. คณสมบตของรปภาพ ใชกำาหนดคณสมบตของรปภาพครบ เชน กำาหนดความกวาง ความสง ถาเราจะกำาหนดความกวาง เราตองคลกตรงรปภาพใหเกด สเหลยมลอมรอบรปภาพกอน แลวคลกปมไดเลยครบ

รปท 17 แสดงปมแสดงคณสมบตของรปภาพ

26. แสดงรปภาพขนมา ใชแสดงรปภาพขน ปมนคลายกบการเพมรปภาพ ไมคอยไดใช ขามไปได

27. เสนคน เปนเสนคน ใชสำาหรบเปนเสนคน เพอแสดงวาจบบทความหนาหนงหรอคนระหวาง ขอความกไดครบ

28. เพม/แกไขแฟลช ปมนใชสำาหรบเพมพวกไฟลแฟลช มลตมเดย ลงในเวบนะครบ ทกครงทใสไฟลอยาลมกำาหนด ความกวางและความสงดวยนะครบ ไมงนมนจะไมขน

29. ปมเพม/แกไขวดโอ ใชสำาหรบเพมวดโอลงในเวบนะครบ

30. ปมเพม/แกไข Script ใชสำาหรบใสโคดตางๆไมวาจะเปนโคดขาว โคดสถตจาก histat โคดแอดเซน โคดของนภา อนๆมากมาย โคดทงหลายใหนำามาใสทน เมอกดปมแลวมนจะขนดงรปดานลาง แลวใสโคดลงในชองทมนขนมาไดเลยครบผม แลวกกดตกลง โคดกจะไปอยตรงทเราตองการ

รปท 18 แสดงปมการเพม และแกไขสครปต

31. เพมตาราง สำาหรบใชสรางตาราง

32. คณสมบตของตาราง ใชกำาหนดคณสมบตตางๆของตาราง เชน ความกวาง ความสง แตกอนทจะกำาหนดเราตองคลกทตารางใหเกดสเหลยมลอมรอบตารางกอน

33. คณสมบตของเซลล คอเปนปม กำาหนดคณสมบตของเซลลๆหนง เชนถาเราใสสเหลองลงในเซลล พนหลงมนกจะไดเปนสเหลองครบ ลองๆกดเลนดครบ

34. เพมแถว ปมนเปนทสำาหรบเพมแถว ถาจำานวนแถวของเราไมพอเราสามารถเอาเคอเซอรไปวางตรงทอยากใหมนเพมแถวให แลวกกดปมไดเลย

35. เพมคอลมน หลกการคลายๆเพมแถว

36. ลบแถว สำาหรบลบแถวทไมตองการออก ในกรณทเราสรางตารางไว

37. ลบคอลมน สำาหรบลบคอลมน

38. รวมเซลทางดานขวา คอจะชวยรวมเซลลใหเปนหนงเดยวกน

39. รวมเซลลทางดานลาง

40. แบงเซลลตามแนวตง

41. แบงเซลลตามแนวนอน

หมายเหต ขอ 39 -41 ไมคอยไดใชงานหรอกครบ ขามไปได

รปท 19 แสดงเครองมอตกแตงเทมเพลต ตงแตหมายเลข 42-52

42. แบบตวอกษร คอปมทเปนแบบตวอกษร เหมอนทอยใน word นะครบ มใหทานเลอกมากมายตามใจชอบ

43. ขนาดตวอกษร เลอกขนาดตวอกษรของเวบไดทนครบ

44. ยอหนาใหม ใชสำาหรบยอหนา ไมคอยไดใชขามไปได

45. Html และ TAG แทคโมดลตางๆ ตรงนเปนโคดทสำาคญมากทเดยว เพราะใชใสสำาหรบใหขนรปแบบตางๆ โคดทสำาคญไดแก เนอหา ใชโคดวา ##detail## โคดเมน ใชโคดวา

##showfunction(menu_menu001_top)## เปนตน ซงตรงสวนนจะไดใชบอย

46. เพม/แกไขแทกฟลด เปนปมทใชสำาหรบสรางพวกแบบฟอรมตาง ทใหกรอกรายละเอยดลงไป ดงรปดานลาง

รปท 20 แสดงการสรางแทกฟลด

47. เพม/แกไขแถบตวเลอก ใชสำาหรบสรางแบบฟอรม สำาหรบขอทเปนตวเลอก ดงรป

รปท 21 แสดงการสรางแถบตวเลอก

48. เพม/แกไขแทกแอเรย เหมาะสำาหรบใชเปนทวางโคดเพอนบาน ดงรป

รปท 22 แสดงการสรางแทกแอเรย

49. เพม/แกไข เรดโอบตตอน ใชสำาหรบทำาปม ในแบบฟอรมทวไป

50. เพม/แกไขเชกบอค

51. เพมแกไขปม เหมาะสำาหรบสรางปมพวก สงขอมล หรอ submit reset เปนตน

52. เพมแกไขฟอรม ใชสำาหรบสรางฟอรมขนมาหนงฟอรม

จบแลวครบ สำาหรบการแนะนำาปมในการสรางเวบตางๆ หากทานไมรวาปมไหนคออะไร ใหทานเอาเมาสไปวางไวแลวมนจะปรากฎขอความขนตรงปมนนๆครบ ตอไปมาดขนตอนท 2 ไดเลย

หมายเหต ในระบบเวบของเรา รองรบระบบไฟล .gif, .jpg, .jpeg, .png, .ico, .html,.txt, .js,.conf,.swf,.doc,.xls,.ppt,.pdf,css,.wmv,.mp3,.xml,.flv  เทานน ขนาดตอ 1 ไฟดไมเกน 2048 KB  หากเปนไฟลทนอกเหนอจากน มนจะอพโหลดเขามาไมไดนะครบ

ขนตอนท 3 การสรางเนอหาใหม

รปท 23 แสดงเมนการสรางเนอหาเองใหม

ในทนผมจะแนะนำาใหสรางเองใหมจะดกวาครบ เพราะเราจะจดการเนอหาไดเองเลย โดยเขาไปทหวขอ ท 4 เนอหา เลอกไปท 4.1 สรางเองใหมครบ เมอกดเขามาแลวจะเปนดงรปท 24 ดานลาง

รปท 24 แสดงรปหนาการใสเนอหาลงไป

ชอไฟลนน ใหทานตงเปนชอภาษาองกฤษ หรอตวเลขเทานน หามเปนภาษาไทย เชน หนาแรกนน ใหตงชอวา index.html เทานนนะหามตงเปนชออนเดดขาด สวนหนาอนๆทานจะตงเปนชออนกได เชน หนาเกยวกบเรา ทานอาจตงชอไฟลวา aboutus.html หรอ 123.html กไดแลวแตทานครบ แลวกใสหวขอเรองลงไปอะไรกได จำาไววาชอไฟล ใหใส .html ตอทายดวยทกครง แลวเรากพมพบทความลงไปไดเลยครบในหนากระดาษวางเปลา

เพยงเทานเรากจะไดหนาเพจขนมาหนงหนา ตอไปเราจะไปสรางลงคกน

ขนตอนท 4 การสรางเมนเพอทำาลงค

ในการสรางเมนนนใหทานไปท ขอ 2 เมนพนฐาน เลอก 2.1 สรางเมนใหม

รปท 25 แสดงรปการทำาเมนใหม

เมอกดเขามาแลวจะไดดงรปดานลางน

รปท 26 แสดงรปของการสรางเมน

ซงชอเมนมนจะตงชอใหเราวา menuNEW ซงเปนคาพนฐาน ใหทานเอาคำาวา NEW ทอยตอทายออก แลวใสอะไรลงไปกไดเปนภาษาองกฤษหรอตวเลข ใสได 3 ตวเทานนครบ เชน manu000 manuaaa manuTTT เปนตน

ตอไปมาดสวนลาง เราจะเหนเปนชอหนาแรก เราอาจจะตงเปนชออะไรกไดแลวแตเรา แลวเราไปตรงทตวชวย ใหเลอกไฟลทเราจะทำาเปนหนาแรกนนกคอ index.html หากทานจำาชอไฟลไดทานกพมพลงไปในชองตรงกลาง ตำาแหนงทอย url ไดเลย แคนเรากทำาลงคของเวบไดแลว ปมอนๆกหลกการคลายกน

ขนตอนท 5 การนำาปมเมนไปแสดงในเทมเพลต

รปท 27 แสดงรปการนำาโคดของเมนไปวางไวในเทมเพลต

เขาไปทเทมเพลตทเราอยากใหแสดง ถาเราอยากใหเมนทเราสรางขนตรงไหน เรากนำาแทคของเมนไปวางไดเลยครบ แลวเรากเลอก ตรง html และโดมลตางๆเพอเอาโคดมาวางตรงนน ในทนผมจะเลอกเปนแสดงเมนแนวนอน 001 เพราะวาผมไดตงชอเมนวา manu001 ตอนทผมสรางเมนนะครบ ถาหากทานเปนชออนทานกใสชออนนะครบ อยามาใสเหมอนผมเดยวโคดมนจะไมแสดง จะไดโคดคอ  ##showfunction(menu_menu001_top)## แตถาทานตงชอเมนเปน manuTTT กใหทานเปลยนตรง manu001 ในโคดเปน ##showfunction(menu_menuTTT_top)## อยางนเปนตน แลว

เมนกจะขนตามททานตองการ เสรจแลวบนทกผล ดผลไดเลย สวนโคดแสดงเนอหา ##detail## เราตองใสไวเสมอ หามลบออก หากทานไมใสเนอหาของเวบจะไมขน ซงมนเปนการบอกเวบเราวาใหไปแสดงเนอหาตรงนนะ ทานอยากไดโคดอะไรกนำาโคดนนๆไปวางตรงเทมเพลตนนเลยครบ

หลงจากนนใหทานไปตงคา ในขอ 1 เลอก 1.3 ตงคาเรมตนเวบไซด แลวเลอก 1.3.1 ตงคาภาษาเทมเพลตหลก เพอทจะไปตงคาเทมเพลตใหเหมาะสม ดงรป

รปท 27 แสดงรปการตงคาภาษาเทมเพลตหลก

ตงคาตามน

1 คำาขวญและสโลแกน แนะนำาใหวางไวนะครบ ไมตองใสอะไร

2 ชอเวบไซด ใสชอเวบของคณไป

3 คำาแนะนำาเกยวกบเวบไซด คำาอธบายของเวบไซดคณวาเปนเวบอะไร

4 คำาสำาคญสำาหรบการคนหา ตองตรงกใสคยเวรดทอยากใหคนคนหาเจอไดใน google อยาลมใสคอมมาคนดวย เชน เวบสำาเรจรป,ฟรโดเมนเนม ,ออกแบบเวบ เปนตน

ตงแตขอ 5 ถง 20 นน ทานไมตองไปเปลยนแปลง เพราะระบบตงคาใหเหมาะสมแลว หามเปลยนเดดขาด

จบแลวครบ สำาหรบขนตอนการทำาเวบเบองตน เพยงเทานทานกไดเวบสวยๆๆแลวครบ ในทนผมจะอธบายแคการแตงเวบขนตนเทานน ทำาตามเลยครบ ปมไหนทไมรกลองกดๆเลนๆดครบ หากทำาบอยๆแลวกจะทำาไดเอง หากสวนตรงไหนทผมไมไดอธบายไมตองไปตงคานะครบ เพราะระบบตงคาใหเหมาะสมแลว สวนการตกแตงเวบในระดบสง ทานกประยกตเอานะครบ มนไมอยากเลย หากทานมขอสงสยตรงไหน กโทรมาสอบถามแลวกนครบ ยนดใหบรการลกคาทกทาน

www.thtfreeweb.com