โครงงานคอมพวเตอร เรอง ASEAN WORLD

โดย

1. เดกหญงอภชญา ค าโพธ ม.3/9 2. เดกหญงตณณา บบผาสวรรค ม.3/10

3. เดกหญงวรนญา วนหวง ม.3/10

รายงานฉบบนเปนสวนประกอบของโครงงานคอมพวเตอร

ชนมธยมศกษาปท 3 โรงเรยนเตรยมอดมศกษาพฒนาการ

สงกดส านกงานเขตพนทการศกษามธยมศกษา เขต 2 ส านกงานคณะกรรมการการศกษาขนพนฐาน

กระทรวงศกษาธการ

โครงงานคอมพวเตอร เรอง ASEAN WORLD

โดย

1. เดกหญงอภชญา ค าโพธ ม.3/9 2. เดกหญงตณณา บบผาสวรรค ม.3/10

3. เดกหญงวรนญา วนหวง ม.3/10

โรงเรยนเตรยมอดมศกษาพฒนาการ สงกดส านกงานเขตพนทการศกษามธยมศกษา เขต 2

ส านกงานคณะกรรมการการศกษาขนพนฐาน กระทรวงศกษาธการ

ครทปรกษา

นางสาวปาณศา เศรษฐศภกล

โครงงาน เรอง ASEAN WORLD ประเภทของโครงงาน โครงงานพฒนาสอเพอการศกษา ผจดท าโครงงาน เดกหญงอภชญา ค าโพธ ม.3/9

เดกหญงตณณา บบผาสวรรค ม.3/10 เดกหญงวรนญา วนหวง ม.3/10

ปการศกษา 2555

บทคดยอ

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

กตตกรรมประกาศ

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

ทายสดนคณะผจดท าหวงเปนอยางยงวา โครงงานนจะเปนประโยชนตอการศกษาและผทสนใจตอไป

คณะผจดท า

สารบญ

หนา

บทคดยอ…........................................................................................................................... ข

กตตกรรมประกาศ…............................................................................................................. ค สารบญ.................................................................................................................................. ง สารบญภาพ........................................................................................................................... ฉ สารบญตาราง........................................................................................................................ ช

บทท

1. บทน า ทมาและความส าคญของโครงงาน................................................................................. 1 วตถประสงค.................................................................................................................. 1

ขอบเขตของโครงงาน.................................................................................................... 1 แผนการด าเนนงาน......................................................................................................... 2 วธการด าเนนงาน............................................................................................................ 3 ผลทคาดวาจะไดรบ........................................................................................................ 4 2. เอกสารทเกยวของ.................................................................................................. .............................. 4 2.1 ประชาคมอาเซยน..................................................................................................... 5 2.2 เวบไซต ( Website ).................................................................................................. 7 2.3 โปรแกรม Adobe Dreamweaver ............................................................................. 9 3. อปกรณและวธด าเนนงาน 3.1 ขนตอนการด าเนนการ.............................................................................................. 9 3.2 วธการเกบรวบรวมขอมล.......................................................................................... 9 3.3 อปกรณทใชในการพฒนาโครงงาน.......................................................................... 10

บทท หนา 4. ผลการด าเนนงาน............................................................................................................. 11 5. สรปผลการด าเนนงาน / ขอเสนอแนะ............................................................................... 13 5.1 ผลการด าเนนงานจดท าโครงงาน........................................................................... 13 5.2 สรปผลการด าเนนงานโครงงาน............................................................................ 13 5.3 ขอเสนอแนะ.......................................................................................................... 13 บรรณานกรม......................................................................................................................... 14 ภาคผนวก.............................................................................................................................. 15

สารบญตาราง

ตารางท หนา

1 แผนการด าเนนงาน............................................................................................................. 2

สารบญภาพ

ภาพท หนา

1 ภาพผลงานเวบไซต ASEAN WORLD.............................................................................. 11

บทท 1

บทน า

ทมาและความส าคญของโครงงาน

ประเทศไทยอยในทวปเอเชยตะวนออกเฉยงใต ซงมประเทศทงหมด 11 ประเทศ แตละประเทศมวฒนธรรม เศรษฐกจ การเมอง ทแตกตางกน ในปจจบนแตละประเทศไดใหความสนใจและความรวมมอในดานเศรษฐกจและดานอนๆจงเกดความรวมมอในระหวางประเทศเกดขน ประชาคมอาเซยน คอ องคกรระหวางประเทศระดบภมภาคเอเชยตะวนออกเฉยงใต โดยมวตถประสงคในการจดตงขน เพอใหประเทศสมาชกอยรวมกนอยางสนตสข แกไขปญหาภายในภมภาคโดยสนตวธ และยดมนในหลกความมนคงรอบดาน สรางความมนคง และมงคงทางเศรษฐกจ ใหประเทศสมาชกสามารถแขงขนกบภมภาคอนๆ มสภาพความเปนอยทด ไดรบการพฒนาในทกดานและมความมนคงทางสงคมแบบเอออาทร ประเทศไทยเปนประเทศสมาชกประเทศหนงในประชาคมอาเซยน ดงนนจงสงผลกระทบกบประเทศไทยโดยตรงทงในดานเศรษฐกจ ดานการเมอง วฒนธรรม และ ความมนคง ซงถอวามความ ส าคญตอการพฒนาประเทศเปดประเทศสการเปนประชาคมอาเซยน เพอเปนการเตรยมความพรอมและเปนแนวทางในการปรบตวรบมอกบการเปดประเทศสการเปนประชาคมอาเซยน คณะผจดท าเลงเหนความส าคญจงสรางโครงงาน ASEAN WORLD ขนมาโดยการสรางเวบไซตเกยวกบประชาคมอาเซยนเพอเผยแพรความรใหเยาวชนและบคคลทวไปไดเขาใจและเหนความส าคญของประชาคมอาเซยน

วตถประสงค

เพอใหความรแกผทสนใจเกยวกบประชาคมอาเซยน

ขอบเขตของโครงงาน

สรางเวบไซตเผยแพรความรเกยวกบประชาคมอาเซยน โดยใชโปรแกรม Adobe -Dreamweaver Cs3 ในการสรางเวบไซต และใช โปรแกรม Adobe Dreamweaver CS3 , Adobe Flash CS3 , Adobe Photoshop CS3 ในการตกแตงเวบไซตใหสวยงามนาสนใจ

แผนการด าเนนงาน

ตารางท 1 แผนการด าเนนงานโครงงาน

ขนตอนการด าเนนงาน

ระยะเวลาการด าเนนงาน

มถนายน 2555 กรกฎาคม 2555 สงหาคม 2555

1 2 3 4 1 2 3 4 1 2 3 4

1. คดเลอกหวขอโครงงานเพอน าเสนออาจารยทปรกษา

2. ศกษาคนควารวบรวมขอมล ทเกยวของกบโครงงานในการสรางเวบไซตและการตกแตง เวบไซตใหนาสนใจ

3. ศกษาโปรแกรมในการสรางเวบไซต

4. จดท าโครงรางโครงงานเสนออาจารยทปรกษา

5. ออกแบบเวบไซต

6. จดท าโครงงานสรางเวบไซต ASEAN WORLD

7. เผยแพรผลงานผานระบบเครอขายอนเทอรเนต

8. ท าเอกสารสรปรายงานโครงงาน

ผลทคาดวาจะไดรบ

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

บทท 2

เอกสารทเกยวของ

ในการจดท าโครงงานคอมพวเตอร พฒนาสอเพอการศกษา เวบไซต ASEAN WROLD ใหความรเกยวกบประชาคมอาเซยน คณะผจดท าไดศกษาขอมล เอกสารทเกยวของ ดงน

2.1 ประชาคมอาเซยน 2.2 เวบไซต ( Website ) 2.3 โปรแกรม Adobe Dreamweaver

2.1 ประชาคมอาเซยน ประชาคมอาเซยน หรอ สมาคมประชาชาตแหงเอเชยตะวนออกเฉยงใต (Association of South East Asian Nations : ASEAN) เปนองคกรระหวางประเทศระดบภมภาคเอเชยตะวนออกเฉยงใต มจดเรมตนโดยประเทศไทย มาเลเซย และฟลปปนส ไดรวมกนจดตง สมาคมอาสา (Association of South East Asia) เมอเดอน ก.ค.2504 เพอการรวมมอกนทาง เศรษฐกจ สงคมและวฒนธรรม แตด าเนนการไปไดเพยง 2 ป กตองหยดชะงกลง เนองจากความผกผนทางการเมองระหวางประเทศอนโดนเซยและประเทศมาเลเซย จนเมอมการฟนฟสมพนธทางการฑตระหวางสองประเทศ จงไดมการแสวงหาหนทางความรวมมอกนอกครง

สมาคมประชาชาตแหงเอเชยตะวนออกเฉยงใต จงกอตงขนเมอวนท 8 ส.ค.2510 หลงจากการลงนามในปฎญญาสมาคมประชาชาตแหงเอเชยตะวนออกเฉยงใต (Declaration of ASEAN Concord) หรอเปนทรจกกนในอกชอหนงวา ปฏญญากรงเทพ (The Bangkok Declaration) โดยสมาชกผกอตงม 5 ประเทศ ไดแก อนโดนเซย ฟลปปนส สงคโปร และไทย ซงผแทนทง 5 ประเทศทรวมลงนามใน ปฏญญา ประเทศไทยหลงจากจดตง ประชาคมอาเซยนเมอ 8 ส.ค.2510 แลว อาเซยนไดเปดรบสมาชกใหมจากประเทศในภมภาคเอเชยตะวนออกเฉยงใตเพมเตมเปนระยะ ตามล าดบไดแก

-บรไนดารสซาลาม เขาเปนสมาชกเมอ 8 มกราคม 2527 -สาธารณรฐสงคมนยมเวยดนาม เขาเปนสมาชกเมอ 28 กรกฏาคม 2538 -สาธารณรฐประชาธปไตยประชาชนลาว เขาเปนสมาชกเมอ 23 กรกฎาคม 2540 -สหภาพพมา เขาเปนสมาชกเมอ 23 กรกฏาคม 2540 -ราชอาณาจกรกมพชา เขาเปนสมาชกเมอ 30 เมษายน 2542

วตถประสงคในการกอตงประชาคมอาเซยน ประชาคมอาเซยน กอตงขนโดยมวตถประสงคเรมแรกเพอสรางสนตภาพในภมภาคเอเชย

ตะวนออกเฉยงใต อนน ามาซงเสถยรภาพทางการเมอง และความเจรญกาวหนาทางเศรษฐกจ สงคม และวฒนธรรม และเมอการคาระหวางประเทศในโลกมแนวโนมกดกนการคารนแรงขน ท าใหอาเซยนไดหนมามงเนนกระชบและขยายความรวมมอดานเศรษฐกจการคาระหวางกนมากข น วตถประสงคหลกทก าหนดไวในปฏญญาอาเซยน (The ASEAN Declaration) ม 7 ประการ ดงน

1. สงเสรมความเจรญเตบโตทางเศรษฐกจ ความกาวหนาทางสงคมและวฒนธรรม 2. สงเสรมการมเสถยรภาพ สนตภาพและความมนคงของภมภาค 3. สงเสรมความรวมมอทางเศรษฐกจ สงคม วฒนธรรม วชาการ วทยาศาสตร และดานการบรหาร 4. สงเสรมความรวมมอซงกนและกนในการฝกอบรมและการวจย 5. สงเสรมความรวมมอในดานเกษตรกรรมและอตสาหกรรม การคา การคมนาคม การสอสาร และปรบปรงมาตรฐานการด ารงชวต 6. สงเสรมการมหลกสตรการศกษาเอเชยตะวนออกเฉยงใต 7. สงเสรมความรวมมอกบองคกรระดบภมภาคและองคกรระหวางประเทศ

2.2 เวบไซต ( Website ) เวบไซต (องกฤษ: Website, Web site หรอ Site) หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงก สวนใหญจดท าขนเพอน าเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตท เกบไวท ชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟร แตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆ การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร หลกในการออกแบบเวบไซต

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

หนาตาง ๆ ได โดยแสดงชอไฟล HTML แตละไฟลทมการเชอมโยงสมพนธกน

ขนตอนท 3 การออกแบบเวบเพจแตละหนา สามารถออกแบบหนาเวบเพจแตละหนาใหสวยงาม โดยเฉพาะในเวบเพจหนาแรก ซงเรยกวา

โฮมเพจนกเรยนควรออกแบบใหสวยงามเพอดงดดความสนใจของผเขาชมในขนตอนการออกแบบน บางทอาจเรยกวาการออกแบบเลยเอาท (Lay Out) สามารถท าไดโดยการเขยนลงในกระดาษ หรอใชโปรแกรมคอมพวเตอรชวยในการออกแบบกได

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

FrontPage, Macromedia Dreamweaverหรอโปรแกรมส าเรจรปอน ๆ ตามความถนด ขนตอนท 5 การลงทะเบยนขอพนทเวบไซต การเผยแพรเวบไซตทสรางเสรจแลว เขาสระบบเครอขายอนเทอรเนต เพอใหบคคลอนๆ

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

ขนตอนท 6 การอพโหลดเวบไซต หลงจากสรางเวบไซตและลงทะเบยนขอพนทส าหรบฝากเวบไซตแลว ใหใชโปรแกรม

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

1. การวางแผน ก าหนดเนอหา กอนลงท าเวบเราจะตองรวาเราจะท าเวบเกยวกบอะไร เนอหาเปนอยางไร

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

2. การเตรยมการ เชน การเตรยมการดานขอมลทงทเปนเนอหา ภาพ เสยง หรอสงจ าเปนตางๆ ทนกเรยนคดวา

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

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

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

4. การทดสอบและการแกไข การสรางเวบเพจทกครงควรจะมการทดสอบกอนเผยแพรทกครงเพอหาขอบกพรองแลวน ามา

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

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

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

อะโดบ ดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร (Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบน ท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงปพ.ศ. 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70% ดรมวฟเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถ

ท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS5 การท างานกบภาษาตางๆ

ดรมวฟเวอร สามารถท างานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถงการจดการฐานขอมลตางๆ อกดวย และในเวอรชนลาสด (เวอรชน CS4) ยงสามารถท างานรวมกบ XML และ CSS ไดอยางงายดาย ความสามารถของ Dreamweaver

ในการเขยนเวบเพจ จะมลกษณะคลายกบการพมพงานในโปรแกรม Text Editor ทวไป คอวามนจะเรยงชดซายบนตลอดเวลา ไมสามารถยาย หรอ น าไปวางต าแหนงทตองการไดทนทเหมอนโปรแกรมกราฟก เพราะฉะนนหากเราตองการจดวางรปแบบตามทเราตองการ กใชตาราง Table เขามาชวยจดต าแหนง ซงเมอมการจดวางรปแบบทซบซอนมากขน การเขยนภาษา HTML กซบซอนยงขนเชนกน โปรแกรม Dreamweaver อาจจะไมสามารถเขยนเวบไดตามทเราตองการทงหมด วธการแกไขปญหาทดทสดคอ ควรจะเรยนรหลกการของภาษา HTML ไปดวย ซงถอวาเปนสงทจ าเปนมากส าหรบผทตองการประกอบอาชพ Webmaster แบบจรงจง อาจจะไมตองถงกบทองจ า Tag ตาง ๆ ไดทงหมด แตขอใหร เขาใจหลกการกพอแลว เพราะหลาย ๆ ครงทเราจะเขยนเวบใน Dreamweaver แลวกลบไดผลผดเพยนไป ไมตรงตามทตองการ กตองมาแกไข Code HTML เอง และความสามารถของ Dreamweaver สรปไดดงน

1. สนบสนนการท างานแบบ WYSIWYG (What You See Is What You Get) หมายความวา เวบทเราเขยนหนาจอ Dreamweaver กจะแสดงแบบเดยวกบเวบเพจจรงๆ ชวยใหเราเขยนเวบเพจงายขน ไมตองเขยน Code HTML เอง

2. มเครองมอในการชวยสรางเวบเพจทมความยดหยนสง 3. สนบสนนภาษาสครปตตางๆ ทงฝง Client และ Server เชน Java, ASP, PHP, CGI,

VBScript 4. มเครองมอในการ Upload หนาเวบเพจไปทเครอง Server เพอท าการเผยแพรงานทเราสราง

ในอนเทอรเนต โดยการสงผาน FTP หรอ โดยการใชโปรแกรม FTP ภายนอกชวย เชน WS FTP 5. รองรบมลตมเดย เชน การใสเสยง, การแทรกไฟลวดโอ, การใชงานรวมกบโปรแกรม Flash

, Fireworks

บทท 3 อปกรณและวธการด าเนนการ

การจดท าโครงงานคอมพวเตอร เวบไซต ASEAN WROLD คณะผจดท าโครงงานมวธ

ด าเนนงานโครงงาน ตามขนตอน ดงตอไปน

3.1 ขนตอนการด าเนนการ

1. คดหวขอโครงงานเพอน าเสนออาจารยทปรกษา 2. ศกษาคนควารวบรวมขอมล ทเกยวของกบโครงงานในการสรางเวบไซตและการตกแตง เวบไซตใหนาสนใจ 3. ศกษาโปรแกรมในการสรางเวบไซต 4. จดท าโครงรางโครงงานเสนออาจารยทปรกษา 5. ออกแบบเวบไซต 6. จดท าโครงงานสรางเวบไซต ASEAN WORLD 7. เผยแพรผลงานผานระบบเครอขายอนเทอรเนต 8. ท าเอกสารสรปรายงานโครงงาน

3.2 วธการเกบรวบรวมขอมล

1. ศกษา เรอง ความส าคญของประชาคมอาเซยน 2. ศกษา เรอง การออกแบบเวบไซต 3. ศกษา เรอง การท างานของตวโปรแกรมตางๆ ไดแก 3.1 Adobe Dreamweaver CS3 3.2 Adobe Flash CS3 3.3 Adobe Photoshop CS3

3.3 วสด อปกรณ เครองมอหรอโปรแกรมทใชในการพฒนาโครงงาน

1. เครองคอมพวเตอรพรอมเชอมตอระบบเครอขายอนเทอรเนต 2. ซอฟตแวร

- Adobe Dreamweaver CS3 - Adobe Flash CS3 - Adobe Photoshop CS3

บทท 4

ผลการด าเนนงาน การจดท าโครงงานคอมพวเตอรพฒนาสอเพอการศกษา สรางเวบไซต ASEAN WORLD เนอหาเกยวกบประชาคมอาเซยน มวตถประสงคเพอเผยแพรความรเกยวกบประชาคมอาเซยน ซงมผลการด าเนนงานโครงงาน ดงน 4.1 ผลการพฒนาโครงงาน

การพฒนาโครงงานสรางเวบไซต ASEAN WORLD เพอเผยแพรความรเกยวกบประชาคมทประเทศไทยจะกาวสใน พ.ศ. 2558 น คณะผจดท าไดด าเนนตามขนตอนการด าเนนงานทไดวางแผนไว และไดน าเสนอเผยแพรผลงานผานทางเครอขายระบบอนเทอรเนต ทสามารถเขาถงไดทกเวลาและทกสถานท เปนแหลงเรยนรในโลกออนไลนและรวดเรวในการรบขอมล 4.2 ตวอยางผลงาน ภาพท 1 ภาพผลงานเวบไซต ASEAN WORLD

บทท 5

สรปผลการด าเนนงาน / ขอเสนอแนะ

การจดท าโครงงานคอมพวเตอร เวบไซต ASEAN WROLD สามารถสรปผลการด าเนนงานโครงงานและขอเสนอแนะ ดงน

5.1 การด าเนนงานจดท าโครงงาน

5.1.1 วตถประสงคของโครงงาน

1.เพอใหความรแกผทสนใจเกยวกบประชาคมอาเซยน

5.1.2 วสด อปกรณ เครองมอหรอโปรแกรมทใชในการพฒนาโครงงาน

1. เครองคอมพวเตอรพรอมเชอมตอระบบเครอขายอนเทอรเนต 2. ซอฟตแวร

- Adobe Dreamweaver CS3 - Adobe Flash CS3 - Adobe Photoshop CS3

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

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

5.3 ขอเสนอแนะ

1. ควรมการจดท าเนอหาของโครงงานใหหลากหลายครบเนอหาในมมลกกวาน

2. ควรมการจดท าแบบทดสอบกอนเรยนและหลงเรยน

บรรณานกรม เทคนคการสรางและออกแบบ Website ดวย Adobe Dreamweaver CS3.สบคนเมอ วนท 17 มถนายน 2555 จากเวบไซต: http://aster.spu.ac.th/file/user/66/66/upload/doc_train/ dreamweverCS3.pdf ประชาคมอาเซยน.สบคนเมอ วนท 17 มถนายน 2555 จากเวบไซต: http://ประชาคม อาเซยน.net/ โปรแกรม Dreamweaver.สบคนเมอ วนท 20 มถนายน 2555 จากเวบไซต: http://www.thaigoodview.com/library/contest2552/type2/tech04/47/page/1_introduce.html เวบไซต.สบคนเมอ วนท 20 มถนายน 2555 จากเวบไซต: http://th.wikipedia.org/wiki/ เวบไซต หลกในการออกแบบเวบไซต ( Web Site ).สบคนเมอ วนท 20 มถนายน 2555 จากเวบไซต: http://school.obec.go.th/pp_school/html/makeweb1.html

ภาคผนวก

ประวตผจดท าโครงงาน

เดกหญงอภชญา ค าโพธ เกดวนท 1 สงหาคม 2540 จบการศกษาระดบประถมศกษาทโรงเรยนปาณยาพฒนาการ ปจจบนก าลงศกษาอยในระดบชนมธยมศกษาปท 3/9 โรงเรยนเตรยมอดมศกษาพฒนาการ

เดกหญงวรนญา วนหวง เกดวนท 4 มนาคม 2541 จบการศกษาระดบประถมศกษาทโรงเรยนมลนธวดปากบอ ปจจบนก าลงศกษาอยในระดบชนมธยมศกษาปท 3/10 โรงเรยนเตรยมอดมศกษาพฒนาการ

เดกหญงตณณา บบผาสวรรค เกดวนท 17 กมภาพนธ 2541 จบการศกษาระดบประถมศกษาทโรงเรยนดาราคาม ปจจบนศกษาอยในระดบชนมธยมศกษาปท 3/10 โรงเรยนเตรยมอดมศกษาพฒนาการ