บันทึกโครงการฝึกอบรมความรู้การสร้างและออกแบบเว็บเพจด้วยโปรแกรม
Mc Dreamweaver MX และ web graphic แบบชั่วโมงต่อชั่วโมง (ต่อวันที่ 6 มกราคม 2546)
*อัพเดทข้อมูลครั้งที่ 1 เมื่อเวลา 08.10 น วันที่ 6 มกราคม 2547
-ผู้เข้าอบรมว่าที่เว็บมาสเตอร์ทุกท่าน เตรียมตัวตั้งแต่เช้าต่างเข้าห้องเรียนก่อนกำหนดเพื่อมาเตรียมงานตามภารกิจมอบหมาย
คือเตรียมไซด์แม็ป โลโก้หน่วยงาน และปุ่ม ดังตัวอย่าง
(โลโก้),buttom
และsite map
-ทบทวนโปรแกรม Photoshop 7 เน้นย้ำ object ทุกงานต้องทำ layer เสมอ เพราะเป็นหัวใจสำคัญในการปรับปรุงแก้ไข
ส่วนเทคนิคอื่นๆขอให้ทบทวนและหมั่นศึกษาเนื่องจากมีเยอะมาก หลายพันเทคนิค
อ.ทักษะ บุนนาค แนะนำให้ดูเว็บไซด์ www.ibm.com เพราะการอินเตอร์ในการเซ็ตรูปแบบแสตนดาร์ด ในกรณีเป็นองค์กร
เดียวกัน ก็แนะนำว่ากรมฯสามารถดำเนินการในจุดนี้ได้หรือไม่
*อัพเดทข้อมูลครั้งที่ 2 เมื่อเวลา 09.14 น วันที่ 6 มกราคม 2547
นำสู่บทเรียนโปรแกรม MC dreamweaver MX
-สร้างเว็บเพจด้วย MC dreamweaver MX - ลักษณะจอภาพการทำงาน -การกำหนดค่าพื้นฐานที่จำเป็น - กำหนดภาษาไทย
-ไฟล์เอกสาร html - ฟังก์ชั่นต่างๆ - การจัดการไซด์ - การจัดการกับไฟล์เอกสารเว็บ -ตั้งค่าเอกสารเว็บ -การพิมพ์ข้อความ
*อัพเดทข้อมูลครั้งที่ 3เมื่อเวลา 10.07 น วันที่ 6มกราคม 2547
และการเรียนการสอนผู้เข้าอบรมต้องปฏิบัติตามไปด้วย โดยเริ่มปฏิบัติตั้งแต่การการจัดการไซด์ของตนเอง สร้างโพเดอร์ สร้าง
ไฟล์ กฏเหล็กไฟล์แรกที่จะต้องตั้งชื่อคือ index.html ,index.htm - /ฝึกปฏิบัติการโอนย้าย images การเซ็ต pageproperties
การทดสอบภาษาไทย ,ดูโค็ต HTML (พักเบรค)
*อัพเดทข้อมูลครั้งที่ 4เมื่อเวลา 11.11 น วันที่ 6 มกราคม 2547
-เทคนิคการใส่ภาพ ทิปภาพในเว็บไซด์ควรเป็นขนาดเล็กและในตระกูล Jpg ภาพจะลดขนาดได้แต่ขยายไม่ได้เพราะภาพจะแตก
ฝึกปฏิบัติการใส่คำอธิบายที่รูปภาพ การทำลิงค์ ไฮเปอร์เทคลิงค์ทั้งลิงค์ภายในและภายนอก วิธีลิงค์ควรทำลิงค์กลับหน้าแรกด้วย
ลิงค์ภายใน page (พักเที่ยง)
ตัวอย่าง
*อัพเดทข้อมูลครั้งที่ 5เมื่อเวลา 12.56 น วันที่ 6 มกราคม 2547
-แจ้งท่านสามารถดาวน์โหลดpowerpiontพิธีเปิดการอบรมเว็บไซด์จากเว็บไซด์กรมฯที่ http://www.cdd.go.th/itc/p470106.zip(คลิ๊ก)
-ทบทวนบทเรียนจากตอนเช้าเกี่ยวกับการลิงค์จากไฟล์ต่อไฟล์ภายใน ลิงค์จากรูปภาพ การลิงค์ภายนอก การใส่หมุดลิงค์หน้าเดียว
กันในบางท่อน การใส่อิมเมจแบบ rollover image การทำรายการ(list) การเพิ่ม การเพิ่มเส้นกราฟฟิค การจัดการตาราง
*อัพเดทข้อมูลครั้งที่ 5เมื่อเวลา 13.59 น วันที่ 6 มกราคม 2547
-การทำเลเอ๊าท์แก่เว็บไซด์ มี 4 แบบ ส่วนองค์กรราชการควรใช้แบบที่ 1 กับ 2 คือ
1.แบบท็อปกับbuttom (บนกับล่าง)คือมีส่วนhead กับ body ส่วนใหญ่ใช้กับการให้
ข้อมูล องค์กรธุรกิจชอบใช้ อาจจะมีเมนูกั้น จะมีพื้นที่เยอะ แต่ไม่ควรเกิน 3 คอลัมน์ โลโก้มักจะอยู่ซ้ายมือ การโหลดของเว็บไซด์
มักโหลดจากซ้ายมาขวาและจากบนลงล่าง แบบนี้ส่วน head ไม่ควรเกิน 20 % ของหน้าเพจ ตัวอย่าง
2.แบ่ง 3 ส่วน โลโก้มักอยู่ด้านขวามือ ตัวอย่าง
3.แบบแบ่ง 2 ส่วน นิยมในการเขียนข่าว ตัวอย่าง
4.แบบกราฟฟิค นิยมใช้ในการโขว์ภาพกราฟฟิค ตัวอย่าง
-ทดลองฝึกปฏิบัติโดยการทดลองออกแบบหน้าเว็บเพจของตนเองตามแบบที่ตนเลือก การเซ็ตค่า table การทำงานกับตาราง
โดยอาศัย properties การทำ table ซ้อน table การ merge และ split cell ตัวอย่าง
*อัพเดทข้อมูลครั้งที่ 6 เมื่อเวลา 15.17 น วันที่ 6 มกราคม 2547
-การสร้างเฟรมแบบต่างๆ ตัวอย่างการวางแผนการสร้างเอกสารเว็บแบบเฟรม การควบคุมเฟรม และทดลองปฏิบัติจริงซึ่ง
ทุกท่านให้ความสนใจมากที่สุด เนื่องจากเป็นเรื่องที่ค่อนข้างยากและสามารถทำให้โชว์หน้าเดิมแต่เปลี่ยนข้อมูลเท่านั้นเอง
ซึ่งต้องมีความเข้าใจการเซฟเฟรมแต่ละเฟรม ว่าที่เว็บมาสเตอร์มีความตั้งใจมาก และวันนี้คาดว่าจะอยู่เรียนจนถึง 5 โมงเย็น
ซึ่งได้รับความยินยอมจาก อ.ทักษะ บุนนาค เป็นที่เรียบร้อย
*อัพเดทข้อมูลครั้งที่ 7เมื่อเวลา 16.14 น วันที่ 6 มกราคม 2547
-ฝึกปฏิบัติการสร้างไฟล์เอกสารและทดลองลิงค์จากหน้าเว็บเพจที่สร้างจากเฟรม (ตัวอย่าง)
*อัพเดทข้อมูลครั้งที่ 8เมื่อเวลา 16.42 น วันที่ 6 มกราคม 2547
-ทบทวนจากการเรียนการสอนทั้ง 2 วัน ทั้งโปรแกรม photoshop 7 & MC dearmweaver MX แบบเก็บตก และของแถม
การออกแบบหน้าเว็บจาก photoshop 7 และการตัดภาพเพื่อให้โหลดง่าย เพื่อนๆเราก็สามารถเรียนตามไปด้วยได้เลยหรือ
หาหนังสือหรือตำราเรียนตามหลักสูตรที่กล่าวมาทั้งหมด เพื่อเตรียมตัวในการสานต่อโครงการของกรมฯที่ต้องดำเนินการ
ขยายผลต่อไปอย่างแน่นอน แล้ววันพรุ่งนี้วันสุดท้ายก็คงเป็นเรื่องการอัพโหลดขึ้นเซิฟเวอร์ ก็ขอให้ติดตามซึ่ง พช.เชียงใหม่
จะนำเสนอแบบชั่วโมงแบบชั่วโมงตามเดิมครับ
แบ่งปันโลกไอทีสดๆจาก ม.ธรรมศาสตร์โดย พช.เชียงใหม่ ขอบคุณกรมการพัฒนาชุมชน ช่วยขยายผลแบ่งปันให้เพื่อนจังหวัดอื่นๆ