1

ขนเตรยมตวกอนสราง Web page เราตองจดการสรางโฟลเดอรกอน เพอความเปนระเบยบของไฟลขอมล ชอโฟลเดอรตองเปนภาษาองกฤษเทานน copy ไฟลรปภาพ ไฟลเพลง ไฟลวดโอ ไปไวในโฟลเดอรกอน ใชกไฟล copy ไปตามจ านวนทใชเทานน วธการสราง Folder โฟลเดอรใหญควรตงใหคลองจองกบเรองทเราสราง เชนวชาภาษาไทย ดงตวอยาง

1. เขา My computer 2. เลอกไดรทตองการ 3. ท าการสรางโฟลเดอร คลกเมาสขวา 4. เลอกค าสง New 5. เลอกค าสง Folder จะปรากฎ Folder ขนมาใหท าการตงชอ

ดงโครงสรางโฟลเดอรตอไปน

โฟลเดอร html เอาไวเกบไฟล web page โฟลเดอร music เอาไวเกบไฟล เพลง โฟลเดอร mv เอาไวเกบไฟล วดโอ โฟลเดอร picture เอาไวเกบไฟล รปภาพ โฟลเดอร test54 เอาไวเกบไฟล ขอสอบ

สวนไฟลทชอวา index.html จะเกบไวในโฟลเดอรใหญ ไมเกบไวในโฟลเดอรยอย เนองจากเปนไฟลทเรยกใช (ไฟลเมน) หมายเหต 1 โฟลเดอรใหญตอ 1 งาน ท าไมตองสรางโฟลเดอรใหญและโฟลเดอรยอย เพราะวาเปนการจดไฟลใหเปนระเบยบเรยบรอย งายตอการเรยกใช ท าไมตองบนทกเปนไฟล Index เพราะวา เปนชอไฟลมาตรฐาน เปรยบเสมอนเปนไฟลเมน (หนาสารบญ)

2

ขนตอนการออกแบบ ออกแบบโครงสรางของเวบซต (เวบเพจ) ออกแบบโครงสรางและหนาเวบเพจ ก าหนดวาเวบเพจมกหนา แตละหนาจะแสดงขอมลอะไร

หนาแรก

(สารบญ)

หนานคอใหก าหนดหวขอเรอง วาจะมกเรอง กหนา

เมอก าหนดเสรจแลว ใหแตกยอยออกไปแตละหนา

หนาท 1

จะท าอะไรในหนาน จะแสดงขอมลอะไร

หนาท 2

จะท าอะไรในหนาน จะแสดงขอมลอะไร

หนาท 3

จะท าอะไรในหนาน จะแสดงขอมลอะไร

หนาท 4

แบบทดสอบ จะแสดงขอมลอะไร

หนาท 5

ผจดท า จะแสดงขอมลอะไร

3

ความส าคญของการออกแบบเวบไซต ปจจบนนมเวบไซตเกดขนมากมายผใชจงมทางเลอกมากขนทจะเขาไปยงเวบไซตตาง ๆ ทใหบรการและจะไมทนอยกบเวบทสบสน จากประสบการณทองเวบทผานมาของคณความรสกไดรบจากเวบทมความสวยงามและเวบทมขอมลอยอยางมากมายดสบสนวนวายและเสยเวลานานในการเขาดคณตองการทจะมเวบของคณในลกษณะใด การออกแบบเวบไซทมสวนส าคญในการสรางความประทบใจใหกบผใชบรการ และท าใหอยากกลบเขามาใชอกในอนาคต หรอดงดดผใชใหอยกบเวบตลอดไปการออกแบบเวบไซทนนไมไดหมายถงลกษณะหนาตาของเวบไซทเพยงอยางเดยว แตเกยวของ

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

- ขนาดของหนาจอมอมเตอร และความละเอยดของสในระบบ Plug – in ชนดตางๆ

การใชกราฟก

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

แนวทางในการการออกแบบเพอความส าเรจของเวบไซต ความส าเรจของเวบไซตไมไดเกดจากการทมผใชหนาใหมเขามาในเวบจ านวนมาก แตถาเขาเขามาแลวไมยอนกบมาอกเลย แมคณจะมการประชาสมพนธทดเพยงใด แตถาเวบเปนมผใชบรการเปนกลมคนทมาใชบรการประจ าอยางตอเนองนาจะเปนสงทแสดงใหเหน วาเวบไซตของคณประสบความส าเรจมากกวา พนฐานในการออกแบบเวบไซตทด ตองค านงความตองการทผใชทกคนตองการจากเวบไซต - มเนอหาทเปนประโยชน ตรงกบทผใชตองการ - มการปรบปรงเนอหา และพฒนาเวบไซตอยเสมอ - ใชเวลาในการดาวนโหลดนอย แสดงผลเรว - การใชงานทสะดวก เขาใจงาย

4

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

คนหาเปาหมายในการสรางเวบไซต • สรางเวบท าไม และเพออะไร • สรางเวบไซตใหใคร และใครคอกลมเปาหมาย

• หาจดเดนและจดดอยของเวบไซตอนๆ ทมเนอหาใกลเคยง • ก าหนดจดเดนและจดดอยของเวบตวเอง

หลกการออกแบบในเวบไซต แบบเรยงล าดบ (Sequence) เวบไซตทมจ านวนเวบเพจไมมากนก หรอทมการน าเสนอขอมลแบบท

ละขนตอน

แบบระดบชน (Hierarchy) เวบไซตทมจ านวนเวบเพจมากขน พบไดทวไป

แบบผสม (Combination) เวบไซตทซบซอนเปนการน าขอดของ 2 รปแบบมาผสมกน

ขนตอนการพฒนาเวบไซต (เวบเพจ)

1. ออกแบบโครงสรางของเวบซต (เวบเพจ) ออกแบบโครงสรางและหนาเวบเพจ ก าหนดวาเวบเพจมกหนา แตละหนาจะแสดงขอมลอะไร

2. หาขอมลทใชประกอบในการท าเวบไซต (เวบเพจ) 3. ตงชอ Domain Name

5

4. ออกแบบและตกแตงเวบเพจแตละหนา 5. สรางเวบไซตทไดออกแบบมา 6. Upload เขาส Internet 7. Promote เวบไซต (เวบเพจ) ใหเปนทรจก

การออกแบบเวบไซตใหดดไดอยางไร 1 สสน (Color) จะท าใหผชมเวบรบรอารมณของเวบ และเรองราวทน าเสนอได ควรเลอกสใหเหมาะสมกบเนอหา แตละสใหความรสกทแตกตางกน เชน

– สฟา สเหลอง ใหความรสกสดใส และอบอน – สแดงใหความรสกสนกสนาน รอนแรง – สน าเงน มงคง เขมแขง

2. มความเปนเอกลกษณ จะท าใหผชมเวบไซตจดจ าเวบไดงายขน โดยอาจใชโทนส รปประกอบ Theme ทคลายๆ กนทกหนา 3. ผชมเวบไซตตองสามารถเขาถงเนอหาทเราตงใจน าเสนอ หรอสามารถใชงานเวบ คนหาขอมลทตองการไดอยางสะดวกและรวดเรวตรงตามความตองการ

4. แสดงผลไดอยางรวดเรวระยะเวลาในการแสดงผลตองไมนานจนเกนไป ไมท าใหผเขาชมเวบรอเลอกใชภาพกราฟกและภาพ Animation ไดอยางเหมาะสม

รปแบบการจดแบงพนทหนา Homepage • ไมมหลกเกณฑตายตว ขนอยกบเนอหาและการออกแบบเวบไซต

ทนยมม 3-4 แบบ แบงพนทใชงานออกเปน 1 สวน 2 สวน 3 สวน

4

1 2

5

3

6

อโดเมน หรอ โดเมนเนม (domain name) คออะไร

โดเมนเนม ความหมายโดยทวๆ ไป หมายถง ชอเวบไซต ชอบลอก ซงเปนชอทตงขนเพอใหจดจ าและน าไปใชงานไดงายทง ในการเขาชมผานบราวเซอรของผใชทวไป ยงรวมไปถงผดแลระบบโดเมนเนมซสเทม ทสามารถแกไขไอพแอดเดรสของชอโดเมนเนมนนๆ ไดทนทโดยทผใชทวไปไมจ าเปนตองรบรหรอจดจ าไอพแอดเดรสทมการเปลยนแปลง เครองคอมพวเตอรทท าหนาทเผยแพรเวบไซต จะมโดนเมนเนมเฉพาะไมซ ากบใคร โดนเมนเนม มดอทอยหลายประเภทแตทนยมมากทสดนนกคอ .com เพราะเปนดอทในยคแรกๆ ทเรมใชกน และงายตอการจดจ า ประเภทของ Domain Name แบงไดเปน 2 ประเภท 1. โดเมน 2 ระดบ ชอโดเมน . ประเภทของโดเมน 2. โดเมน 3 ระดบ ชอโดเมน . ประเภทของโดเมน . ประเทศ โดนเมนเนม 2 ระดบ จะประกอบดวย www . ชอโดเมน . ประเภทของโดเมน เชน www.b2ccreation.com ประเภทของโดเมน คอ ค ายอขององคกร โดยประเภทขององคกรทพบบอย มดงตอไปน * .com คอ บรษท หรอ องคกรพาณชย * .org คอ องคกรเอกชนทไมแสวงผลก าไร * .net คอ องคกรทเปนเกตเวย หรอ จดเชอมตอเครอขาย * .edu คอ สถาบนการศกษา * .gov คอ องคกรของรฐบาล * .mil คอ องคกรทางทหาร โดนเมนเนม 3 ระดบ จะประกอบดวย www . ชอโดเมน . ประเภทของโดเมน . ประเทศ เชน www.kmitnb.ac.th, www.nectec.or.th, www.google.co.th

7

ประเภทขององคกรทพบบอยคอ * .co คอ บรษท หรอ องคกรพาณชย * .ac คอ สถาบนการศกษา * .go คอ องคกรของรฐบาล * .net คอ องคกรทใหบรการเครอขาย * .or คอ องคกรเอกชนทไมแสวงผลก าไร ตวยอของประเทศทตงขององคกร * .th คอ ประเทศไทย * .cn คอ ประเทศจน * .uk คอ ประเทศองกฤษ * .jp คอ ประเทศญปน * .au คอ ประเทศออสเตรเลย โดนเมนเนม ถอเปนสงส าคญอนดบแรกทมองขามไมไดเลยส าหรบเวบไซตนนๆ โดยเฉพาะกบการโฆษณาบนอนเตอรเนท ถาไดชอทเฉพาะเจาะจง ตรงกบกลมเปาหมายทมความสนใจเปนพนฐานเดมอยแลวนน จะท าใหโดเมนเนม หรอ เวบไซตนนๆ จะไดรบความสนใจและเปนทจดจ าไดงายไมใชกบผเขาชมหรอ กลมเปา หมายทเขามาชมเวบไซตผานโดมเนมเทานนยงรวมไปถง Search Engine ชอดงตางๆ เชน Google Yahoo MSN เปนตน ทจะเขามาแวะเวยนเขามาท า index กบเวบเพจหนาตางๆ ในเวบไซตของเรา หลงจากจดโดนเมนเนมเปน ทเรยบรอยแลว สงส าคญล าดบถดมานนกคอ โฮสตง (Hosting) หรอ ทเกบขอมลเวบไซตของเรานนเอง ซงโฮสตงแตละทจะม DNS หรอ Name Server ททางผใหบรการโฮสตง จะเปนคนก าหนดและแจงใหเราทราบเพอเอาไปใสใหโดมเมเนมของเราเชน DNS ของ B2C Creation จะมชอวา NS1.B2CCREATION.COM และ NS2.B2CCREATION.COM ซงคณไมตองกงวลในเรองนเพราะถาคณจด Domain Nameและ ใชบรการโฮสตงกบผใหบรการคนเดยวกนจะไมมปญหาอะไรเลย หรอแมวาจะเปนคนละคนกน เพยงแคน า DNS ทได ไประบใหกบโดเมนเนมนนตามทไดอธบายไปแลว

8

1. ดบเบลคลกทไอคอนโปรแกรม

2. ปรากฎหนาตางนขนมา ใหมองชองกลาง Create New ใหคลกท HTML

9

3. ปรากฎหนาตางการท างาน ดงน 3.1 พนทสขาวนนคอพนททสรางงาน

3.2 ทางบนเปนเมนค าสง 3.3 ทางขาวเปนแถบเครองมอ 3.4 ดานลางนกเปนแถบเครองมอ

10

การสรางงานในรปแบบของตาราง การสรางงานใหสรางตาราง กรอบแรกเสมอ งนเรามาเรยนรการสรางตารางกนเถอะ ใหกรอกขอมลตามตวอยาง

1. ไปทไอคอน Table ปรากฎหนาตางนขนมา Rows แถว

Columns คอลมน Table width ความกวาง Border thickness ขนาดเสน 0 = ไมมเสน 1- N.. ปรากฎเสน หากจ านวนเลขมากเทาไร ขนาดของเสนจะหนา

2. เมอก าหนดเสรจแลวให คลก ปม OK

3. จะปรากฎดงน

4. ไปท Alingn ดานลาง เลอก Center

11

5. ใหน าจดกระพรบไปวางไวในตาราง

6. ใหสรางตารางเพม ดงตวอยาง Rows 10 Columns 2 Border 0 จากนนคลกปม OK หมายเหต การสรางตารางซอนขางใน แลวแตงานของแตละคน แลวแตจะออกแบบ คยลด ^ = ค าวา Ctrl ^ M เพมแถว ^ Shift + M ลบแถว ^ Alt+M การผสานเซลล คอการรวมคอลมน, แถว หลายคอลมน, แถวใหเปน 1 คอลมน , แถว ^ S บนทก ^ W ปดไฟล

12

ตวอยาง รวมคอลมน ใหคลกคลมคอลมน ผลลพธ

13

ตวอยางแถว เชนเราท าหนาแรก (หนาเมน) ใหคลมแถวดงน

ผลลพธ

จากนนกพมพชอเรอง ตกแตงรปภาพ ตกแตงขอความ สพน

14

ตวอยางหนาแรก (Home Page) เตมสในตาราง

1. คลกทชองตารางทตองการ 2. ไปทไอคอน Bg เลอกสทตองการ

ตวอยางของหนาผจดท า

แบบวเคราะห A

15

การวเคราะหการสรางงานในรปแบบตาราง

1. สรางตาราง แถว 1 คอลมน 1 กวาง 700 จดกงกลาง 2. สรางตารางยอย แถว 5 คอลมน 2 กวาง 699 จดกงกลาง 3. บรรทดท 1 พมพหนาแรกไวมมขวา 4. บรรทดท 2 จดคอลมนผสานเซลล น าขอความมาวาง 5. บรรทดท 3 เมาสคลกคอลมนซายน ารปมาวาง เมาสคลกคอลมนขวา น ารปมาวาง 6. บรรทดท 4 เมาสคลกคอลมนซายน าขอความมาวาง เมาสคลกคอลมนขวาน าขอความมาวาง 7. บรรทดท 5 จดคอลมนผสานเซลล น ารปมาวาง

16

การก าหนดหนา Web page 1. ไปท เมน Modify > Page Properties…

หรอไปทปม Page Properties.. ดานลาง 2. ปรากฎหนาตางนขนมา 3. ก าหนดสพนหลง หรอพนหลงรปภาพ คลกปม Apply ดวาสทเราเลอกชอบไม ถาไมชอบก

เลอกเปลยนสใหม

4. ไปท Title/Encoding

5. ตงชอใหกบ Title Web page จะพมพเปนภาษาไทยหรอองกฤษกได 6. ไปท Encoding เลอกเปน ไทย (Windows) หรอ Unicode (UTF-8) กได

3

5

6

17

การจดรปแบบ การจดจดชดซาย กงกลาง ชดขวา

1. น าจดกระพรบไปวางไวทตองการกอน 2. เมน Format > Align > เลอก Left Center Right ตามตองการ ดงรปดานลางน

การจดขนาดตวอกษร

1. คลมด าขอความทตองการกอนนะ 2. ไปทไอคอน คลกสามเหลยมเลก 3. เลอก Heading 1-6 จ านวนเลขนอยตวโต จ านวนเลขมากตวเลก

18

การใสสอกษร 1. คลมขอความทตองการกอน

2. ไปทโหมด มมลางซาย

3. ไปท Targeted Rule คลกสามเหลยมเลก

เลอกใหเปน New Inline Style ทกครง ทท าการเปลยนส 4. เลอกสทตองการ

การจดการแบบอกษร 1. คลมขอความทตองการกอน

2. ไปทโหมด มมลางซาย

3. ไปท Targeted Rule คลกสามเหลยมเลก

เลอกใหเปน New Inline Style ทกครง ทท าการเปลยนแบบอกษร 4. ไปทไอคอนแบบอกษร (ใชแบบอกษร Tahoma)

2 3 4

19

การใสรปภาพ (ภาพนง และภาพเคลอนไหว) 1. น าจดกระพรบไปวางไวทตองการจะวางรปภาพกอน 2. ไปทไอคอน คลกสามเหลยนเลกๆ เลอกรปตนไม Images 3. ไปทไดร โฟลเดอร ทเราเกบรปไว 4. คลกปม OK 5. คลกปม OK

การใสรปภาพเมอน าเมาสไปชเปลยนรป (ภาพนงและภาพเคลอนไหว)

1. น าจดกระพรบไปวางไวทตองการจะวางรปภาพกอน 2. ไปทไอคอน คลกสามเหลยนเลกๆ เลอกรปลกศร Rollover 3. ปรากฎหนาตางนขนมา

3.1 คลกปม Browse ปมท 1 เลอกไดร โฟลเดอร ทเราเกบรปไว 3.2 คลกปม Browse ปมท 2 เลอกไดร โฟลเดอร ทเราเกบรปไว 4. คลกปม OK การบนทกพรอมตงชอ

1. เมน File > Save As.. เลอกไดร เลอกโฟลเดอรใหญ เขาโฟลเดอรยอย (html) 2. ตงชอให web page

การบนทก (ทมชองานแลว) 1. เมน File > Save

หมายเหต สงเกตแถบแสดงชอไฟล หากมเครองดอกจน อยขางหลง คอยงไมไดบนทก

1

2

20

การสรางเอกสารใหม 1. ไปทเมน File > New หรอ Ctrl + N 2. ปรากฎหนาตางนขนมา คลกปม Create

การเปดไฟล 1. ไปทเมน File > Open หรอ Ctrl + O 2. ไปทไดรทตองการ 3. ไปทโฟลเดอรของเรา 4. ไปทไฟลทตองการ

5. คลกปม Open หรอ ดบเบลคลกทไฟล

21

ด าเนนการสรางงาน Web page ดงตวอยางตอไปน หนาท 1

หนาท 2

หนาท 3

22

หนาท 4

หนาท 5

23

หนาท 6 ออกแบบหนาแรก (Home Page) ขนตอนนกเสรจของการสราง web page แลวคะ เรากไดไฟลงาน 5 ไฟล การลงค (การเชอมโยง)

1. คลมขอความทจะท าการลงค 2. ไปทปม Browse for File

3. ไปทไดร > โฟลเดอร > คลกไฟลทตองการลงค (เชอมโยง)

korn1 คอ เรองกลอน nhom คอ เรองผจดท า page 1 คอ นทานเรอง ลากบจกจน page 1 คอ นทานเรอง เดกเลยงแกะ page 1 คอ นทานเรอง หนกบแมว

24

ตวอยางการลงค หนาหลก (Home Page) ไปยงหนา Web page แตละหนา 1. เปดไฟลงานทชอ index.html ขนมา

2. ท าการลงคไปยงไฟล web page แตละหนา

ตวอยางการลงค หนา Web page ไปยงหนาหลก

1. เปดไฟลหนา web page ทกหนาทเราสรางไว 2. ท าการลงคไปยงไฟล Home page คอ ไฟล index.html

จบการสราง web page ขอใหทกคนโชคดคะ

25

Program webquest ขนตอนสรางขอสอบ

1. พมพหวขอสอบ

2. เลอกชนดค าถาม ปรนย 4 ตวเลอก หรอ เตมค าตอบ 3. เลอกแสดงระดบคะแนน 4. เลอกแสดงเฉลยและค าอธบาย 5. เลอกสพนหลง 6. ระบจ านวนขอ สรางขอสอบ 10 ขอ กไมตองเลอก 7. ก าหนดระดบคะแนน สรางขอสอบ 10 ขอ กไมตองก าหนดระดบคะแนน 8. ตงชอไฟลขอสอบ เปน web page ในชองของ แฟม HTML (แบบทดสอบ Online) หามลบ ดอส

html อกก (.html)

26

ตวอยางขอสอบแบบเตมตอบ (ไมควรตงค าถามแบบตอบอธบาย)

9. คลกแถบแกไขแบบทดสอบ ปรากฎหนาตางนขนมา

10. พมพค าถาม ตวเลอก อยาลมคลกขอทเฉลย 11. พมพค าอธบายค าตอบ (ขอทถก) 12. คลกลกศรลางขวา เพอท าขอสอบขอตอไป 13. หากมรปภาพใหพมพชอรปภาพลงไปในชอง แฟมภาพ gif,jpg

อยาลมใสนามสกลรป ดงตวอยาง

27

14. เมอพมพขอสอบได 10 ขอแลว ใหกลบไปทแถบ คาเรมตน 15. ท าการบนทกไฟลเปนไฟลของ WebQuest ไปท แฟมขอมล>บนทกเปน> เลอกไดร> โฟลเดอร

ของเรา >โฟลเดอร test > ตงชอไฟล 16. คลกปม สรางแบบทดสอบ HTML ปรากฎหนาตางนขนมา คลกปม OK 17. คลกปม Browser เพอดขอสอบ

ปรากฎหนา web page ขน

28

18. วธแกไขขอความลงค web site น แลวเปลยนเปน http://www.varee.ac.th 19. เปดโปรแกรม Dreamweaver CS4 20. เปดไฟล test1-54.html ไปท file > Open > เลอกไดร >เลอกโฟลเดอรของเรา > เลอกโฟลเดอร

test > เลอกไฟลขอสอบทตองการ (.html) สงเกตไฟลจะมสญลกษณ 21. ปรากฎขอสอบ

22. คลกไอคอน Code เพอสลบไปยงหนาตางการเขยน Code 23. เลอน scrollbar เมาสคลกทบรรทดท 1 24. กดคยลด Ctrl + F

29

25. ปรากฎหนาตางน 26. ใหพมพค าวา http://www.kr.ac.th ในชอง Find: 27. ใหพมพค าวา http://www.varee.ac.th ในชอง Replace

28. คลกปม Find Next เพอท าการคนหา เมอพบ http://www.kr.ac.th แลว 29. ใหคลกปม Replace All

30. คลกไอคอน เพอสลบกลบมายงหนาตาง ออกแบบ 31. ท าการบนทก

หมายเหต หากไมมโปรแกรม Dreamweaver CS4 ใหใชโปรแกรม Notepad 1. เปดโปรแกรม Notepad 2. เปดไฟลทตองการ 3. ไปทเมน Edit > Find หรอ Ctrl + F (ท าการคนหา) 4. พมพ www.kr.ac.th แลวกดปม find Next (สงเกตจะพบ 2 จด) 5. เมอคนหาขอความดงกลาวพบแลวใหท าการลบขอความนทง ทง 2 จด

ต าราและเอกสารประกอบการเรยน พนจนทร ธนวเสถยรและปยะ นาคสงค, ออกแบบ สราง Website Step by Step, ส านกพมพ Digital Life. ธวชชย ศรสเทพ,คมภร Web design. อ.มลลกา ธนาบรณ, เครองมอส าหรบการออกแบบเวบ.