บันทึกโครงการฝึกอบรมความรู้การสร้างและออกแบบเว็บเพจด้วยโปรแกรม

Mc Dreamweaver MX และ web graphic แบบชั่วโมงต่อชั่วโมง

*อัพเดทข้อมูลครั้งที่ 1 เมื่อเวลา 08.10 น วันที่ 5 มกราคม 2547

-รายงานตัว

-เข้าห้องปฏิบัติการคอมพิวเตอร์ อาคารเรียนรวม กลุ่มสังคมศาสตร์ ม.ธรรมศาสตร์

-ปฐมนิเทศ

*อัพเดทข้อมูลครั้งที่ 2 เมื่อเวลา 09.05 น.

-นายจารุพงศ์ พลเดช รองอธิบดีกรมการพัฒนาชุมชน มาเป็นประธานเปิดการฝึกอบรม

สรุปการให้โอวาท(อัพเดทเมื่อเวลา 09.23 น)

-กรมฯสนองตอบนโยบายรัฐบาลและเป็นกรมฯแรกที่จัดการฝึกอบรมบุคลากรด้านการจัดทำเว็บไซด์ ที่จะต้องการให้เป็น

รัฐบาลอิเล็กทรอนิก คือ-ทุกหน่วยราชการต้องใช้ IT -ใช้ระบบเครื่อข่ายอินเตอร์เน็ต   -Paperless office

เน้นการคิดนอกกรอบ กระบวนการแนวคิดใหม่ ส่งเสริมให้มีการทำเว็บไซด์จนถึงระดับตำบล ต่อไปจะส่งงานทาง

ระบบอีเมล์ทั้งหมด เป้าหมายของกรมฯคือเจ้าหน้าที่พช.ทุกคนต้องได้รับการฝึกอบรมด้านคอมพิวเตอร์ในปี 2547

ให้ทุกจังหวัดจัดตั้ง POC จังหวัด หลักสูตรมี 2 สองคือการทำเว็บไซด์และเวบกราฟฟิค ในปี 2547 มท.สามารถให้บริการ

ในระบบอินทราเน็ต กรมฯจะใช้ระบบการรับส่งงานทางอีเมล์และมีการเช็คเมล์ทุกวัน

*อัพเดทข้อมูลครั้งที่ 3 เมื่อเวลา 09.45 น

ภารกิจที่ต้องทำ

1.ตั้งคณะทำงานออกแบบและพัฒนาระบบสารสนเทศ

2.ตั้งคณะทำงานย่อย รับผิดชอบภารกิจสำคัญที่สำคัญต้องมีเว็บบอร์ดรับความคิดเห็น

3.การนำข้อมูลขึ้น website และการประชาสัมพันธ์

4.ตรวจสอบและติดตามผล ภายหลังจากการจัดทำ web site เช่นทำหน่วยบับ ฯ

ประโยชน์ที่คาดว่าจะได้รับ

1.จว.มีช่องทางการนำเสนอข้อมูล

2.มีเว็บไซด์ของจังหวัด

3.มีเว็บมาสเตอร์ที่ดูแล

4.สามารถรับส่งข้อมูลผ่านทางอินทราเน็ต

5.กรมฯและจว.สามารถรับส่งข้อมูลผ่านทางอินเตอร์เน็ตได้

6.นำเสนอข้อมูลเร็วและถูกต้อง

*อัพเดทข้อมูลครั้งที่ 4 เมื่อเวลา 10.00 น. (ข้อมูลขอบคุณอีเมล์จากลำพูน)

สรุปโอวาทได้รับมอบหมายงานจากรองฯ จารุพงศ์ พลเดช

1. ต้องเป็นหลักในการจัดทำศูนย์ปฏิบัติการระดับจังหวัด CDDOCศุนย์ข้อมูล

2. ส่งเสริมการจัดทำเว็บไซต์ในระดับตำบลให้ได้

3. ส่งรายงานให้รองฯทุกวัน เพื่อประเมินผล

4. ต้องดำเนินการให้ได้ ไม่ให้อ้างความไม่สะดวก เนื่องจากอาศัยเครือข่าย สป.

หากเครือข่าย สป.ไม่ดี ต้องหาทางอื่น ไม่ต้องรอ

5. รองฯ จะส่งหนังสือราชการจากกรมฯ มาให้จังหวัด ในระบบ e-mail

6. กรมฯ จะอนุมัติให้เครื่องคอมฯพร้อมเครื่องฉาย พริ้นเตอร์ ให้เขต,จังหวัด,อำเภอละ 1 เครื่อง

7. เปลี่ยนหน้าเว็บทุก 3 เดือน

8.มอบให้ผู้เข้าการฝึกอบรมเป็นเชนเตอร์ให้เผยแพร่ถึงระดับตำบล

*อัพเดทข้อมูลครั้งที่ 5 เมื่อเวลา 10.30 น

ผอ.สำนักคอมพิวเตอร์ กล่าวต้อนรับในฐานะเจ้าของสถานที่และเป็นเจ้าของวิทยากร แนะนำสถานที่และเครื่องอำนวยความ

สะดวก

-พักเบรค

*อัพเดทข้อมูลครั้งที่ 6 เมื่อเวลา 10.53 น.

-บรรยายโดย อ.ทักษะ บุนนาค เรื่องการออกแบบและสร้าง web site ด้วย Adobe Photoshop 7& Mc dreamweaver MX

เริ่มที่ introduction ในการทำเว็บไซด์

the internet power
-power of E
-world libray
-community
-business Opportunity

องค์ประกอบเว็บไซด์ที่ดี
-ความเรียบง่าย
-ความสม่ำเสมอ
-ความเป็นเอกลักษณ์
-เนื้อหาที่เป็นประโยชน์
-ใช้งานง่าย
-มีลักษณะน่าสนใจ
-ไม่มีข้อจำกัด
-มีมาตราฐานและคุณภาพ
-ความถูกต้องและแน่นอน

ปัจจัย 4 นักท่องอินเตอร์เน็ต
1.เว็บไซด์ต้องมีเนื้อหาที่เป็นประโยชน์ตรงกับความต้องการผู้ใช้
2.มีการปรับปรุงเพิ่มเติมเนื้อหา เพิ่มเติมอยู่เสมอ
3.แสดงผลได้เร็ว ใช้เวลาในการดาวน์โหลดน้อย
4.การใช้งานที่สะดวก เข้าใจง่าย

การเริ่มต้นออกแบบเว็บไซด์
-ตั้งวัตถุประสงค์และเป้าหมาย
-สร้างโครงสร้าง site mape
-พัฒนาตามโครงสร้าง
-ทดลองใช้งาน
-นำขึ้นใช้งานจริง
-เก็บ feed back

*พักเที่ยง

*อัพเดทข้อมูลครั้งที่ 7 เมื่อเวลา 13.05 น

การสร้างและออกแบบ web graphic ด้วย photoshop 7

-การก็อปปี้อิมเมจจากแลน(entire network)เพื่อนำมาใช้ใน photoshop 7

-องค์ประกอบ และการใช้งาน photoshop 7 จากการปฏิบัติจริง การสร้างเลเยอร์ เพื่อใช้อิมเมจประกอบ

การทำเว็บไซด์ แนะนำการเซฟภาพควรเป็นนามสกุล jpg หรือ gif โดยมีข้อสังเกตุคือ jpg จะเป็นภาพ

เหมือนจริง ส่วน gif จะเป็นประเภทภาพกราฟฟิค และแนะนำการเซฟแอสฟอร์เว็บ โดยโปรแกรมโฟ้โต้ชอฟ

จะช่วยลดขนาดได้มากเหมาะสำหรับทำเว็บ การใช้ tool ทั้งหมด วิธีการโคลนนิ่งภาพ วิธีการแต้มรอยด่างของภาพ

การบัด(วาด) การลบสี background การเทสี การ์เดี้ยนสร้างสีสันให้กับภาพ การใช้ text การใช้ font ฝึกปฏิบัติจริง

*อัพเดทข้อมูลครั้งที่ 8เมื่อเวลา 14.35 น

พักเบรค..

ต่อด้วยการทำเอฟเฟคให้กับเลเยอร์ จากงานที่ทำไว้โดยการก็อปปี้เลเยอร์ แล้วดำเนินการกับเอเฟคสไตล์ในรูปแบบต่างๆ

เช่นการทำแสงเงา การทำภาพให้ลอย การทำให้ภาพแตกเหมือนลายหิน ฯลฯ และการทำปุ่ม buttom เอาไว้ใช้งาน

ตัวอย่างภาพจากโปรแกรม

มอบภารกิจ ทำโลโก้ของตนเองหรือหน่วยงาน ขนาด 100*100 pixels เพื่อใช้ประกอบการเรียนการทำเว็บไซด์วันพรุ่งนี้

และให้ทำปุ่ม buttom -ชนาด 100*50 pixel รวมถึงให้ทำไซด์แมบเว็บไซด์ของตน ปล่อยให้ทดลองและฝึกหัดจนหมดเวลา

อัพเดทครั้งที่ 9 เมื่อเวลา 16.00 น

แบ่งปันโลกไอทีสดๆจาก ม.ธรรมศาสตร์โดย พช.เชียงใหม่ ขอบคุณกรมการพัฒนาชุมชน ช่วยขยายผลแบ่งปันให้เพื่อนจังหวัดอื่นๆ

ต่อวันที่ 6 มกราคม 2546