โครงการฝนหลวง My Map

โครงงานวิชาคอมพิวเตอร์เรื่อง ฝนหลวงจัดทำโดย1. ด.ช.อธิศ สุธัมนาถพงษ์ 4/2 เลขที่ 342. นาย พณิต สงวนหมู่ 4/1 เลขที่ 24
1.หลักการและเหตุผลเนื่องจาก พระบาทสมเด็จพระเจ้าอยู่หัว ทรงมีพระราชกรณียกิจมากมาย และล้วนน่ายกย่อง โดยเฉพาะ โครงการพระราชดำริฝนหลวง ที่ช่วยเกษตรกรในทางภาคเหนือจากภัยแห้งแล้งมากมาย ซึ่งเป็นบุญคุณอันใหญ่หลวงสำหรับเกษตรกรที่ยากจนอย่างยิ่ง ฉะนั้น เราควรนำข้อมูลมาเสนอ และให้ความรู้ในรูปแบบเว็บไซต์ เพื่อให้เหล่าปวงชนที่ไม่ทราบถึง ความสำคัญของฝนเทียม ได้รับข้อมูลและเข้าใจในโครงการของในหลวงอย่างลึกซึ้ง

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

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

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

5.เครื่องมือที่ใช้
1. โปรแกรมคอมพิวเตอร์ต่างๆ เช่น Macromedia Dreamweaver
2. แหล่งข้อมูลต่างๆบนอินเตอร์เน็ท

ข้อดีข้อเสียของCSSและการทำ

การทำCSSของMacromedia Dreamweaver8 ค่อนข้างง่าย
วีธีทำ กดตรงแถบWindows แล้วเลือกอันที่3หรืออันที่มีเขียนไว้ว่าCSS
พอเลือกเสร็จจะมีตรงขวาบนจะมีCSS Stylesอยู่ ให้เรากดตรงAllถ้ามันยังไม่เลือกแล้วให้สังเกตุจะมีปุ่ม เป็นกระดาษพร้อมเครื่องหมายบวกอยู่ให้เรากดเข้าไป
ให้เราเลือกชื่อCssแล้วเลือกว่าเอาแบบไหน(แต่เอาแบบClassจะดีกว่าเพราะเบสิกมากกว่า)
พอกดOKแลว สิ่งที่จะขึ้นมามีดังนี้
1.Type จะเป็นการเลือกตัวเขียน สี และตัวFontที่เราจะทำ
2.Background สามารถเลือกสีข้างหลังของตัวอักษรได้หรือไม่ก็สามารถเลือกรูปแทนได้
3.Blockจะมีให้เลือกต่างๆ ช่องว่างระหว่างคำหรือตัวอักษร
4.Boxเหมือนคล้ายๆLayOut
5.Border สร้างเป็นกรอบรอบนอกของตัวอักษร สารถสร้างเป็นสีต่างๆได้
6.List ไว้เซื่อมต่อรูปภาพหรือลิงค์ต่างๆ
7.Positioning ตำแหน่ง
8.Extensions เหมือนตัวเคลื่อนที่ไปมา

วีธีการใช้ ให้เราพิมตัวอะไรก็ได้ แล้วครอบตัวอักษรที่เราเขียนไว้แล้วกดตรงCSSแล้วเลือกตัวที่เราสร้างไว้แล้วกดคลิกซ้ายแล้วApply
แล้วเราก็จะได้Fontที่เราได้ติดตั้งตั้งแต่แรกของCSS

ข้อดี
1.สะดวกต่อการเปลี่ยนตัวอักษร
2.สามารถเปลี่ยนได้อย่างรวดเร็ว
3.ตัวอักษรมีความหลากหลาย
ข้อเสีย
1.ทำให้เปลืองเนื้อที่มากขึ้น
2.การมีCSSในเว็บทำให้เปลี่ยนขนาดในเว็บไม่ได้

ดูเพิ่มเติมได้ที่http://www.thaicss.com/css_online.php

ข้อดีข้อเสียในFrame

ข้อดี
1.สะดวกต่อการผู้สร้างเว็บ เพราะจะได้ไม่ต้องสร้างลิงค์ทุกหน้า
2.ทำให้ผู้ดูเว็บของผู้สร้างสามารถกดลิงค์ดูภาพได้สะดวกเหมาะกับเว็บอ่านการ์ตูนต่างๆ
3.ทำให้ไม่ต้องกดหาหน้าเว็บที่มีลิงค์ถ้าผู้ทำไม่ได้ทำ
ข้อเสีย
1.ทำให้การโหลดนานขึ้น
2.ถ้าทำมากๆทำให้เกิดการรกทำให้ดูไม่ค่อยสวยขึ้น

ถ้าผมจะทำFrame?
ผมทำครับ มันสะดวกต่อการทำมากกว่า แต่ผมจะทำแค่2-3Frameครับ

FrameในDreamweaver8

Frame นั่น? มีไว้เพื่ออะไร


เพื่อการสะดวกการกดหน้าต่างๆโดยไม่ต้องรอโหลดนานๆ สามารถกดแล้วจะโผล่มาหน้าเดิมโดยที่แถบMenuที่เราเลือกลิงค์ยังอยู่


เช่น การเลือกรูป ถ้าต้องการดูรูปแต่ไม่อยากให้ตัวลิค์ไปยังรูปต่างๆหายไปก็ใช้Frame แสดงว่า Frameสามารถเก็บรายลิงค์รูปภาพไว้ให้อยู่ เมื่อเรากดลิงค์ที่Frameจะสามารถดูรูปได้โดยที่รายชื่อลิงค์ของรูปยังอยู่

ดังรูปด้านซ้ายจะเป็นFrameด้านขวาจะเป็นตัวแสดง
ถ้าเราใส่รายลิงค์ตรงด้านซ้าย แล้วลองกดเข้าไปรูปภาพที่ลิงค์ก็จะสามารถแสดงออกมาทางด้านขวาได้ รวมถึงทั้งเนื้อหาต่างๆก็สามารถออกมาทางด้านขวาด้วย
ก็ถือว่าทำให้สะดวกอีกแบบหนึ่ง สำหรับผู้ทำ เพราะผู้ทำไม่ต้องสร้างรายลิงค์ทุกหน้า เพียงแค่สร้างFrameแค่นั่นเอง!!!!

[Form]ทำไรได้?

Formสร้างแล้ว สามารถ จัดรูปประกอบการตั้งคำถามในเว็บได้ สามารถทำแบบสอบถามผ่านเว็บอินเตอร์เน็ทได้ ทำให้ผู้อื่นได้รับรู้ว่าเราได้ถามอะไรแล้วคำตอบที่ถูกต้องคืออะไรบ้าง
ส่วนประกอบของForm
1.Form
2.Text Field
3.Hidden Field
4.Textarea
5.CheckBox
6.Redio Button
7.Radio Group
8.List/Menu
9.Jump Menu
10.Image Field
11.File Field
12.button
13.Label
14.Fieldset
ซึ่งตัวหลักๆของFormมีแค่ข้อ1 2 4 5 6 7 8 12 13 เป็นหลักๆ
แต่ถ้าอยากจะเพิ่มเติมอาจจะใช้ตัวอื่นก็ได้
และสามารถลองตรวจCodeหรือลองทำได้ที่เว็บhttp://www.internetraining.com/Templates/CKQuiz/index.html

สรุป ความรู้ที่ได้

ครั้งนี้ ผมได้รับรู้เกี่ยวกับโปรแกรมการทำเว็บไซด์ Macromedia Dreamweaver 8
ทำให้ผมอาจจะเอาไปใช้ในอนาคตได้
เช่นการออกแบบต่างๆ การสร้างตารางต่างๆ หรือแม้กระทั่งการLinkเว็บต่างๆในรูปภาพหรือการสร้างlink

และการทำBlog ของตัวเองซึ่งเป็นครั้งแรกซะด้วย
คาดว่า การเรียนรู้Blog นำเอาไปใช้งานได้มากที่สุดแล้ว
เพราะได้รู้เว็บไซด์ต่างๆที่มีBlogฟรีๆต่างๆ และสามารถนำงานในอนาคตที่ของตัวเองทำมาโพสในBlogได้อีกด้วย

และการดูCommentต่างๆหรือการเขียนComment นี้การดูคนมาตอบนี้ทำให้ผมปรับปรุงได้ขึ้นอีกนิดๆหน่อยๆ แต่ยังไม่ถึงกับขั้นปรับปรุงอย่างรวดเร็ว
แล้วการเขียนComment ทำให้ผมวิจารณ์คนอื่นได้ค่อนข้างดีขึ้นมาอีกนิดๆหน่อยๆ

การตัดต่อของผมอาจจะไม่ค่อยดูดีหน่อย แต่การอ่านCommentของเพื่อนๆ ทำให้ผมพอมีกำลังใจขึ้นมาบ้าง

และงานกราฟฟิกต่างๆทำให้ผมรู้จักขึ้นมาค่อนข้างเยอะ เกี่ยวกับงานศิลปะในคอมพิวเตอร์นี้ ซึ่งผมไม่ค่อยรู้จักมาก่อน

โดยสรุปแล้ว ผมว่า วิชานี้ ผมอาจจะนำไปใช้ในอนาคตได้ เช่นการทำเว็บในBlogหรือMacromedia Dreamweaver 8 และงานกราฟฟิกต่างๆ
ผมคาดว่า แม้ผมอาจจะได้ความรู้น้อยนิดกว่าคนอื่นแต่ผมยังนำไปใช้ในอนาคตอันเล็กของผมได้ครับ