เอกสารอบรมการสร้างเว็บnamo

ผูจัดทํา นางสาวศรัญญา ทิขัติ โรงเรียนบรรณโศภิษฐ อําเภอสองแคว จังหวดันาน สังกัด สพท.นานเขต 2

ติดตอ ขอรับเอกสารการอบรมหรือจัดอบรมการทําเว็บไซต E-mail: [email protected] Tel: 085-7073253

1

ขั้นตอนการออกแบบเว็บเพจดวยโปรแกรม Namo Webeditor 6.0

เว็บเพจ (Webpage) คือหนาเอกสาร หนาท่ีเราจัดทําดวยโปรแกรมสําหรับการออกแบบเว็บไซต เชน Namo ;Dream weaver;Flash ;Notepad เปนตน ในการจัดทํา เว็บเพจ สักหนึ่งหนานั้น เราควรกําหนดข้ันตอนการจัดทําดังนี ้

1. เตรียมขอมูลท่ีจะนาํเสนอใหพรอม อาจจัดทํามาแลวดวยโปรแกรมประเภทอ่ืนๆ เชน Word ;Excel หรือ Power point 2. เตรียมภาพประกอบใหพรอม สําหรับภาพท่ีจะนํามาเปนภาพประกอบ ในการจัดทําเวบ็เพจนัน้ ควรเปนภาพท่ีมีขนาด (size) 135×180;150×200;200×267 หรือ300×400 พกิเซล ซ่ึงหากเปนภาพท่ีไดจากกลองดิจิตอล ทานตองจัดการ Resize ภาพใหมีขนาดตามตองการดวยโปรแกรม AcdSee หรือ Photoshop 3. ออกแบบหนาเว็บเพจกอน ในท่ีนี้ขอแนะนําใหออกแบบเปน 3 สวน คือ สวนหวั สวนเนื้อหา และสวนทาย ดังนี ้



2

โครงสรางเว็บไซต ในท่ีนี่จะออกแบบเพื่อสอดคลองกับการอบรม

Index.html

Activities Images Personnel Information



3

คุณ เตรียมเนือ้หาพรอมหรือยัง??? 1. ออกแบบหนาหลัก (หนา Index)

ตัวอยางหนา Index

main.html

Index.html



4

มาเริ่มสรางเว็บในโปรแกรม Namo WebEditor 6 กันเลย

ส่ิงแรกเริ่มทําความรูจักกับโปรแกรม Namo WebEditor 6 สวนประกอบตางๆของโปรแกรม

หนาตางท่ีปรากฏเราสามารถปดเพื่อใชพืน้ท่ีในการทํางานไดโดยการคลิ๊กปุม หรือคล๊ิกขวาตรงแถบ Gneral เลือก Hide Panels ดังภาพ

แถบเมนูคําสั่ง

แถบเมนูเครื่องมือ

พื้นที่ในการสรางงาน แถบมุมมองในการสรางเว็บ

คุณสมบัติของแตละเคร่ืองมือ

คุณสมบัติของตัวอักษร



5

รายละเอียดของแถบเมน ู

1. File

Open = เปดไฟลงานเดิม

New = สรางงานใหม

Close = ปดไฟลงาน

Save = บันทึกไฟลงาน

Save All = บันทึกไฟลงานทั้งหมด

Save As = บันทึกไฟลโดยเปล่ียนช่ือใหม

Document Properties.. = กําหนดคุณสมบัติของงาน

Exit = ออกจากโปรแกรม



6

2. Edit

3. View

Undo= ยกเลิกการกระทํากอนหนานี ้Cut = การตัดวตัถุหรือขอความ Copy = การคัดลอกวัตถุหรือขอความ Paste = การวางวัตถุหรือขอความ Delete = การลบวัตถุหรือขอความ Select All = การเลือกวัตถุหรือขอความท้ังหมดของงาน

เมนู View ใชในการกําหนดใหแถบเคร่ืองมือแสดงผลออกมา เชน ใหแสดง ไมบรรทัด เสนกริด รูปแบบโครงรางของงานเปนตน



7

4. Insert

เมนูท่ีสําคัญในการทํางาน (จําเปน)

Image = แทรกรูปภาพ Media = แทรกมัลติมีเดีย Background Sound = แทรกเสียงท่ีใหสําหรับพื้นหลัง Inline Frame = แทรกอินไลนเฟรมท่ีใชในการดึงขอมูลใหอยูหนาเดยีวกัน Hyperlink = การเช่ือมโยง Bookmark = การลิงคในหนาเดียวกัน



8

5. Format

6. Table

การจัดรูปแบบ เชน การจัดการกับขอความ การใสสี Scrollbar การกําหนดเสนขอบและพื้นหลัง

การจัดการกับตาราง เชน วาดตาราง คุณสมบัติของตาราง แทรกแถว แทรกคอลัมน การสรางแถว หรือ คอลัมนเพิ่มเติม การลบแถวหรือคอลัมน การผสานแถวหรือคอลัมน เปนตน



9

7. Frame

8. Tool

การจัดการกับเฟรม

Photo Album Wizard = ใชในการจัดอัลบ้ัมรูปท่ีตองการนําเสนอกิจกรรมตางๆของหนวยงาน เปนตน



10

9. Window

10. Help

มุมมองในการสรางเว็บในโปรแกรม Namo Web editor

Edit = เปนมุมมองท่ีใชในการเร่ิมตนในการเขียนงาน, เพิม่หรือแกไขขอมูล Edit&HTML = เปนมุมมองท่ีใชในการเขียนงาน และสามารถแกไข HTML ไดดวย HTML = Hyper Text make language เปนมุมมองท่ีใชในการเขียนงาน แบบดั้งเดิมท่ีเร่ิมตนเขียนเว็บเพจ Preview = เปนมุมมองท่ีใชในการดูงานท่ีเขียนเสร็จเรียบรอยแลว

เมนู Window จัดการเกี่ยวกบัรูปแบบของงาน

การใชตัวชวยในการสรางงานจากโปรแกรม



11

กอนจะเร่ิมลงมือสรางงาน เม่ือเปดโปรแกรม Namo Web Editor 6 ขึ้นมาแลวจะไดหนาตางดงันี ้

กําหนด คุณสมบัติของงาน ดัง ตอไปนี ้(สามารถเปล่ียนแปลงตามตามท่ีออกแบบไวได) คลิกขวาบนพืน้ท่ีการทํางาน >> เลือก Document Properties ดังภาพ



12

จะไดดังภาพหนาตางของการกําหนดคุณสมบัติของงานดงัภาพ

กําหนดสีพื้นหลัง

กําหนดสีขอความ

กําหนดสีท่ีมีการเช่ือมโยง

กําหนดสีท่ีมีการเช่ือมโยงได

กําหนดสีท่ีมีการเช่ือมโยงไดแลว

กําหนดพื้นหลังเปนรูปภาพ โดยคนหาในไฟลงานหรือในเคร่ืองคอมพิวเตอรของเราได

ภาพตวัอยาง

ตอไปคลิกแท็บ General

กําหนดช่ือเว็บเพจ

กําหนดช่ือผูจดัทํา

กําหนดภาษาในการสรางงานในท่ีนีใ่หเลือก Thai (windows)



13

การสรางตาราง คลิกแถบเมนดูังภาพ กําหนดคอลัมนและแถวตามงานท่ีออกแบบ

การผสานเซลล >>คลุมดําเซลลท่ีตองการ>>คลิกขวาเลือก Table >> Merge cells ดังภาพ

การขยายแถวและคอลัมน คลิกคางตําแหนงเสนท่ีตองการอาจจะเปนเสนแถวหรือเสนคอลัมนท่ีตองการขยายแลวลากออกถาตองการใหแถวและคอลัมนกวางข้ึน หรือ ลากเขาถาตองการใหแถวและคอลัมนแคบลง ดังภาพ



14

ลากออกถาตองการใหแถวกวางข้ึนหรือลากในทิศทางกลับกันกับลากออกจะไดแถวท่ีแคบลง

ลากออกถาตองการใหคอลัมนกวางข้ึนหรือลากในทิศทางกลับกันกับลากออกจะไดคอลัมนท่ีแคบลง



15

การแทรกแถวและคอลัมน คลิกขวาบริเวณตารางจะไดดังภาพ

1. คลิกขวาเลือก Table

2. ในการแทรกแถว หรือ คอลัมน

3. เลือกวาตองการแทรกแถวหรือคอลัมนพรอมสามารถกําหนดจํานวนแถวและคอลัมนได



16

การลบแถวและคอลัมน คลิกขวาบริเวณตารางจะไดดังภาพ

1. คลิกขวาเลือก Table

2. ลบแถวหรือคอลัมน



17

การแบงเซลล คลิกขวาบริเวณตารางจะไดดังภาพ

จะปรากฏดังภาพ

ผลท่ีได

1. คลิกขวาเลือก Table 2. การแบงเซลล

Split into rows = การแบงเซลลในเซลล Split into columns = การแบงคอมลัมนในเซลล

พรอมระบุจํานวนแถวและคอลัมน

ผลที่ไดจากการ Split into rows จํานวน 3 แถว ผลที่ไดจากการ Split into columns จํานวน 3 คอลัมน



18

การกําหนดคณุสมบัติของตาราง คลิกขวาบริเวณตารางจะไดดังภาพ

เลือก Table Properties

กําหนดขนาดความกวางความสูงของตาราง

กําหนดตําแหนงของตาราง

กําหนดเสนขอบของตาราง

กําหนดสีเสนขอบของตาราง

กําหนดรูปภาพเปนพื้นหลังโดยคนหาภาพในFolder

ตางๆท่ีเก็บภาพไว

กําหนดสีพื้นหลังของตาราง



19

การกําหนดคณุสมบัติของเซลล คลิกขวาบริเวณตารางจะไดดังภาพ

เลือก Cell Properties…

กําหนดตําแหนงขอความหรือรูปภาพท่ีปรากฏในเซลลแบบ

แนวนอน

กําหนดตําแหนงขอความหรือรูปภาพท่ีปรากฏในเซลลแบบ

แนวตั้ง

กําหนดสีเสนขอบของเซลล

กําหนดสีพื้นหลังของตาราง

กําหนดขนาดความกวางความสูงของเซลล

กําหนดรูปภาพเปนพื้นหลังของเซลล



20

การแทรกรูปภาพ คลิกขวาตําแหนงท่ีตองการแทรกรูปภาพ >> Insert image ดังภาพ

1.เลือก Insert image..

2.คลิกเพื่อคนหารูปภาพ 3.ตําแหนงภาพที่ตองการ

4.เลือกเปดภาพ 5.กําหนดตําแหนงของรูปภาพ

6.คลิกตกลง



21

ผลท่ีไดจากการแทรกรูปภาพ <<ตัวอยาง>>

********* เทคนิค ********* การพิมพขอความเวลาเคาะ Enter ชองไฟจะกวางเกินไปใหลอง กดปุม Shift + Enter ชวงระยะหางระหวางบรรทัด จะแคบลง การบันทึกงาน ********* เทคนิค *********

ภาพดังกลาว หมายถึงยังไมมีการบันทึกช่ืองานสังเกตไดจาก *

การบันทึกงานเดียว

การบันทึกหลายๆงานที่เปดไวพรอมกัน ถาตองการเปล่ียนช่ือ ใหไปที่เมนู File >> Save As



22

การบันทึกงานและการตั้งชื่องาน

ผลท่ีไดจากการบันทึกและใส Title

ใสช่ืองานท่ีเปนภาษาอังกฤษโดยใหสอดคลองกับเนื้อหา

ใสหัวขอเพื่อแสดงในเว็บเพจสามารถพิมพเปนภาษาไทยได

บันทึก



23

การเปดไฟลงานเดิม

1.คลิกเพื่อเปดงานเดิม

2.เลือกไฟลงานท่ีเปน .html

3. คลิกเปด



24

การแทรก Inline frame

คลิกตําแหนงท่ีตองการแทรก Inline Frame >> คลิกเมนู Insert >> Inline frame

3. เลือกไฟล prachasumpun.html

4. เปดไฟล

1.เลือก Inline Frame

2. Browse เพือ่คนหางานท่ีเปนไฟล .html เชนในท่ีนี้คือ prachasumpun.html

5. Ok

กําหนดความกวางและความสูง ของ Inline frame



25

จะไดผลดังนี ้

***** กรณีตองการแทรก Inline Frame หนาขาวของเวบ็ไซตอ่ืนๆ เชน ขาวสารจาก สพท. หรือ สพฐ. ****

ผลท่ีไดจากการแทรก Inline frame

ใส URL ของขาวสาร เชนในท่ีนี้เปนขาวสารจากเว็บ สพท.นานเขต 2 คือ http://203.172.247.72/news2school/show.php

คลิกตกลง

กําหนดความกวางและความสูง ของ Inline frame



26

การเชื่อมโยง(Create Hyperlink…) คลุมดําขอความหรือเลือกวัตถุท่ีตองการเช่ือมโยง >> คลิกขวาเลือก Create Hyperlink..

การกําหนดการแสดงของ Target

สุดทายก็คลิก ปุม OK ก็เปนอันเสร็จคะ

ถาตองการเช่ือมโยงไปเว็บไซตตางได เชน www.hotmail.com สามารถพิมพลงในชอง URL: ไดเลย

หรือ Browse คนหาหนาเว็บเพจท่ีตองการเช่ือมโยงท่ีเราสรางไวแลว

_blank = แสดงเว็บเพจหนาใหม _parent = แสดงเว็บเพจหนาเดิม _self = แสดงเว็บเพจหนาเดมิ เหมือน_parent, _top, _self _top = แสดงเว็บเพจหนาเดมิ เหมือน _parent, _top, _self Ifrm1 = แสดงเว็บเพจหนาInline frame สวนใหญนิยมใช 3 ตัวคือ _blank _parent และ Ifrm1



27

การกําหนดการเคล่ือนไหวของขอความโดยเล่ือนในแนวนอน วิธีการ >> คลิกตําแหนงท่ีตองการใหขอความเล่ือน เชน ตองการใหขอความวา “โรงเรียนบรรณโศภิษฐ อําเภอสองแคว จงัหวัดนาน” คลิกมุมมอง ดังภาพ

การทํา Scrollbar colors ขั้นตอนการทํา (อางอิงจาก www.webthaidd.com)

1. สรางเอกสารข้ึนมา จากนัน้ก็คล๊ิกไปตรงเมน ูFormat และก็เลือกตรง Scrollbar colors ดังภาพ

ใสคําส่ังดังนี้ <Marquee> หนาขอความท่ีตองการให

เล่ือนจากซายไปขวา



28

2. จากนั้นเรากจ็ะเขาสูหนาตางสําหรับสราง Scrollbar colors ดังภาพ

3. ระหวางท่ีเรากําลังเลือกสีใหกับ Scrollbar สังเกตดูตรงหนาตาง Preview ขางลางนะครับ มันจะเปลี่ยนไปตามแบบสีท่ีเราไดเลือกไว และเม่ือเลือกสีสัน Scrollbar ของเราไดเปนท่ีถูกใจแลว ก็คลิกปุม ok ไดเลยครับ

4. เม่ือคลิกปุม ok ก็จะได Scrollbar colors ตามท่ีเราตองการ



29

การใช Photo Album Wizard ในการโชวภาพกิจกรรม ซ่ึงเปนคุณสมบัติเดนของโปรแกรม Namo Web Editor เลยก็วาไดคะ

ขั้นตอนในการสราง (กอนอ่ืนเราตองมีรูปภาพท่ีทําการ Resize เก็บไวในfolder ไวกอนแลว ถึงจะสรางงานจากเคร่ืองมือ Photo Album Wizard ได)

คลิกเมนู Tools >> Photo Album Wizard.. (ถางานยังไมไดบันทึกจะมีขอความฟองข้ึนมาใหเราทําการบันทึกงานกอน)

1. เม่ือคลิก Photo Album Wizard จะปรากฏหนาตางการกําหนดคุณสมบัติของ Photo Album Wizard

2. คลิก Add Folder เพื่อไปยัง Folder ท่ีเก็บภาพไวแลว 3. เลือกท่ีอยูของ Folder ท่ีตองการ

จากนั้นคลิก OK



30

4.เม่ือเลือก Folder เสร็จรูปท่ีอยูใน Folder ก็จะแสดงใหเห็นอยางตัวอยางมีภาพท้ังหมด 9 ภาพ ดวยกัน จากนัน้ คลิก Next

5. เลือกรูปแบบของการแสดงภาพซ่ึงมีใหเลือก 5 รูปแบบดวยกนัเม่ือเลือกโปรแกรมจะแสดงภาพตัวอยางดานขวามือเม่ือเลือกรูปแบบเสร็จแลว คลิก Next



31

6. เลือกรูปแบบของเสนขอบรูปภาพซ่ึงมีใหเลือกอยู 20 รูปแบบ

แสดงภาพตัวอยางท่ีเราเลือกรูปแบบ

กําหนดความกวางและความยาวของ

ภาพท่ีจะแสดง

กําหนดสีพื้นหลังท่ีภาพจะแสดงและ

สรางเงาใหกับภาพ

7. คลิก Next



32

ผลลัพธท่ีได สามารถจัดตําแหนงกึ่งกลางกเ็รียบรอยก็เปนอันเสร็จ ลอง Previewดูคะ

8. คลิก Finish

กําหนดจํานวนภาพท่ีแสดงใน1แถวควรเลือกภาพใหลงตัว

กําหนดสีเสนของเซลลท่ีแสดงรูปภาพ



33

การสราง Bookmark บางคนงงวา Bookmarkคืออะไร นึกถึงหนาเพจท่ีมีเนื้อหาเยอะๆเวลาจะกลับไปอานขอความดานบนสุดก็ตองเล่ือน Scroll mouse ฉะนั้นการใช bookmark มาชวยในการลิงคหนาเพจเดยีวกันหรือ การกลับข้ึนดานบนหรือลงไปเนื้อหาดานลางเปนตน

1.คลิกตําแหนงท่ีตองการทํา Bookmark >>คลิกขวา>>Create Bookmark

2.พิมพขอความ เชน ดังตัวอยาง แลวคลิก Add

***** สวนขอความ ลาง ใหสราง

Bookmarks เหมือนกับ

ขอความ บน

*****

3.จะไดดังภาพ

4.คลิก Close ออกไป



34

5. พิมพขอความดานบน วา บน >> คลิกขวา>>เลือก Hyperlink Properties..

4. เลือก Bookmark >> คลิกเลือกขอความ ลาง >> คลิก OK (คลุมดําบนลิงคไปลาง)

5. ทําการลิงคขอความ ลาง เหมือนกับ บน แตตอนท่ีเลือก Bookmark ใหเลือกเปนบน

(คลุมดําลางลิงคไปบน) เสร็จแลวก็คลิก OK ก็เปนการเสร็จสําหรับการ สราง bookmark

คลิก OK



35

การ Resize รูปภาพ โดยใชโปรแกรม ACDsee

1. กอนอ่ืนตองมีโปรแกรม ACDsee จากนัน้หาภาพท่ีตองการจะ Resize 2. คลิกขวาตรงรูปภาพ>>เลือก Open with ACDsee Pro

3. จะไดภาพขนาดใหญข้ึนมาดงัภาพ

4. คลิก



36

5. จะไดดังภาพ ตอนนี้สามารถเลือกรูปภาพท่ีตองการจะทําการ Resize ไดทีละหลายๆภาพได

6. เม่ือเลือกรูปภาพท่ีตองการเรียบรอยแลวให ไปท่ีเมนู Tools >> Batch Resize Images…



37

7. จะไดหนาตางดังนี ้

ปรับขนาดตามเปอรเซ็นต

ปรับขนาดตาม Pixels โดยทั่วไปกําหนดประมาณ 600x400 หรือ 400x300 เปนตน

คลิก Start Resize



38

ภาพท่ีไดจากการ Resize จะมีขอความตอดานหลังวา _resize. jpg

แคนี้ก็สามารถนําภาพไปใชไดแลวคะ

เมื่อเสร็จแลวคลิก Done



39

การสรางสไลดโชวดวยโปรแกรม Wondershare flash Slideshow Builder 1. เปดใชโปรแกรม Wondershare flash Slideshow Builder

2. จะปรากฏหนาตางดังภาพ

2. แท็บ Browse เปนแท็บ แรกท่ีเปดโปรแกรม Wondershare flash Slideshow Builder ข้ึนมาซ่ึงจะมีสวนประกอบใน แท็บ นี้อยู 3 สวนคือ

- 1 สวนท่ีเปน Folder ดานซายมือนั้น ใชสําหรับคนหาภาพใน folder ท่ีตองการ - 2 สวนท่ีเปนไฟลท่ีแสดงรูปภาพทางดานขวามือ เราสามารถเลือกใชท่ีตองการไดโดยการดับเบ้ิล

คลิกหรือคลิกลากไวในสวนท่ี3 - 3 สวนท่ีสามคือสวนท่ีอยูดานลางสุดจะเปนลักษณะเฟรมเพื่อใชในการจัดเรียงลําดบัภาพท่ี

ตองการ หากตองการยายภาพ ก็คลิกคางไวแลวลากไปตําแหนงท่ีตองการไดเลย

1 2

3



40

2. แท็บ Template เปนแท็บท่ี 2 ซ่ึงจะมีรูปแบบการแสดงผลที่โปรแกรมมีใหอยูแลวอยู 3 ระดับดวยกนัคือ Simple Theme Advanced



41

นอกจากนั้นยงัสามารถกําหนด Preloder, Intro และ Credit ไดอีกดวย ตัวอยาง

1. คลิกเคร่ืองหมาย ใน ดังภาพ

จะมีเมนู Preloder, Intro และ Credit

2. คลิก Preloader แลวกําหนด รูแบบของการโหลดไฟลดังภาพ พรอมท้ังกําหนดสีพืน้ไดอีกดวย

*******สวน Intro และ Credit คือการกําหนดรูปแบบกอนนําเขาสูเนื้อหาของงานและ Credit คือการกําหนด

รูปแบบหลังการนําเสนอของงาน 2 สวนนีอ้าจจะกําหนดหรือไมก็ได***********



42

3. สามารถใส Transition effect ดังภาพ

4. ใสเวลา ดังภาพ โดยการดบัเบ้ิลคลิกตรงเวลาแลวเปล่ียนตัวเลขตามความเหมาะสม

1. ดับเบ้ิลคลิกจะไดรูปแบบของ Transitions effect

2. เลือกรูปแบบ

3. OK



43

3. แท็บ Decorate เปนแท็บท่ีสามารถใสขอความ รูปภาพตัดปะ เสียง และ Effect ใหกบัภาพ ได

Text

วิธีการ 1. คลิก New Text 2. พิมพขอความที่ตองการ 3. กําหนด Effect ของขอความ 4. เปล่ียนรูปแบบของขอความ สี ขนาด คลิกคางไวแลวเปล่ียน

ไดเลย

1 2

3 4



44

Clipart

Sound

วิธีการ 1. เลือกหมวดหมูของ Clipart ท่ีตองการ 2. เลือกภาพท่ีตอง โดยการดับเบ้ิลคลิกก็สามารถ

ใชงานไดแลว **สามารถนําภาพมาจากท่ีอ่ืนท่ีไมใชโปรแกรม

กําหนดใหได**

1

วิธีการ - เลือกเพลงท่ีตองการนํามาประกอบสไลด โดยการคลิกท่ี Import เลือกเปาหมายของเพลง สามารถนําไฟลเพลง mp3 มาใชได



45

Effect

วิธีการ 1. เลือก Effect ท่ีตองการ แลวดบัเบ้ิลคลิกเพื่อใช

งานไดเลย หากตองการลบ Effect ก็แคเพยีง คลิกขวา เลือก Delete ดังภาพ

วิธีการ 2. ถาหากตองการให Effect ท่ีเลือกแสดงผล

หลายๆภาพ กค็ลิกคางแลวลากออกไป ดังภาพ



46

4. แท็บ publish เปนแท็บสุดทายของการสรางงานดวยโปรแกรม Wondershare flash Slideshow Builder

คือการแพ็กเกต็งานนั่นเอง ซ่ึงสามารถสรางงานหลายรูปแบบ เชน - บันทึกเปนไฟล SWF คือไฟล Flash นั่นเอง - บันทึกเปนไฟล HTML คือไฟล อินเทอรเน็ต - บันทึกเปนไฟล EXE คือไฟล ท่ีเลนโดยไมตองมีโปรแกรม Wondershare flash Slideshow Builder - บันทึกเปนไฟล E-mail - บันทึกเปนไฟล Scree saver - บันทึกเปนไฟล Share show online

***** สวนใหญถาใชงานบนอินเทอรเนต็นิยมใช บันทึกเปนไฟล SWF เพื่อสะดวกในการจัดการ *****



47

เว็บท่ีอางอิง

www.samakkhi.ac.th/namo51/start.pdf http://www.thaigoodview.com/library/teachershow/chachengsao/kovit_a/index.html www.webthaidd.com/namo/ www.esanpt1.go.th/nites/academy/webpage%20design/webpage%20design.htm

เอกสารอบรมการสร้างเว็บnamo

Documents