คลิป ภัยเงียบจากโลกไซเบอร์

LinK

http://www.thaitube.in.th/Contest/DetailContest_BypassRound1.aspx?ContentID=1787&v=1787.flv&ActivityID=4&ActiDetID=11&round=1

หน้า Web

โครงสร้างเว็ปแนวนอน

ขนาดของหน้าเว็ป 1024*768 px

การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ

ส่วนหัว ชื่อเว็ป , LOGO , ไดเรกทอรี , ลูกค้า WEB , อุปกรณ์สำนักงาน , การเขียนโปรแกรมและทดสอบ , ระบบปฏิบัติการ , ข่าวผู้หลิต , ค่าใช่จ่ายและการลงทุน , ANIT –VIRUS , บริษัท , แฮกเกอร์
ส่วนกลาง ตัวอักษรต่างๆ , ข้อความ , รูปภาพ
ส่วนท้าย สงวนลิขสิทธิ์

ตำแหน่งของเมนู แถบเนวิเกชั่น อยู่ข้างบนทางด้านซ้าย ใช้เมนูแบบ Hiperlink

ลักษณะของเมนู รูปแบบของตัวอักษร


การแบ่งหมวดหมู่

ชื่อเว็ป
LOGO
ไดเรกทอรี
ลูกค้า WEB
อุปกรณ์สำนักงาน
การเขียนโปรแกรมและทดสอบ
ระบบปฏิบัติการ
ข่าวผู้หลิต
ค่าใช่จ่ายและการลงทุน
ANIT –VIRUS
บริษัท
แฮกเกอร์

สีสำหรับเว็บไซต์

สีหลัก เขียวหัวเป็ด

สีพื้นหลัง เป็นสีโทนอ่อน มีรูปภาพแทรกไม่เยอะ

สีโดยรวม เป็นสีที่เข้ากับ theme หลัก

สีกับหมวดหมู่ หัวข้อหลัก=สีเขียวหัวเป็ด, หัวข้อย่อย = สีเขียวหัวเป็ด
การใช้ตัวอักษร+ภาพ+ออกแบบwebsite

สีตัวอักษรเนื้อหา เป็นสีเขียวสะท้อนแสง
ลักษณะตัวอักษร หัวข้อหลัก ขนาด 20 สีเขียวอ่อน , หัวข้อย่อย ขนาด 18 สีเขียวอ่อน

ภาพ เป็นภาพการ์ตูนต่างๆ ที่เข้ากับเนื้อหาภายในweb

ตำแหน่งของภาพ ซ้าย

ขนาดของภาพ เป็นภาพ JPG

โครงสร้างหน้าเว็ปแบบแนวตั้ง

ขนาดของหน้าเว็ป 800 *600 px

การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ

ส่วนหัว ชื่อเว็ป , LOGO , หน้าหลัก , กลิตเตอร์ , คลิปวีดีโอ , ดูทีวี , วอดเปเปอร์ , เนื้อ PR , ร้านเหรียญ ,เล่นเกมส์ , ซื้อหวย , โปรโมท , แลกเงิน , ฝาก
ส่วนกลาง ตัวอักษรต่างๆ , ข้อความ , รูปภาพ
ส่วนท้าย ตอบกระทู้ , โพสกระทู้ , ชื่อเวป

ตำแหน่งของเมนู แถบเนริเกชั่น อยู่ข้างบนสุด

ลักษณะของเมนู รูปแบบของตัวอักษร

การแบ่งหมวดหมู่ หน้าหลัก
กลิตเตอร์
คลิปวีดีโอ
ดูทีวี
วอดเปเปอร์
เนื้อ PR
ร้านเหรียญ
เล่นเกมส์
ซื้อหวย
โปรโมท
แลกเงิน
ฝาก

สีสำหรับเว็บไซต์

สีหลัก เป็นสีชุดเดียว

สีพื้นหลัง เป็นสีโทนอ่อน มีรูปภาพแทรกไม่เยอะ

สีโดยรวม เป็นสีที่เข้ากับ theme หลัก

สีกับหมวดหมู่ หัวข้อหลัก=สีชมพูเข้ม , หัวข้อย่อย = สีชมพูอ่อน

การใช้ตัวอักษร+ภาพ+ออกแบบwebsite

สีตัวอักษรเนื้อหา เป็นสีดำอ่อน

ลักษณะตัวอักษร หัวข้อหลัก ขนาด 20 สีดำอ่อน , หัวข้อย่อย ขนาด 18 สีดำอ่อน

ภาพ เป็นภาพการ์ตูนต่างๆ ที่เข้ากับเนื้อหาภายในweb

ตำแหน่งของภาพ ซ้าย-ขวา-กลาง

ขนาดของภาพ เป็นภาพ JPG และ Gif

การใช้สื่อประสมสำหรับwebsite

ภาพเคลื่อนไหว เช่น LOGO,ปุ่มหลัก

เสียงเพลง

LOGO

LOGO

LOGO

องค์ประกอบการออกแบบ (ELEMENT OF DESING)

องค์ประกอบการออกแบบ (ELEMENT OF DESING)



วงจรสี,สี
-hue แปลว่า อะไร เนื้อสี
-stion แปลว่า อะไร ความจัดจ้าน,ความสด
-value แปลว่า อะไร ค่าน้ำหนักของสี



ระบบของสี
-CMYK ระบบที่ใช้ในการพิมพ์
Cyan (C)
Magenta (M)
Yellow (Y)
Black (K)





-RGB ระบบที่ใช้ในจอภาพ
RED (R)
Green (G)
Blue (B)



หลักการเลือกสี (COLOR COMBINATION)

-MONOCHROMATIC
การใช้สีเดียว สร้างความแตกต่างด้วยระดับความมืด-สว่างของสี
-TRIADS
การใช้สี 3สีจากคู่สีตรงข้ามกันเพื่อสร้างความแตกต่าง
-ANALOGOUS
การใช้สีใกล้เคียงกัน โดยเลือกจากสีที่อยู่ถัดไปอีก 2-3สี สามารถสร้างความกลมกลืนได้ดิ
-COMPLEMENTARY
การใช้สีตรงกันข้ามกัน สามารถช่วยเน้นความโดเด่นได้ดี ควรใช้สีดำหรือเทา เพื่อลดความรุนแรงของสี
นอกจากนั้นการใช้สี 2สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากัน ดังนั้นจึงควรลดความเข้มของสีหนึ่งลง
-SPLIT-COMPLEMENTS
การใช้สีแบบผสม เป็นการผสมผสานระหว่างสีโทนร้อนและเย็น โดยเริ่มจากการเลือกสีใดสีหนึ่ง และจับคู่กัอีก 2สี ในแทบสีตรงกันข้ามกัน

การใช้ตัวอักษร

การใช้ตัวอักษร
Typo
ความหมาย
"TYPOGRAPHY"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร

"FONT (TYPEFACES) "
ชุดรูปแบบของตัวอักษร

"FONT FAMILIES"
ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง ฯลฯ

Typo
ส่วนประกอบ

Typo
ขนาด

Typo
ประเภท

+ Sans Serif (ไม่มีเชิง)



+ Serif (มีเชิง)


+ Script (ลายมือ)


+ Monospace (เป็นบล็อค , เป็นช่องๆ)



+ Novelty (แฟชั่น , ตกแต่ง , ประดับ)




+ Dingbat , Ornament (รูปสัญลักษณ์)



Typo
การจัดตำแหน่ง

Typo
การผสมอักษร
1.ตัวอักษรไม่มีขาตัวหนาผสมกับตัวอักษรมีขาตัวบาง ตัวอักษรทั้งสองแบบ มีความแตกต่างด้วยน้ำหนักและขนาด ทำให้เกิดความโดดเด่นได้ง่าย
2.ตัวอักษรมีขาตัวหนาผสมกับตัวอักษรไม่มีขาตัวบาง การผสมอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้ง่าย
3.ตัวอักษรไม่มีขาผสมกับตัวอักษรมีขา การผสมอักษรแบบนี้ไม่มีจุดเด่น เนื่องจากตัวอักษรทั้งสองแบบไม่มีความแตกต่างกันด้วยน้ำหนัก // ไม่ควรใช้ !
4.ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
5.เช่นเดียวกัน การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย

Typo
การปรับระยะห่าง

โครงสร้าง สื่อการเรียนการสอน Word 2007

คลิปตัวเอง

คลิปVDO ของฉัน

ชื่อ- สกุล สิรภพ ชนะบุญ

ชื่อเล่นชื่อ กอล์ฟ อายุ 19 ปี

ที่อยู่ 603/868 หมู่บ้านเพชรเกษม2 แขวง บางแค เขต บางแค กรุงเทพ

เบอร์โทร 0825844700 E-Mial My_golf2005@hotmail.com

นิสัย ร่าเริง แจ่มใส เข้ากับเพื่อนได้ง่าย

อนาคต อยากเป็น โปรแกรมเมอร์

ประสบการณ์ทำงาน เคยทำงานที่บริษัท ARIT

การสร้างสื่อการเรียนการสอน Word เบื้องต้น

MICROSOFT WORD 2007
WORD 2007 @ IT.SIAM UNIVERSITY



ชื่อโครงการ การทำสื่อการเรียนการสอน Microsoft Wrod2007เบื้องต้น

ข้อมูลและลักษณ์โครงการ

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

ปัญหา

-เด็กสมัยใหม่ ใช้ ฟังก์ชั่นใหม่ของ Microsoft Word 2007 ไม่เป็น

-เด็กไม่ทันกับเทคโนโลยีสมัยใหม่

จุดมุ่งหมาย

-เพื่อให้เด็กสามารถเรียนรู้ขั้นตอนในการใช้ฟังก์ชั่น Microsoft Word 2007 เป็น

กลุ่มเป้าหมาย

-พ่อแม่ของเด็กอายุระหว่าง 7-18 ปี ทุกเพศทุกวัย สถานภาพ แต่งงาน รายได้ 5000-10000

-บุคคลที่สนใจเกี่ยวกับการใช้ฟังก์ชั่นโปรแกรม Microsoft Word 2007



แนวคิด

ทำการบ้าน.....ง่ายนิดเดียว


อารมณ์และความรู้สึก

-อยากรู้อยากเห็น , กระตือรือร้น , ซนๆ



สามเหลี่ยมวิเคราะห์หลักการออกแบบ


รูปแบบและการนำเสนอ

CAI , E-leaning , Game , CD-ROM

จำนวนและปริมาณงาน

E-leaning , Web

สื่อการเรียนการสอน CAI

การสร้างสื่อการเรียนการสอน Word เบื้องต้น นี้ เป็นด้านของการศึกษา CAI

เป็นรูปแบบสื่อการเรียนการสอนแบบ CD Rom
หน้าเวป

Program Camfrog

Program Camfrog เป็นโปรแกรมที่ทำให้เราสามารถ หา เพื่อนได้เยอะ แล้วยังทำให้เราสามารถเป็น
ดีเจได้ด้วย โปรแกรม แคมฟรอก ยังทำไห้เราสามาถได้เงินเข้ามาอีกด้วย

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

Program Camfrog มีทั้งข้อดีแล้วก็ข้อเสียมากมาย อยู่ที่ว่า เราจะใช้มันเป็นหรือป่าว ถ้าใช้ในทางที่ผิดก็จะทำให้เราเสียการเรียนไปได้เลย