♥ LEARNING LOG ♥

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

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้

ได้เรียนการทำแฟลช วาดรูปเล่น ลองทำมูฟวี
เรียนเรื่องบรัชแบบต่างๆมากมาย

ประโยชน์ที่จะนำไปใช้ในการทำงานกลุ่ม

ใช้ทำแบนเนอร์เวบไซต์ หรือมิวสิคเพลเยอร์เล็กๆ

สิ่งที่จะไปค้นคว้าเพิ่มเติม

การทำงานแฟลชที่แอดวานซ์มากขึ้น เช่น พวกอะนิเมชัน ฯลฯ

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

อยากเรียนลึกๆกว่านี้

________________________________________________

• LEARNING LOG •

วิชา ง30204 การพัฒนาเว็บไซต์ ภาคเรียนที่2 ปีการศึกษา 2550
อาจารย์ประจำวิชา อาจารย์ชยการ คีรีรัตน์
อาจารย์นิสิต กันตพงศ์ ปิ่นปัทมเรขา, อาจารย์นิสิต เพ็ญพัณณี จอเจริญพานิช

บันทึกประจำวันที่13/พ.ย./2550
ชื่อ-นามสกุล เชิญขวัญ ปัญหา
ชั้น ม.2/7 เลขที่ 5

สิ่งที่ได้เรียนรู้จากการเรียนการสอนในวันนี้
ได้รับความรู้เรื่องการทำขอบโค้งมนให้รูปสี่เหลี่ยม, การใช้ Free transform บิดรูป หรือ ขยายรูปไปในทิศทางต่างๆ การใส่ขอบให้ตัวอักษรที่เขียนจาก Brush Tool, การใช้ Eye Dropper Tool ฯลฯ

ประโยชน์ที่จะนำไปใช้ในการทำงานกลุ่ม
ประโยชน์ที่จะนำไปใช้ทำงานกลุ่ม คือ นำไปทำแบนเนอร์เว็บไซต์เป็นแฟลช (อาจจะเป็นแบบเคลื่อนไหว และไฟล์ขนาดเล็ก + เซฟแล้วไม่แตกเหมือนรูปไฟล์ .gif) หรือ ทำงานกราฟฟิคต่างๆใส่ในเว็บไซต์

สิ่งที่จะไปค้นคว้าเพิ่มเติม
การใช้งานแฟลช

ข้อคิดเห็นเพิ่มเติม
ไฟล์วิดีโอเล็กไป ดูไม่ค่อยรู้เรื่องเท่าไหร่ มองไม่เห็นรายละเอียด เช่น ขอบโค้งมนก็ไม่ค่อยชัด ฯลฯ

________________________________________________

= [ Mind Mapping : My Fav Website ! ] =

คำเตือน !! ผลงานชิ้นนี้เป็นผลงานชิ้นซุปเปอร์โบว์แดงของเจ้าของบล๊อกซึ่งอดตาหลับขับตานอนทำอยู่ประมาณ 3 ชั่วโมง (นานรึเปล่า ? - -)

ใครที่คิดเลวๆว่าจะเอาไปง่ายๆ ก็เลิกคิดซะ =[]= เพราะอิชั้นได้ใส่เครดิตไว้บนภาพเรียบร้อยแล้ว
ถ้ายังเห็นใครเอาไป ตายยยย =[]=/ โฮกกกกก


คลิกที่ภาพเพื่อดูรูปใหญ่บิ๊กเบิ้มมม

อยากจะบอกว่าทุกอย่าง ยกเว้น บีจี กับ รูปแคปเวบ ..
เขียนทั้งนั้นค่ะ เขียนเองล้วนๆ
ถ้าแปะๆไปชุ่ยๆ ไม่ถึง 2 ชั่วโมงก็คงเสร็จ
แต่นี่เราเขียน ! ทำให้กินเวลานาน แต่ก็คุ้มค่าความงาม (555 รึเปล่า)
การเขียนเส้นยุ่งๆนี่จงใจนะ - - ไม่ได้เขียนมั่วเขียนผิด
เป็นศิลปะที่เรียกว่า Scribble ซึ่งกำลังฮิตมากในทิปส์ฮาวทู (เวบขวาบน)
ข้าพเจ้าเองก็ได้รับการถ่ายทอดวิชามาจากที่นั้น
แต่ไม่เค้ยไม่เคยทำมาก่อน - - นี่เป็นครั้งแรกจริงๆคับผ้ม
ยังไงก็ติชมกันได้เสมอค่ะ ^^

• เวบไซต์ 1 •
http://www.suju-thailand.com

เวบนี้เป็นแฟนไซต์ในประเทศไทยของวงซูเปอร์จูเนียร์
(Super Junior / 수버주니아 คลิกลิ้งค์เพื่อไปหน้าวิกิ)
นักร้องวงบอยแบนด์จากแดนโสม ~
เป็นเวบไซต์ทีมีระบบเวบบอร์ดดี (ในหน้าฟอรัม)
จัดการเนื้อหาฟอรัมได้ดี ละเีอียดมาก (มีหลายฟอรัมมากๆ)
เหมาะเป็นเวบไซต์อย่างเป็นทางการของแฟนคลับชาวไทย

• เวบไซต์ 2 •
http://www.tipzhowto.com

เวบนี้เป็นเวบบอร์ดที่ให้คำแนะนำเรื่องโปรแกรมต่างๆ เช่น
Photoshop / Flash / Dreamweaver / Illustrator / etc.
เวบไซต์นี้เป็นเวบทีเขียนสคริปต์เวบบอร์ดได้ดี และมีหน้าตาสวยงาม
ให้คำแนะนำที่ดีต่างๆมากมายให้กับผู้ใ้ช้เวบอีกด้วย

• เวบไซต์ 3 •
http://www.exteen.com

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

• เวบไซต์ 4 •
http://www.thesims2club.net

เวบนี้เป็นเวบไซต์ีืของแฟนเกมซิมูเลเตอร์ชื่อดัง
" The Sims 2 "
ตอนนี้แม้ว่าระบบจะล่มอยู่ ..
แต่ก่อนหน้านก็ี้เป็นเวบไซต์ที่ดีมากเวบหนึ่ง
เพราะจัดสัดส่วนเวบได้ดี มีการลิ้งค์ไปหัวข้อต่างๆละเอียดดีมาก

= [ Godminam's Chain of Terror Events ] =

วันนี้ Japan's Picture ขอมานำเสนอภาพยนตร์เรื่องหนึ่งซึ่ง มีหลายชื่อ (อังกฤษ) มากมาย (คนแปลไม่เหมือนกัน = =)

• Godminam's Chain of Terror Events
• Flower Boy's Series of Terror Events
• Pretty Boys Serial Terror Events
• ฯลฯ

และยังมีชื่อภาษาไทยมากมายอีกด้วย ..

• คดีฆาตกรรมต่อเนื่องหนุ่มหล่อ
• เหตุการณ์สยองขวัญของหนุ่มหล่อ
• คดีฆาตกรรมหนุ่มหน้าสวย
• ฯลฯ

เป็นภาพยนตร์ที่ 12 หนุ่มวง Super Junior ร่วมแสดง (ขาดคยูกี้ไป 1 คน ว้า เศร้า ;( แง)
แนะนำตัวแสดงกันเล้ยย



เจ๊ซิน สุดสวย รับบท หัวหน้าชมรมแดนซ์ ~


ซีวอน รับบท ประธานนักเรียนสุดเก๊ก


หมีคัง รับบท หัวหน้าชมรมยูโดสุดเท่


คิบอม รับบท FBI ผู้สืบหาข้อเท็จจริงของเรื่องร้ายๆในโรเรียน


ดงเฮ รับบท สมาชิกชมรมแดนซ์สุดซ่า


อึนฮยอก รับบท สมาชิกชมรมยูโดของพี่หมี


ชินดง รับบท สมาชิกชมรมแดนซ์


เรียววุค รับบท รองประธานนักเรียนสุดเรียบร้อย


ซองมิน รับบท โกดมีนัมสุดหล่อ ฮอตสุดๆของโรงเรียน


เยซอง รับบท เซ็กซี่กายรูปหล่อ


ป๋าฮัน รับบท ออลจังนักบาส = นักบาสรูปหล่อ จ้า

ขาดใครไปอีกคนน้อ อ้อ คนนี้


ทึกกี้ รับบท ♥~ ปริศนา ฮุๆ อยากรู้ลองหาดูในบล็อกนี้ล่ะ ^o^/

○ รูปภาพจากภาพยนตร์ ○


วะฮุ้ ~ >o<

น้องต่ายลูก = = เว่อร์ไปไหมเทอ ??

หมีคังเท่มากกกก หล่อเชียว >.<

FBI สืบไรได้เจ้าคะ ?

หมี กะ เจ๊สบตา ~ 55

กองทัพประธานนักเรียน !! (เรียววุคฮาไปหน๊ายย กรั๊กๆ)

มาดเก๊กของประธานนักเรียนสุดหล่อ อ่ะฮิๆ

กอดคอกันฉันและเธอ ~ KiHae 4Ever

ชมรมแดนซ์เป็นไงจ๊ะ ?

ดูไรกันอ่ะ =[]=//


ไม่ทราบเหมือนกันว่าภาพยนตร์เรื่องนี้จะเข้าไทยเมื่อไหร่ รู้แต่ว่าฉายไปแล้วที่เกาหลีนะจ๊ะ

เข้าเมื่อไหร่ก็อย่าลืมไปให้กำลังกันเยอะๆนะคะ >[]<

○ Special Thanks ○
http://www.siamzone.com
http://www.flowerboys.co.kr

= [ การสร้าง Frame ] =

การสร้างเฟรมใน Dreamweaver มีประโยชน์ช่วยในการจัดรูปแบบของเวบให้ใช้งานง่าย เพราะจัดเป็นสัดส่วน

เมนูเฟรม อยู่ใน panel : Layout

เมื่อคลิกจะมีเมนูขึ้นมา ดังนี้

• Left Freame - เพิ่มเฟรมด้านซ้าย
• Right Frame - เพิ่มเฟรมด้านขวา
• Top Frame - เพิ่มเฟรมด้านบน
• Buttom Frame - เพิ่มเฟรมด้านล่าง
• Buttom and Nested Left Frames - เพิ่มเฟรมด้านล่างและเฟรมย่อยด้านซ้าย
• Buttom and Nested Right Frames - เพิ่มเฟรมด้านล่างและเฟรมย่อยด้านขวา
• Left and Nested Buttom Frames - เพิ่มเฟรมด้านซ้ายและเฟรมย่อยด้านล่าง
• Right and Nested Buttom Frames - เพิ่มเฟรมด้านขวาและเฟรมย่อยด้านล่าง
• Top and Buttom Frames - เพิ่มเฟรมด้านบนและเฟรมด้านล่าง
• Left and Nested Top Frames - เพิ่มเฟรมด้านซ้ายและเฟรมย่อยด้านบน
• Right and Nested Top Frames - เพิ่มเฟรมด้านขวาและเฟรมย่อยด้านบน
• Top an Nested Left Frames - เพิ่มเฟรมด้านบนและเฟรมย่อยด้านซ้าย
• Top and Nested Right Frames - เพิ่มเฟรมด้านบนและเฟรมย่อยด้านขวา

เมื่อกดแล้วจะมีเฟรมใหมเกิดขึ้นมาตามคำสั่งที่เลือก

=[ การสร้าง Link Map + การสร้าง Jump Menu ]=

การสร้างลิ้งค์ใน Map Link

การสร้างลิ้งค์แบบ Link Map คือการสร้างลิ้งค์ในส่วนใดส่วนหนึ่งของรูปภาพมีทั้งหมด 3 แบบคือ

Rectangula Hostspot Toolใช้สร้างลิ้งค์แบบรูปสี่เหลี่ยม

Oval Hostspot Toolใช้สร้างลิ้งค์แบบรูปวงกลม/วงรี

Polygon Hostspot Toolใช้สร้างลิ้งค์แบบรูปหลายเหลี่ยม

การใช้งานของ Rectangula Hostspot Tool และ Oval Hostspot Tool จะคล้ายๆกัน คือจะใช้การ drag เม้าส์ลากไปบนภาพที่เลือกได้เลย

รูปตัวอย่างที่ใช้ Rectangula Hostspot Tool และ Oval Hostspot Tool

ส่วนการใช้งาน Polygon Hostspot Tool นั้น จะใช้การคลิกเม้าส์ไปตามตำแหน่งต่างๆที่เป็นมุมของภาพ (เหมือนการใช้งาน Path Tool ใน Photoshop)

รูปตัวอย่างที่ใช้ Polygon Hostspot Tool

การใส่ลิ้งค์ลงใน map

ช่องสีชมพู - ใส่ url ของลิ้งค์ ขึ้นต้นด้วย http:// ในกรณีที่เป็นเวบไซต์

ช่องสีม่วง - เลือก target ของการเปิดหน้าลิ้งค์

ช่องสีฟ้า - ใส่คำที่ต้องการให้ปรากฏเมื่อนำเม้าส์ไป Rollover

การสร้าง Jump Menu

เลือก Forms

=[ ตกแต่งภาพ ]=

After


















รูปภาพนี้ใช้แค่การปรับ Hue & Saturation ที่บริเวณดวงตาและปาก (หรืออาจจะใส่สีที่เลเยอร์ใหม่ + Blending : Color ก็ได้)
แล้วใช้ Photo Filter เข้าไปให้สีของภาพดูร้อนขึ้น

=[ การลิ้งค์ใน Dreamweaver ]=

การทำลิ้งค์ใน Dreamweaver

ลิ้งค์ธรรมดา
1. พิมพ์คำที่ต้องการให้ลิ้งค์ในหน้า Design
2. ทำไฮไลต์ข้อความ
3. ดูตรง Propertie Panel ด้านล่าง (ถ้าไม่มีกด Ctrl+F3) ใส่ url ลงไปในช่อง Link
'-> tipz* ถ้าต้องการให้ลิ้งค์ไปเปิดอีกหน้านึงให้เลือก target เป็น "_blank"
4. เซฟ

ลิ้งค์รูปภาพ
1. ใส่รูปภาพโดยการเลือก Insert -> Images แล้วหารุปภาพที่ต้องการ
2. กดที่รูปภาพ พิมพ์ url ในช่อง Link
3. เซฟ

= [ ShoW RooMz ] =

ChoiSiwon :: Mix

รูปนี้ทำด้วยสังขารอันน้อยนิดของ Photoshop 7.0 TOT บรัชสวยๆก็ม่ายมี มีแต่บรัชแปลกๆ
ที่โหลดมา ช่างน่าเศร้า แต่ก็ถือว่าพอใจและใช้เป็น Siggie ที่ STF ค่า ^^ เพื่อนชมๆว่าร้อน-
แรงดี =[]= (ทำหน้าเหลือเชื่อ 'เหรอ ?') จริงๆรูปนี้ก็ลองปรับให้เป็น lomo ด้วย แต่ดูไม่ออกเลยใช่ป้ะ - -

รูปนี้เพิ่งทำเสร็จสดๆเอง อยากลองทำรูปแบบ lomography จริงๆดูบ้าง (เห็นเค้าทำกันสวยดี)
ทำไปทำมา =[]= ไม่ใช่ lomo และ เลยมั่วไปไกล เอา texture + pattern มาใส่มั่วไปหมด 55
ลองเบลนดูด้วย ทำได้ในรูปเดียว (แต่แบบนี้มันเรียกเบลนรึเปล่านะ - -?)
ว๊อนคนทางขวาดูคิ้ว (ข้างขวา) มันหนาๆใช่ป้ะ ? คืออันนี้แต่งๆนิดๆแล้วนะ - -
ตอนแรกหนาเว่อร์กว่านี้อีก =[]= สยองอ่ะดิ่

ติชมกันหน่อยนะคะ :] จะมาลงอีกเรื่องๆค่ะ

= [ SupeR JunioR 's ProfilE ] =

Full Name: Choi Si Won
Chinese Name: 崔始源 (始源)
Korean Name: 최시원(시원)
Birthday: 1987 February 10th
Height: 183CM
Weight: 65KG
Hobbies: singing, dancing, acting, taekwondo, chinese
Experiences: Dana's MVTV Show <18:29>
Elite Biyourt CFOther TV Shows and an upcoming movie

Full Name: Park Jung Su
Chinese Name: 朴正秀 (李特)
Korean Name: 박정수(이특)
Birthday: 1983 July 1st
Height: 178CM
Weight: 59KG
Blood Type: A
Hobbies: Playing piano, Writing music, listening to music, singing
Experiences: TV show Pepsi Pepsi CFDBSG SHOWCASE MC

Full Name: Kim Hee Chul
Chinese Name: 金希澈 (希澈)
Korean Name: 김희철(희철)
Birthday: 1983 July 10th
Height: 179CM
Weight: 60KG
Blood Type: AB
Hobbies: Writing poems, writing fairy tales, playing computer games
Experiences: TV show TV show Show Music Tank MC
Radio Show with Park Hee Bon

Full Name: HanKyung
Chinese Name: 韩庚
Korean Name: 한경
Birthday: 1984 February 9th
Height: 181CM
Weight: 66KG
Blood Type: O
Hobbies: Chinese Traditional Dance, ballet, playing computer games
Experiences: Fashion Show by Bum Suk

Full Name: Kim Jong Woon
Chinese Name: 金钟云 (瑞成)
Korean Name: 김종운 (예성)
Birthday: 1984 August 24th
Height: 178CM
Weight: 64KG
Blood Type: AB
Hobbies: Singing, listening to music, sports
Experiences: 2001 Cenan Singing Competition Gold Prize2001 BEST Competition "Best Singer"

Full Name: Kim Young Woon
Chinese Name: 金英允 (姜任)
Korean Name: 김영운 (강인)
Birthday: 1985 January 17th
Height: 181CM
Weight: 70KG
Blood Type: O
Hobbies: Acting, singing, sports, swimming
Experiences: TV Show 2002 BEST Competition "Best Outlook"2005 Boa's Fan Meeting MCDBSG SHOWCASE MC

Full Name: Shin Dong Hee
Chinese Name: 申东熙 (申东)
Korean Name: 신동희 (신동)
Birthday: 1985 September 28th
Height: 178CM
Weight: 90KG
Blood Type: O
Hobbies: Expressions acting, laughing, dancing
Experiences: 2005 KMTV Show! Music Tank MC2004 M.Net Ebpi Competition "Golden Prize" and "Most Popular"2005 BEST Competition "Big Prize"

Full Name: Lee Sung Min
Chinese Name: 李胜民 (胜民)
Korean Name: 이성민(성민)
Birthday:1986 January 1st
Height: 173CM
Weight: 57KG
Blood Type: A
Hobbies: Chinese Martial Arts, acting, watching movies
Experiences: TV Show 2005 KBC Dramacity

Full Name: Lee Hyuk Jae
Chinese Name: 李赫宰 (恩赫)
Korean Name: 이혁재(은혁)
Birthday: 1986 April 4th
Height: 176CM
Weight: 58KG
Blood Type: O
Hobbies: dancing, sports, listening to music

Full Name: Lee Dong Hae
Chinese Name: 李东海 (东海)
Korean Name: 이동해(동해)
Birthday: 1986 October 15th
Height: 175CM
Weight: 60KG
Blood Type: A
Hobbies: dancing, sports, singing, watching movies
Experiences: BEST Competition "Big Prize" 2005 LoveLetter Season 49

Full Name: Kim Ryeo Wook
Chinese Name: 金丽旭 (丽旭)
Korean Name: 김려욱 (려욱)
Birthday: 1987 June 21st
Height: 173CM
Weight: 60KG
Experiences: 2004 Singing Contest Silver Medal

Full Name: Kim Ki Bum
Chinese Name: 金基范 (基范)
Korean Name: 김기범(기범)
Birthday: 1987-08-21
Height: 178CM
Weight: 58KG
Experiences: TV Show TV Show Elite Basic Uniform
CFKTF CFSonata car CFMychew candy CFOttogi noodles CFTV Show

NAME: jo kyun hyun 조규현
BIRTHDATE: 02.03.1988
received third place in "친친가요제" (CHIN CHIN SINGING COMPETITION 2005)

Credit : www.suju-thailand.com