อยากรู้ว่าคืออะำไรก็ลองคลิกดู

โพสข้อความใหม่ (เฉพาะสมาชิก)

หัวข้อ:

อยากรู้ว่าคืออะำไรก็ลองคลิกดู

snoopydoo

Kame tutor

รับสอนพิเศษ คณิต วิทย์ ไทย อังกฤษ คอมพิวเตอร์

ระดับชั้นประถมศึกษาปีที่ 1 – 6 และระดับชั้นมัธยมศึกษาปีที่ 1 – 6

ในวันเสาร์ – วันอาทิตย์ เวลาตั้งแต่ 8.00 น. – 16.00 น.

และช่วงปิดภาคเรียนที่ 1 และ 2 ของทุกปีการศึกษา

ในวันจันทร์ – วันอาทิตย์ เวลาตั้งแต่ 8.00 น. – 16.00 น.

สถานที่เปิดสอนในหมู่บ้านฟลอร่าวิลล์

บ้านเลขที่ 90/169 เฟส 1 ซอย 3

ซอยสุวินทวงศ์ 38 ถนนสุวินทวงศ์

แขวงแสนแสบ เขตมีนบุรี

กทม. 10510

มือถือ 082 – 4414 – 797

วิธีทำ Animation

ขั้นตอนที่ 1 เปิดโปรแกรม Adobe Photoshop
ขั้นตอนที่ 2 นำเมาท์ไปที่แถบเครื่องมือด้านบนคลิกที่ File เลือก New ต่อจากนั้นจะได้หน้าต่าง New
ขั้นตอนที่ 3 ควรลดขนาดรูปภาพส่ง เพื่อจะได้ส่งภาพผ่านระบบอินเทอร์เน็ตได้ง่าย
ขั้นตอนที่ 4 ช่อง Name ใส่ชื่อภาพอะไรก็ได้ตามใจเรา ยกตัวอย่างใส่คำว่า kame
ขั้นตอนที่ 5 เปลี่ยน width เป็น 250 Height เป็น 100 ค่าเป็น Pixels เหมือนเดิม
ขั้นตอนที่ 6 เปลี่ยน color Mode ให้เลือก RGB color ต่อจากนั้น คลิกคำว่าตกลง
ขั้นตอนที่ 7 หลังจากนั้นจะได้หน้าต่างฃื่อ kame ให้ลงมือวาดการ์ตูน สมมุติจะวาดคนตกหน้าผา
ขั้นตอนที่ 8 มุมด้านล่างซ้ายมือของหน้าต่างกำหนดไว้ที่ 100 % ให้คลิกคลุมแล้วเปลี่ยนเป็น 200 %
ก่อนเพื่อสะดวกในการทำงานหลังจากวาดภาพเสร็จแล้วให้เปลี่ยนเป็น 100 % เหมือนเดิม
ขั้นตอนที่ 9 ภาพแรกจะเป็นภาพสีขวาสี่เหลืยมผืนผ้าให้นำเมาท์ไปที่หน้าต่าง Layer จะมีรูปตา
และกรอบสี่เหลี่ยมผืนผ้าสีขาว และคำว่า Background และมีรูปแม่กุญแจ ให้ดับเบิ้ลคลิกที่รูปกุญแจ ก็จะปรากฏหน้าต่าง New Layer ให้คลิกคำว่า OK
ขั้นตอนที่ 10 ให้นำเมาท์ไปที่แถบเครื่องมือด้านบนคลิกคำว่า window แล้วเลือกคำว่า Animation ก็จะปรากฏหน้าต่าง Animation ขึ้นด้านล่างของกรอบรูป
ขั้นตอนที่ 11 ให้วาดรูปหน้าผาในกรอบรูป และนำเมาท์ไปคลิกเวลาด้านล่างรูปที่หน้าต่าง Animation แล้วเลือกเวลา 0.5 Sec
ขั้นตอนที่ 12 ไปที่หน้าต่าง Layer วางเมาท์ที่ กรอบ Layer 0 คลิกเมาท์ค้างแล้วลากลงมาที่เครื่องหมาย Copy ภาพที่อยู่ค้าง ถังขยะ จะได้ Layer 0 copy เพิ่ม วาดรูปคนเดินที่ Layer 0
ขั้นตอนที่ 13 ไปที่หน้าต่าง Animation คลิกที่เครื่องหมาย copy จะได้หน้าต่างเพิ่มอีกหนึ่งหน้าต่าง คลิกเวลาเปลี่ยนเป็น 0.1 Sec แล้วนำเมาท์ไปที่ Layer 0 คลิกปิดตา ทำขั้นตอนที่ 12 ถึง 13 จนคนเดินไปตกที่หน้าผาหัวทิ่มลงมาเป็นอันว่าเรียบร้อยแล้วแล้วกลับไปแก้เวลาที่มุมล่างซ้ายมือที่หน้าต่าง Kame ด้วย
ขั้นตอนที่ 14 เป็นการ Save ภาพที่ทำเสร็จเรียบร้อยแล้ว นำเมาท์ไปที่แถบเครื่องมือด้านบนคลิกที่ File เลือก Save for web ก็จะปรากฎหน้าต่าง Save for web – Powered By ImageReady คลิกที่ Optimized แล้วคลิกคำว่า save แล้วจะบันทึกไว้ที่ Desktop หรือ ไดร์ฟ D หรือ My Documents ก็ได้แล้วแต่สะดวก คำว่า Save ad type ต้องเป็นนามสกุล gif เท่านั้น

ยักคิ้ว

26/12/2010 View: 66

1.เลือกรูปที่คิดว่าแว้นส์ หรือคิดว่าสะก๊อยส์ที่สุด ขึ้นมา ยิ่งเป็นรูปที่เห็นแล้วคาดว่าจะสร้างความงุ่นง่านให้ชาวบ้านได้เท่าไหร่ก็ยิ่งดี จากนั้นก็ Crop รูป เอาแต่ส่วนหน้า และลดขนาดรูปลง ให้เหลือซักประมาณ 100*100 px หรือใกล้เคียง โดยเข้าไปที่เมนู Image >> Image Size

2.จากนั้นเลือกใช้เครื่องมือ Magnetic Lasso เพื่อใช้ในการลากขอบของหนังหน้าที่เราเลือก (เครื่องมือ Lasso จะมี 3 แบบ ลองกดค้างที่ปุ่มที่ผมชี้ไว้ เพื่อดูแต่ละแบบ)

3.เมื่อใช้ Magnetic Lasso คลิกไปตามเส้นขอบของหนังหน้าจนครบ เราก็จะได้เส้นประๆกระพริบๆ รอบขอบรูป(ในตอนคลิก เพื่อความง่าย อาจจะใช้เคื่องมือแว่นขยาย ขยายรูปให้ดูใหญ่ก่อนทำการ)

4.เข้าไปทีเมนู Select >> Inverse จากนั้น กดปุ่ม Deleteแล้วส่วนที่เราไม่ได้เลือก ก็จะหายไป

5.กดที่ เมนู Select >> Inverse อีกครั้ง จากนั้น ก็กดปุ่ม Ctrl+C และ Ctrl+V ตามลำดับ เราก็จะได้ Layer Copy ส่วนที่เป็นเหง้าหน้าของเรามา

6.ให้ลบ Layer background ทิ้ง เพราะเราต้องการพื้นหลังเป็นแบบโปร่งใส(ใกล้ชิดประชาชน ตรวจสอบได้)

7.คลิกขวาที่Layer1 และเลือก Duplicate Layer ก็จะปรากฏ Layer 1 Copy จากนั้นให้เลือก Layer 1 Copy แล้วใช้ Magnetic Lasso เลือกรอบๆบริเวณคิ้ว (ในตัวอย่างนี้ ผมจะทำหน้าตัวเอง ยักCute) แล้วกด Ctrl+C และ Ctrl+V ก็จะได้ Layer ของคิ้วขึ้นมา เมื่อเห็น Layerของคิ้ว ให้เลือก Layerของคิ้ว แล้วกด Ctrl+T ก็จะเกิดกรอบรอบๆบริเวณคิ้ว ดังรูป

8.เอาเคอเซ่อซ่า ของเมาส์ ไปวางใกล้ๆกรอบนั้น ก็จะเกิดลูกศรให้เอียงบริเวณที่เราเลือก ให้เอียงคิ้ว นิดนึง เหมือนกับเวลา ยักCute ... แต่เพื่อความเนียน ย้ายคิ้วออกจากที่เดิมก่อน แล้วลบคิ้วอันเดิมออก(มิฉะนั้น เราจะมี 2คิ้ว ตอนยักขึ้น) โดยการลบ อาจจะใช้พู่กัน ซึ่งเลือกสีโดยหลอดดูดสี แล้วใช้เครื่องมือเกลี่ยสี เกลี่ยให้ดูกลมกลืน

9.ย้ายคิ้วกลับที่เดิม ในตำแหน่งที่เหมาะสม แล้วก็เลือกเมนู Layer >> Merge Down เราก็จะเห็นว่า คิ้ว กับหน้าที่ 2 ของเรา รวมอยู่Layer เดียวกัน ทีนี้ ก็ใช้ พู่กัน แต่งคิ้วนิดหน่อย ให้มันดูไม่หลอกตา(เพราะตอนที่ใช้ Lasso เลือก จะมีคิ้วบางส่วนหายไป)

10.ถึงตอนสำคัญ ... เราจะเอารูป ไปทำเอนิเมสั้น โดยใช้อิมเหมดเร้ดดี้ โดยให้กดปุ่มโลโก้ ซึ่งอยู่ล่างสุดของแถบเครื่องมือ (หาไม่เจอกดปุ่ม Shift+Ctrl+M)

11.เมื่อเข้ามาแล้ว ก็จะเจอหน้าตาคล้ายๆแบบนี้อ่ะจ้ะ

12.ให้กดปุ่มตามลูกศร ในส่วนของ Animation จากนั้น เลือก New Frame ก็จะปรากฏ Frame เพิ่มขึ้นมา ในส่วนของ Animation

13.ให้คลิกที่เวลาใต้Frame แต่ละFrame ซึ่งจะหมายถึง เวลาที่แต่ละFrame แสดงผล ถ้าอยากให้ยักคิ้วถี่ๆ ก็เลือกเวลาน้อยๆ (ผมเลือก 0.2sec) ... จากนั้น ก็ไปติ๊กโลโก้รูปดวงตาออกจาก Layer1 Copy เพราะเราต้องการให้ Frame ที่1 เป็นหน้าตอนยังไม่ยักCute

14.เลือกFrameที่2 ทำคล้ายๆFrameที่1 แต่เราจะติ๊กโลโก้รูปดวงตาออกจาก Layer 1 แทน เพราะเราต้องการให้Frameที่2 เสนอหน้า ตอนยักCute ... ถ้าทำตรงนี้เสร็จ อยากดูตัวอย่าง ให้กดplay ดูได้

15.เมื่อมั่นใจแล้ว ก็เซฟไฟล์เป็น .gif โดยเข้าไปที่เมนู File >> Save Optimized As

16.ผลลัพธ์ ก็จะได้ไฟล์ ดอดจิ๊บเอนิเมสั้น สุดลิ่มทิ่มตูด

การเขียนภาษา html

เริ่มต้นไปที่ปุ่ม start คลิกคำว่า All Programs เลื่อนเมาท์ ไปที่ Accessories และไปที่ Notepad คลิก

แล้วหน้า Notepad จะเปิดขึ้น จากนั้นต้องใช้ภาษาเขียนดังนี้

<html> เป็นสัญลักษณ์เปิด

</html> เป็นสัญลักษณ์ปิด

<head>

</head>

<title>

</title>

<body>

</body>

เหล่านี้เป็นคำสั่งน้ำจิ้ม สนใจรายละเอียดติดต่อเรา

ลองเขียนดูนะ

<html>

<head>

<title>kame tutor</title>

</head>

<body>

<h1>kame tutor รับสอนพิเศษ</h1>

</body>

</html>

เมื่อเขียนเสร็จต้องทำการ save เลื่อนเมาท์ไปที่ File ตรงแถบเครื่องมือด้านบน

คลิกแล้วเลือก save as ไปที่ช่อง File name: เติมชื่อไฟล์อะไรก็ได้ แต่ในที่นี้

จะใส่ว่า kame.html อย่าลืมใส่นามสกุลทุกครั้งว่า .html และที่ช่อง Save as type:

ให้เลือก All files ส่วนช่อง Encoding: ให้เลือก UTF – 8 หลังจากนั้นกด Save

ใน Save in: Desktop

ต่อจากนั้นไปดับเบิ้ลคลิกที่ เครื่องหมาย Internet ชื่อ file ว่า Kame หน้าต่างรูปจะออกมาประมาณนี้

ลองทำกันดูนะค่ะ วันหลังมาสร้างกันต่ออีก วันนี้แค่นี้ก่อน

รู้จักกับ HTML

แนวคิด

การศึกษาพื้นฐานในการเขียนโฮมเพจ (Homepage) เพื่อให้ผู้เรียนทราบถึงที่มาของโครงสร้างและการเขียนคำสั่งเบื้องต้น สามารถนำเครื่องมือ (Tools) มาใช้ในการเขียนโฮมเพจได้อย่างถูกต้อง

จุดประสงค์ เพื่อให้ผู้เรียนสามารถ

อธิบายความหมายของ HTML ได้
บอกคุณสมบัติของเครื่องคอมพิวเตอร์ที่จะนำมาใช้ในการสร้าง WebPage ได้
เขียนโครงสร้างพื้นฐานของภาษา HTML ได้ถูกต้อง
เขียนคำสั่ง HTML โดยใช้ Notepad เป็น Editor ได้

ขอบข่ายเนื้อหา

คุณสมบัติของเครื่องที่สามารถนำมาใช้ในการสร้าง Web Page
โครงสร้างพื้นฐานของ HTML

การเขียน HTML
กฎในการใช้ HTML
ส่วนประกอบพื้นฐานของเอกสาร HTML

การใช้ Notepad ในการเขียน HTML

HTML (HyperText Markup Language) เป็นโปรแกรมภาษาที่ใช้ในการสร้างเอกสารที่จะนำเสนอข้อมูลผ่านโปรแกรมอ่านเอกสาร (Web browser) ก่อนแล้วใช้ชุดคำสั่งของ HTML แทรกเข้าไปในเอกสารนั้นเพื่อควบคุมการจัดการกับส่วนของเอกสารนั้น ๆ เช่นจัดฟอนต์ จัดตำแหน่ง กำหนดสี กำหนดการเชื่อมโยงกับส่วนอื่น ๆ กำหนดภาพ ฯลฯ โดยที่ลักษณะของเอกสารที่สร้างจะเหมือนกับ Text File ทั่วไปแต่จะมีคำสั่งของ HTML แทรกอยู่ซึ่งจะทำให้เอกสารนั้นทำงานแบบ Hyper text เมื่อถูกอ่านโดย Web browser

Markup Language เป็นภาษาบนคอมพิวเตอร์รูปแบบหนึ่งใช้สำหรับอธิบายรูปแบบของเอกสาร (Document) ใช้วิธีการ Markup โดยระบุตำแหน่งของข้อมูลในเอกสารนั้น ๆ ว่าจะให้เป็นข้อมูล แบบใด ซึ่งจะใช้ Tag กำกับเข้าไปในเอกสารนั้น เช่น

| | |

Tag ข้อความ Tag

<H1> SIAM2WEB </H1>

จากตัวอย่างหมายความว่า ให้พิมพ์คำว่า SIAM2WEB ตามรูปแบบ Header 1

คุณสมบัติของเครื่องที่สามารถนำมาใช้ในการสร้าง Web Page

เครื่องคอมพิวเตอร์ที่จะนำมาใช้ในการเขียน Web Page ควรจะเป็นเครื่องคอมพิวเตอร์ที่สามารถใช้วินโดวส์ Me ได้ เพื่อความสะดวกในการแสดงผลของ Web Page ใน Browser ได้หลายแบบเครื่องคอมพิวเตอร์ควรมีคุณสมบัติดังนี้

ซีพียู (CPU) ไม่ควรต่ำกว่า 80486DX-33 MHz หรือ Pentium ขึ้นไป
หน่วยความจำ (Ram) ไม่ควรต่ำกว่า 16 MB
การ์ดแสดงผลที่มีความละเอียด (Resolution) 600 x 800 256 สีแบบ VGA ขึ้นไป
ฮาร์ดดิสก์ (Hard Disk) ควรใช้อย่างน้อย 500 MB เนื่องจากจะต้องมีการสำรองพื้นที่ไว้สำหรับเก็บไฟล์ข้อมูล,รูปภาพ หรือข้อมูลที่ Download มาจาก Internet
ซอฟต์แวร์และยูทิลิตี้ โปรแกรม Browser ต่าง ๆ เช่น Netscape, Internet Explorer (IE), Opera ฯลฯ

โครงสร้างพื้นฐานของ HTML

การเขียน HTML

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

<tag-name> text </tag-name>

เป็นชื่อหรือคำสั่งหรือคำต่าง ๆ ที่ใช้กำหนดให้สิ่งที่ตามหลัง tag มีคุณสมบัติตามคำสั่งนั้น tag จะเขียนไว้ใน <...>

text เป็นข้อความหรืออื่น ๆ ที่จะมีผลตาม tag ที่กำหนด

คำสั่งบอกให้จบ tag โดยจะมีเครื่องหมาย/นำหน้า tag-name

ตัวอย่าง Welcome to Thailand หรือ Welcome to Thailand

<tag-name attribute-name=argument> text </tag-name>

attribute-name ตัวกำหนดคุณสมบัติต่าง ๆ

argument คือค่าหรือรูปแบบที่ต้องการ

ตัวอย่าง <A href="/RedirectExternalUrl?url=test.html"> My First test</A>
ซึ่งหมายความว่าถ้าคลิกข้อความ My First test ก็จะถูกเชื่อมโยงไปที่ไฟล์ test.html ทันที

Link ติดต่อครูเขม

สามารถติดต่อผ่านเว็บเหล่านี้

ks53_ks53@hotmail.co.th http://www.bkk.in.th/kidooklav

ks_ks_53@hotmail.co.th http://www.bkk.in.th/changchan

ks53ks53@hotmail.co.th http://www.bkk.in.th/yaloar

ksks5353@hotmail.co.th ks5353ks@hotmail.co.th

www.bkk.in.th/yakaing www.bkk.in.th/viviyaya

5353ksks@hotmail.co.the www.bkk.in.th/fhiru

k5353s@hotmail.co.th www.bkk.in.th/sksoso

s5353k@hotmail.co.th www.bkk.in.th/yoyolandthai

Minprasatwitaya.igetweb.com http://www.bkk.in.th/

http://kames.siam2web.com Kame.smat.111@hotmail.com

kamesmanchant.igetweb.com minpasatvittaya.igetweb.com

minprasatvittaya.igetweb.com sksk53@hotmail.co.th