Learning Log 4

e LEARNING LOG f

วิชา ง30204 การพัฒนาเว็บไซต์ ภาคเรียนที่2 ปีการศึกษา 2550
อาจารย์ประจำวิชา อาจารย์ชยการ คีรีรัตน์
อาจารย์นิสิต กันตพงศ์ ปิ่นปัทมเรขา, อาจารย์นิสิต เพ็ญพัณณี จอเจริญพานิช
บันทึกประจำวันที่ 11/12/2550
ชื่อ-นามสกุล ด.ช.ทศพล ฐิติวรการ
ชั้น 2/1
เลขที่ 9

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้ ได้เรียนรู้การใช้ Scene , ได้เรียนการใช้ onion skin
- Edit Multiple Frames , motion Guide

ประโยชน์ที่จะนำไปใช้ในการทำงานกลุ่ม การสร้างเว็ปให้มีลูกเล่นด้วย Scene , onion skin
- Edit Multiple Frames , motion Guide

สิ่งที่จะไปค้นคว้าเพิ่มเติม จะค้นหาการทำภาพเคลื่อนไหวให้เนียนมากขึ้น

ข้อคิดเห็นเพิ่มเติม -
____________________________________

e LEARNING LOG f

วิชา ง30204 การพัฒนาเว็บไซต์ ภาคเรียนที่2 ปีการศึกษา 2550
อาจารย์ประจำวิชา อาจารย์ชยการ คีรีรัตน์
อาจารย์นิสิต กันตพงศ์ ปิ่นปัทมเรขา, อาจารย์นิสิต เพ็ญพัณณี จอเจริญพานิช
บันทึกประจำวันที่ …20…../….11.…/….50.….
ชื่อ-นามสกุล…ทศพล ฐิติวรการ………………
ชั้น……2/1…………………………………เลขที่…9………………….

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้ ได้รู้จักโปรแกรมFlash 8 มากขึ้น ได้รับความรู้พื้นฐานเกี่ยวกับโปรแกรมมากขึ้น ได้เรียนรู้การสร้างภาพเคลื่อนไหว สวยงามด้วยโปรแกรม flash8 โดยมีลูกเล่นต่างๆ

สิ่งที่จะไปค้นคว้าเพิ่มเติม หาความรู้เพิ่มเติมเกี่ยวกับภาพเคลื่อนไหว Flash 8

ข้อคิดเห็นเพิ่มเติม…………..-.......…………

ลอยกระทง

Learning Log 2

e LEARNING LOG f

วิชา ง30204 การพัฒนาเว็บไซต์ ภาคเรียนที่2 ปีการศึกษา 2550
อาจารย์ประจำวิชา อาจารย์ชยการ คีรีรัตน์
อาจารย์นิสิต กันตพงศ์ ปิ่นปัทมเรขา, อาจารย์นิสิต เพ็ญพัณณี จอเจริญพานิช
บันทึกประจำวันที่ …6…../….11.…/….50.….
ชื่อ-นามสกุล… ทศพล ฐิติวรการ……………………………………………
ชั้น……2/1……………………เลขที่…9…………

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้……ได้รู้จักโปรแกรมFlash 8 มากขึ้น ได้รับความรู้พื้นฐานเกีย่วกับโปรแกรมมากขึ้น
ประโยชน์ที่จะนำไปใช้ในการทำงานกลุ่ม… สร้างเว็บไซด์ที่มีสีสันสวยงาม และผมจะสร้างภาพที่สวยงามด้วโปรแกรม flash8
………………………………………………………..
สิ่งที่จะไปค้นคว้าเพิ่มเติม…-………………………………………………………………
ข้อคิดเห็นเพิ่มเติม…-………………………………………………………………………

e LEARNING LOG f

วิชา ง30204 การพัฒนาเว็บไซต์ ภาคเรียนที่2 ปีการศึกษา 2550
อาจารย์ประจำวิชา อาจารย์ชยการ คีรีรัตน์
อาจารย์นิสิต กันตพงศ์ ปิ่นปัทมเรขา, อาจารย์นิสิต เพ็ญพัณณี จอเจริญพานิช
บันทึกประจำวันที่ …13…../….11.…/….50.….
ชื่อ-นามสกุล…ทศพล ฐิติวรการ…………………
ชั้น……2/1……………………………เลขที่…9…………

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้……
ได้เรียนรู้การสร้างภาพด้วย……Ink Bottle Tool Eyedropper Tool Brush tool
Free Transform Tool และการสร้างรูปสี่เหลี่ยมให้มีมุมที่โค้งมน

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

Flash 8

การสร้างcss

1.กดที่New CSS Rule ในCSS Styles ที่อยู่ทางขวาของโปรแกรม

2.ตั้งชื่อCSSถ้าต้องการให้อยู่ในMy Documentให้เลือกThis document only
3.จากนั้นก็กดOk

My mapping

My mapping นี้จะแสดงเกี่ยวกับกลุ่มของเว็บต่างๆมี4กลุ่มคือ

1.เว็บคอมพิวเตอร์ มี 4 เว็บที่ผมสนใจ คือ

1.1 http://www.antthai.com/ ซึ่งเว็บนี้มีการออกแบบที่สวยงาม รวมเนื้อหาจัดได้เป็นระเบียบ

1.2 http://www.chip.co.th/ เว็ปนี้จะมีเนื้อหาคอมพิวเตอร์ที่อัพเดดอยู่ตลอด

1.3 http://www.quickpc.co.th/ มีการโฆษณาแสรกอยู่ระหว่างหัวข้อเรื่องต่างๆข่าวสารครบถ้วน

1.4 http://www.microsoft.com/ มีการบอกคุณสมบัติของวินโดวส์วิสต้าเวอร์ชั่นต่างๆ

2.เว็บรูปภาพมี 2 เว็บคือ

2.1 http://www.wallcoo.com/ เป็นเว็บที่เป็นของคนจีนมีรูปภาพมากกว่า10,000รูปเลยทีเดียว

2.2 http://www.showwallpaper.com/ เป็นเว็บที่มีภาพดาราเกาหลีจำนวนมา

3.เว็บ Browser ที่นิยมใช้กันคือ

3.1 http://www.google.com/ เป็นเว็บที่ค้นหาง่าย

3.2 http://www.wikipedia.com/ เป็นเว็ปที่มีเนื้อหาครบสมบูรณ์

3.3 http://www.yahoo.com/ เป็นเว็ปที่ค้นหาง่าย

3.4 http://www.madoo.com/ มีเว็ปBrowserให้ค้นหามากมาย

4.เว็บเกมส์ที่มีเกมส์มาก คือ

4.1 http://www.crazymonkeygames.com/ มีเกมส์มากมาย

4.2 http://www.miniclip.com/ มีเกมส์ Club Penguin ซึ่งสนุกมาก

การสร้างเฟรม

1.ไปที่Fileแล้วNewจากนั้นกดFramesetsจากนั้นเลือกตัวอย่างที่ต้องการ

2.กด Creat แล้วตั้งชื่อที่ Title ก็จะได้Frameออกมาให้เลือกกัน

การทำลิงค์รูปภาพ

1.เลือกรูปภาพมาวางไว้ในโปรแกรมDreamwaever

2.เลือกรูปแบบลิงค์ล่างช่องMap

3.กำหนดลิงค์ในส่วนที่ต้องการ

4.เขียนชื่อเว็ปที่จะลิงค์ไป แล้วEnter

5.กดF12เพื่อPreview

การทำลิงค์

การสร้างLink

1.พิมพ์ชื่อLink(เช่นwww.google.com)

2.เขียนชื่อลิงค์ที่ต้องการไปในช่องLinkข้างล่าง

3.กด F12 เพื่อ preview แล้วตอบYes

4.คลิ์กLink(www.google.com)จะได้หน้าต่างgoogleออกมา

การตกแต่งภาพในPhotoshop

ตัวอย่างการตกแต่งภาพในPhotoshop

รูปที่1

รูปที่2

รูปที่1และรูปที่2 เป็นการนำเอาสองรูปมาซ้อนกัน

จุดเด่นของทั้งสองภาพนี้คือ

-รูปที่1เหมือนมีนางฟ้ามาให้พร

-รูปที่2เมืนมีออกมาจากสุสานร้าง

รูปที่3

รูปที่4

รูปที่3และรูปที่4เหมือนกันทุกอย่าง ยกเว้นสี

จุดเด่นของทั้งสองภาพนี้คือ

-ทั้งสองรูปเดียวกันแต่ให้ความรู้สึกได้ต่างกัน

:วิธีการทำภาพซ้อนกัน:

- หาภาพ2ภาพมาจากInternet

- ใช้โปรแกรม Adobe Photoshop ขึ้นมา

- เปิดภาพทั้งสองภาพขึ้นมา

- นำภาพทั้ง2ภาพมาวางทับกัน

- ปรับ Opacity ภาพที่2ที่วางทับภาพแรก

- เข้าไปใน File > Save for web และปรับภาพให้เป็นไฟล์ GIP หรือ JPEG

- อัฟโหลดภาพขึ้นเว็ป

ตั้งแต่ยังเป็นเด็ก

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

การ์ตูนที่ชอบ

ฮ่าๆ........การ์ตูนที่ชอบคือ DRAGONBALL มาดูภาพกันน้า

ประวัติ

ชื่อ:ทศพล

นามสกุล:ฐิติวรการ

สีที่ชอบ:สีเขียว ดำ ขาว

อยู่โรงเรียน:สาธิตจุฬา ฝ่ายมัธยม ม.2/1

E-mail:earth-3005@hotmail.com

ว่างๆแอดมาบ้างน้า...........