ประกาศ

ย้ายไปที่ www.designdeedee.net  แล้วนะครับ

เรื่องของข้อความบนเว็บไซด์

รูปมาจาก  http://www.antigrain.com

มาว่าด้วยเรื่องของข้อความบนเว็บไซด์ text หรือข้อความนั้นก็เป็นอีกส่วนหนังในเว็บไซด์ซึ่งมีความสำคัญมากบางคนนั้นอาจจะยังไม่เข้าใจว่ามันเป็นยังไงบ้างเพื่อความเข้าใจจะอธิบายแบบง่ายๆๆดังนี้

ขอแบ่งเรื่องข้อความออกเป็น 2 ประเภทละกัน

แบบที่1 ไม่เก็บรูปแบบ หรือ not include format
เช่นพวก .txt    คงคุ้นๆๆซินะ มันเป็นไฟล์ของ notepadไง

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

ในเมื่อรู้แล้วทำไม เอามาใช้ยังไง?
บางคนงง รู้แล้วทำไมละ ก็งั้นๆๆ  ถ้าเรารู้แล้วเราก็จะได้ใช้ได้อย่างถูกต้อง เช่นเวลา บางคนก็อบบี้ ข้อความ มาจาก website หรือ  Microsoft word หรือโปรแกรมอื่นๆๆที่มันเซ็ตรูปแบบข้อความได้   เวลาเราทำการก็อบปี้แล้วนั้น พวก ข้อความรุปแบบต่างๆๆ ฟอนต์ เอย ลิงค์เอย ขนาดเอย ก็จะถูก ก็อบมาด้วย
ดังนั้นก่อน นำมาใช้ใน เว็บของเรา หรือ งานต่างๆๆ ควรจะทำการล้าง format ซะก่อนนะ เช่น ก็อบบี้ text มาลง notepad ก่อน เปรียบเสมือน ทำการล้างรูปแบบนั้นทิ้งซะ เพราะ notepad นั้นมันไม่เก็บรูปแบบของข้อความใดใดทั้งสิ้น แล้วเราจะทำการ ก็อบบี้ไปวางที่เว็บของ เราจริงๆๆก็ใช้ได้ กับทุกรูปแบบงาน ไม่ว่าจะเว็บไซด์ หรืองานเอกสารต่างๆๆเลย

เกล็ดเล็กเกล็ดน้อย

ขอแนะนำขนาดของข้อความที่เหมาะสมบนเว็บไซด์นะครับ
- ขนาดเล็กสุดที่แนะนำ 10 points นะ
- แต่ขนาดที่ดีที่สุดที่แนะนำ ก็น่าจะ 12  point คนอ่านก็จะอ่านได้ไวมากขึ้นด้วยเมื่อใช้ขนาดนี้
- แต่ถ้าคนสูงอายุก็น่าจะเหมาะกับซํก14 points นะครับ

การทำรูป preview เวลาเอาลิงค์เว็บไปใส่ใน facebook

วิธีการใส่นั้นไม่ยากเลยเพัยงใส่โค็ตสั่นๆๆและที่อยู่ของไฟล์ลงไปเท่านั้น

ขนาดรูปที่แนะนำก็คือ 100x100 พิกเซลแบบนี้ 

รูปใช้ในการทำ preview
 เวลาใส่ลิงค์บน facebook

จะเป็น Jpeg หรือ png ก็ได้ สุดจะแล้วแต่เลยนะแล้วแต่ชอบ 

เพียงเอาโค็ตด้านล้างนี่ไปใส่ใน head แล้วบอกที่อยู่มันซะ ควรบอกแบบ เต็มๆๆเลยนะ เช่น
www.yourwebsite.com/preview.png
แบบนี้ถึงจะแจ่ม

<link rel="image_src" href="ที่อยู่ของไฟล์ " />

ก็จะได้หน้าตาแบบนี้นะฮะ  ขนาดจะพอดิบพอดีเลย

ใช้ฟอนต์อะไรดี???

เรื่องราวของ นักเรียนเรียนสามคนนั่งมึนๆๆ ถกปัญหาว่าจะใช้ฟอนต์อะไรดี  ระหว่างพักเที่ยงเพื่อกลับไปทำงานกันต่อหลังกินข้าว

นายเอ :งานที่จารเค้าสั่งอะคิดไม่ออกว่าใช้ฟอนต์อะไรดี? ทำไงดีวะ?
นางสาวกาก  : เอ้าแล้วจะไปรู้ได้ไงอะคะ มั่วๆๆไปดีกว่า ขำขำไป

นายดี:เย้ย กรูว่าลองสังเกตุดูรอบๆตัว ดีปะ ว่าเค้าใช้ยังไงกัน ดูอย่างแม่กรูซิ ชอบใช้ของแบรนแนมหรูหรา พวก ป้าดา เย้ย  พราด้า บ้าง chanel บ้างไรบ้าง เห็นพวกโลโก้หรูๆๆ ชอบใช้แบบมีหาง (serif) ปะ

นายเอ :เออวะ น้ำหอมกรูด้วย CK ด้วยโลโก้มันมีหางๆๆนิ เพิ่งเคยสังเกตุ *-*

นางสาวกาก :จริงเร้อ มั่วป่าว >_> แล้วแบบไม่มีหางอะ (san-serif) 

นายดี : เอ้าก็ลองสังเกตุเองเซะ ไม่มีหางเหรอ เออออ...อ๋อ เห็นพ่อใช้พวก มือถือ sumsang  คอมใช้ acer ก็ไม่มีหางนิ เราว่า ไม่มีหางนี่ คงเป้นแบบ ทันสมัยๆๆหน่อยปะ

นายเอ: แอออ พูดดีนะ น่าจะใช่ นะมีเค้าๆๆ เดี่ยวลองทำๆ ใจงะ

นางสาวกาก : ไม่เชื่อได้ป่าวงะ

นายดี : เรื่องของมึง!!! 

นางสาวกาก : >0<;;

มาทำอนิเมชั้นให้ดีขึ้นด้วย easing

โดนส่วนมากแล้วการทำ อนิเมชั่นไม่ได้ทำแค่ให้มันขยับได้ การเคลื่อนไหวบนโลกนั้นไม่เคลื่อนไหวคงที่ตลอดเวลาเพราะมีแรงเฉื่อยอยู่นั้นเอง เราจึงต้องนำมาใช้กับงานอนิเมชั่นเพื่อให้การเคลื่อนไหวของวัตถุนั้นสมบรูณ์มากยิ่งขึ้น  เค้าเรียกว่า easing 

เราสามารถ นำเทคนิคไปใช้ได้ทุกโปรแกรมนะ เพราะทุกโปรแกรมก็จะมี easing ไม่ก็  graph หรือ curve editor ให้ปรับแต่งกันได้นะ 

เอาแบบง่ายๆ ก็มีสองแบบ คือ
Easing in  เมื่อเริ่มเคลื่อนไหวจะช้า เหมือน รถยนต์กำลังออกตัว

Easing out  จะมาช้าตอนจบ  หรือ เหมือน รถกำลังจอด ก็จะค่อยๆช้าลง

ในแฟลชก็จะอยู่ในนี้นะ อยู่ใน motion tween properties

ค่า Ease สามารถเซ็ทตั่งแต่ -100 ถึง100

-100 คือ Easing in

100 คือ Easing Out

ต้องเลือกเฟรมของ tween ก่อนถึงจะโชวใน properties นะ
(ถ้ากด รูปดินสอคือการเปิด curve editor ทำการปรับแต่งกราฟ)

สามารถใช้กราฟในการปรับแต่งได้ เช่นดังรูป

Easing in  -  ช้าตอนออกตัว

Easing- out  - ชลอตอนจบ

Easing in/out - เริ่มต้นช้า และ ชลอตอนจบ