ความหมายของคำว่า "เพื่อน"

เพื่อนคือ...ทุกสิ่ง ทุกอย่าง ยิ่งกว่าแฟนก้อว่าได้
ไม่ตามใจมัน ก็ไม่ด่า
แต่ถ้ามันไม่ตามใจเราก็ด่าได้
โดยที่มัน และเราไม่โกรธกัน

เพื่อนเมื่อโกรธกันสามารถกลับมาคืนดีกันได้โดยไม่ต้องเก็บความสงสัยว่า
เรื่องที่โกรธกันคืออะไร ผ่านแล้วก็ผ่านไป

เพื่อนคือที่พึ่งยามเป็นทุกข์
เพื่อนคือที่ปรึกษา ตั้งแต่เรียน ทำงาน
จนจะแต่งงานก็ยังต้องปรึกษามัน

เพื่อนคอยสับรางเวลารถไฟจะชน
เพื่อนคอยโกหกพ่อแม่เวลาไปเที่ยวแต่บอกว่าไปทำงาน
เพื่อนคอยบอกแฟนว่าเรากำลังอยู่กับมัน ทั้งที่จริงเราไม่ได้อยู่กับมันหรอก

และเพื่อนก็คือคนจ่ายค่าข้าวเวลาเราไม่มีเงิน

"เพื่อน" คือ ทุกอย่าง

มีผู้....ที่เคยคบกันถามว่าจะให้เลือกหนึ่งเดียว
ระหว่างเค้าซึ่งคบกันมา 1 ปี กับเพื่อนซึ่งคบมาประมาณ 15 ปี ว่าคุณจะเลือกใคร
ตอบแบบไม่ต้องคิดเลยว่า "เพื่อน"
ซึ่งเค้าก็บอกว่าตอบผิดตอบใหม่ได้นะ
เราก็บอกว่าตอบถูกแล้ว
เพราะเค้าเห็นว่าเรารักเพื่อนมากกว่า แต่ไม่ใช่

ถัาเราจะต้องเอาคนเข้ามาในชีวิตอีก 1 คน
ซึ่งก็ยังไม่รู้อะไรกันมาก
กับเสียคนที่เรารู้จกกันมาเป็น 10 ปี
เราว่าทุกคนก็ต้องมีคำตอบเหมือนกับเรา
เพราะทั้งสำหรับคนทั้งสองกลุ่ม
เราไม่สามารถเอาแต่ละคนมาบวกและลบกันเพื่อให้ผลลัพธ์เป็นศูนย์

เพราะฉะนั้นทุกคนต้องเลือกสิ่งที่มีค่ามากกว่า

และสิ่งที่เราเลือก สิ่งนั้นก็คือ *****""เพื่อน""****
"some time happy… some time sad… but all time friend "

บทส่งท้าย ถ้าเราสนุก ไปเที่ยวโดยไม่มีเพื่อน
แล้วเล่าให้มันฟัง

มันก็ไม่ว่าอะไร....แล้วถ้าเราเที่ยวแล้วเกิดปัญหา
เราตามตัวมันมา
มันเคยพูดไหมว่า "*ไม่สน*เที่ยวแล้วไม่ชวน* *แก้ไขเองแล้วกัน"
คำพูดอย่างนี่จะไม่มีจากปากเพื่อน

จะมีแต่คำว่า " อยู่ตรงไหน เป็นอะไร"
แล้วก็ลงท้ายว่า *จะรีบไป....

บทที่ 9 ออกแบบกราฟฟิกสำหรับเว็บไซต์

รูปแบบกราฟฟิกสำหรับเว็บ (GIF , JPG และ  PNG)

     *  GIF  ย่อมาจาก  Graphic  Interchange  Format

          - ได้รับความนิยมในยุคแรก

          - มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้มีสีมากกว่า 256 สี

          - มีการบีบอัดข้อมูลตามแนวนอนของพิกเซล   เหมาะสำหรับกราฟฟิกที่ประกอบด้วยสีพื้น

     *  JPG  ย่อมาจาก  Joint  Photogtaphic  Experts  Group

          - มีข้อมูลสีขนาด 24 บิต (True Color)  สามารถแสดงสีได้ถึง 16.7 ล้านสี

          - ใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย (lossy)

          - ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่าง ละเอียด

     *  PNG  ย่อมาจาก  Portable  Network  Graphic   สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต และ 24 บิต   มีระบบการบีบอัดแบบ Deflate ที่ไม่ทำให้เกิดการสูญเสีย (lossless) มีระบบการควบคุมค่าแกมม่า (Gamma)  และความโปร่งใส (Transparency) ในตัวเอง

ระบบการวัดขนาดของรูปภาพ

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

ระบบการวัดความละเอียดของรูปภาพ

     * ระบบความละเอียดของรูปภาพที่แสดงผลบนจอมอนิเตอร์ควรใช้หน่วย pixel per inch (ppi)

     * แต่ในทางการใช้งานจะนำหน่วย dot per inch (dpi) ซึ่งเป็นหน่วยวัดความละเอียดของสิ่งพิมพ์มาใช้งานแทน ppi

     * ความละเอียดของรูปภาพที่ใช้ในเว็บไซต์ควรมีความละเอียดแค่ 72 ppi ก็เพียงพอแล้ว

โปรแกรมกราฟฟิกสำหรับเว็บ

     * ปัจจุบันมีโปรแกรมหลายประเภททีนำมาใช้ในการสร้างกราฟฟิกสำหรับเว็บ

          - Adobe   PhotoShop

          - Adobe  ImangeReady

          - Firework    

     * ค่าพื้นฐานที่สามารถเลือกปรับได้คือ  รูปแบบไฟล์,  ชุดสีที่ใช้ ,  จำนวนสี,  ระดัความสูญเสีย,  ความโปร่งใส และสีพื้นหลัง

คำแนะนำในกระบวนการออกแบบกราฟฟิกสำหรับเว็บ

     * ออกแบบกราฟฟิกโดยใช้ชุดสีสำหรับเว็บ (Web  Palette)

     * เลือกใช้รูปแบบกราฟฟิกที่เหมาะสม GIF หรือ JPEG

     * ตัดแบ่งกราฟฟิกออกเป็นส่วนย่อย (Slices)

บท ที่ 8 เลือกใช้สีเว็บไซต์

         - สีสันในเว็บเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้   เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็น จากเว็บก็คือสี   ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกของเว็บไซต์

          - เราสามารถใช้สีกับทุกองค์ประกอบของเว็บเพจ   ตั้งแต่รูปภาพ  ตัวอักษร   สีพื้นหลัง   การใช้สีที่เหมาะสมจะช่วยในการสื่อความหมายของเนื้อหา

          - การใช้สีพื้นใกล้เคียงกับสีตัวอักษร   บางครั้งอาจสร้างความลำบากในการอ่าน

          - การใช้สีที่มากเกินความจำเป็นอาจสร้างความสับสนให้กับผู้อ่าน

          - การใช้สีที่กลมกลืนกันช่วยให้เว็บไซต์น่าดูชมมากยิ่งขึ้น

ประโยชน์ของสีในเว็บไซต์

          - สามารถชักนำสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจที่เราต้องการได้   เช่น  ข้อมูลใหม่   หรือโปรโมชั่นพิเศษ

          - สีช่วยเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน

          - สีสามารถนำไปใช้ในการแบ่งบริเวณต่าง ๆ ออกจากกัน

          - สีสามารถใช้ในการดึงดูดความสามารถของผู้อ่าน

          - สีสามารถสร้างอารมณ์โดยรวมของเว็บเพจ

          - ช่วยสร้างระเบียบให้กับข้อความต่าง ๆ เช่น ใช้สีแยกระหว่างหัวเรื่องกับเนื้อเรื่อง

          - สามารถส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้น ๆ    

การผสมสี (Color  Mixing)   มี 2 แบบ

          1. การผสมแบบบวก (Additive  mixing)  จะเป็นรูปแบบการผสมของแสง   ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ   สามารถนำไปใช้ในสื่อใด ๆ ที่ใช้แสงส่องออกมา เช่น จอโปรเจคเตอร์  ทีวี 

          2. การผสมแบบลบ (Subtractive  mixing)  การผสมสีแบบนี้ไม่เกี่ยวข้องกับแสง   แต่เกี่ยวเนื่องกับการดูดกลืนและสะท้อนแสงของวัตถุต่าง ๆ    สามารถนำไปใช้ในสื่อที่เกี่ยวข้องกับการใช้วัตถุมีสี เช่น ภาพวาดของศิลปิน   รูปปั้น หรือ สิ่งพิมพ์ต่าง ๆ

ความกลมกลืนของสี

          -   ความเป็นระเบียบของสี   ที่ทำให้ผู้ชมรู้สึกถึงความสมดุล   และความสวยงามในเวลาเดียวกัน

               *การใช้สีที่จืดชืดเกินไป  จะทำให้เกิดความรู้สึกที่น่าเบื่อ  และไม่สามารถดึงดูดความสนใจจาก ผู้ชมได้

               * การใช้สีที่มากเกินไป ก็จะดูวุ่นวาย   ขาดระเบียบ  และอาจสร้างความสับสนให้กับผู้ชม

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

รูปแบบชุดสีพื้นฐาน (Simple  Color  Schemes)

          1.  ชุดสีร้อน (Warm  Color  Scheme)  ประกอบด้วยสีม่วง , น้ำเงิน , น้ำเงินอ่อน , ฟ้า , ฟ้าเงินแกมเขียว  และสีเขียว   โดยจะให้ความรู้สึกเย็นสบาย   องค์ประกอบที่ใช้สีเย็นจะดูสุภาพ   เรียบร้อย

          2.  ชุดสีแบบเดียว  (Monochromatic  Color  Scheme)    เป็นรูปแบบชุดสีที่ง่ายที่สุด   คือมีค่าของสีบริสุทธิ์เพียงสีเดียว   แต่เพิ่มความหลากหลายโดยการเพิ่มความเข้ม  อ่อนในระดับต่าง ๆ    และชุดสีแบบนี้ค่อนข้างจะมีความกลมกลืนเป็นหนึ่งเดียว   แต่ในบางครั้งอาจทำให้ดูไม่มีชีวิตชีวา   เพราะขาดความหลากหลายของสี

          3.  ชุดสีที่คล้ายคลึงกัน (Analogous  Color  Scheme)  ประกอบด้วยสี 2 หรือ 3 สีที่ติดอยู่กันในวงล้อ   สามารถเพิ่มเป็น 4 หรือ 5 สีได้   แต่อาจส่งผลให้ขอบเขตของสีกว้างไป

          4.  ชุดสีตรงข้ามข้างเคียง (Split  Complementary  Color  Scheme)  เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม   และชุดสีแบบนี้มีความหลากหลายเพิ่มขึ้น   แต่จะมีผลให้ความสดใส  ความสะดุดตา  และความเข้ากันของสีลดลงด้วย

          5.  ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน (Double  Split  Complementary  Color  Scheme) ดัดแปลงมาจากชุดสีตรงข้ามเช่นกัน   แต่สีตรงข้ามทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง  2 ด้าน   และชุดสีแบบนี้มีความหลากหลายของสีที่มากขึ้น   แต่จะมีความสดใสและกลมกลืนของสีที่ลดลง

          6.  ชุดสีเย็น (Cool  Color  Scheme)  เว็บเพจที่ใช้โทนสีเย็น   ให้บรรยากาศคล้ายทะเล  รู้สึกเย็นสบาย

          7.  ชุดสีแบบสามเส้า (Triadic  Color  Scheme)  เป็นชุดสีที่อยู่ที่มุมของสามเหลี่ยมด้านเท่าทั้งสาม   ซึ่งเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน   จึงมีความเข้ากันอย่างลงตัว

          8.  ชุดสีตรงข้าม (Complementary  Color  Scheme)  คือสีที่อยู่ตรงข้ามกันในวงล้อสี   เมื่อนำสีทั้งสองมาใช้คู่กัน   จะทำให้สีทั้งสองมีความสว่างและสดใสมากขึ้น

บท ที่ 7 การออกแบบเว็บไซต์ให้เหมาะสมกับสิ่งแวดล้อม

ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์

     1.   เบราเซอร์ที่ใช้  

          - เบราเซอร์คือโปรแกรมที่ใช้เรียกดูเว็บเพจ   โดยสามารถแสดงผลได้ทั้งรูปแบบตัวอักษร ,
รูปภาพ   และภาพเคลื่อนไหว

          - มีเบราเซอร์หลายชนิดที่ได้รับความนิยม  เช่น

               * Internet   Explorer

               * Netscape   Navigator

               * The    World

               * Opera

               * Mozilla

               * Firefox

          - การออกแบบเว็บไซต์ตามคุณสมบัติของเบราเซอร์

               * เว็บไซต์สำหรับเบราเซอร์ทุกร่น

               * เว็บไซต์สำหรับเบราเซอร์รุ่นล่าสุด

               * เว็บไซต์ตามความสามารถของเบราเซอร์

               * เว็บไซต์ที่มีหลายรูปแบบ

     2.   ระบบปฏิบัติการ (Operating  System) 

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

               * การแสดงผลของ windows จะมีขนาดใหญ่กว่า Mac เล็กน้อย

               * ความสว่างของหน้าจอบน Mac จะมากกว่า Windows และ Unix

     3.   ความละเอียดของหน้าจอ

          - ขนาดของจอมอนิเตอร์มีหลายขนาด เช่น 15",17",21" และอื่น ๆ

          - ความละเอียดของหน้าจอ (monitor resolution) มีหน่วยเป็น Pixel

               * ความละเอียด 640 x 480 หมายถึง หน้าจอมีจุดพิกเซลเรียงตัวตามแนวนอน 640 พิกเซล และตามแนวตั้ง 480 พิกเซล
          - ความละเอียดของหน้าจอจะไม่ขึ้นกับบขนาดของมอนิเตอร์ที่ใช้    แต่จะขึ้นกับประสิทธิภาพของการ์ดแสดงผลว่าสามารถทำได้ละเอียดแค่ไหน
               * EX: จอขนาด 17"  สามารถตั้งค่าความละเอียดได้ตั้งแต่ 640 x 480 จนถึง 1600x1200 เป็นต้น    
     4.   จำนวนสีที่จอของผู้ใช้สามารถแสดงได้
          - มอนิเตอร์ที่สามารถแสดงสีที่แตกต่างกัน   ขึ้นอยู่กับประสิทธิภาพของการ์ดจอ (video card)
          - จำนวนหน่วยความจำในการ์ดจอ (video memory) ทีมากขึ้นจะทำให้สามารถแสดงสีได้มากขึ้น
          - จำนวนสีที่การ์ดจอสามารถ แสดงได้นั้น   ขึ้นอยู่กับค่าความละเอียดของสีที่เรียกว่า bit depth หรือ color depth ซึ่งก็คือจำนวนบิตที่ใช้ในการเก็บข้อมูลแต่ละพิกเซล    
          - ชุดสีสำหรับเว็บ (Web Palette) หมายถึงชุดสีจำนวน 216 สีที่มีอยู่เหมือนกันในระบบปฏิบัติการ Windows และ Mac
          - ปัจจุบัน Web Palette มีความสำคัญลดน้อยลง   เนื่องจากจอของผู้ใช้สามารถแสดงสีได้มากขึ้น   แต่ใน tool ต่าง ๆ เช่น Dreamweaver ก็ยังเห็นชุดสีเหล่านี้ปรากฏอยู่

     5.   ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้
          - MS  Sans  Serif  VS  Microsoft  Sans  Serif
               * MS   Sans Serif เป็นฟอนต์แบบบิตแมพ (bitmapped  font )  ที่ออกแบบขึ้นจากจุดของพิกเซล   โดยมีการออกแบบแต่ละตัวอักษรไว้เป็นขนาดที่แน่นอน
               * Microsoft  Sans  font   เป็นฟอนต์ที่มีโครงสร้างของอักขระเป็นแบบเวคเตอร์หรือลายเส้น (vector  font)  โดยมีการออกแบบเอาท์ไลน์ไว้เพียงแบบเดียว   แต่สามารถปรับขนาดได้อย่างไม่จำกัด
          - ตัวอักษรแบบกราฟิก (Graphic  Text)
          ข้อดี
               * สามารถกำหนดลักษณะของตัวอักษรได้อย่างแน่นอน   ทั้งชนิด   ขนาด   สี
               *ผู้ชมทุกคนจะมองเห็นตัวอักษรได้เหมือนกัน  โดยไม่จำเป็นต้องมีตัวอักษรชนิด นั้นติดตั้งไว้ใน เครื่อง
               * สามารถสร้างเอกลักษณ์เฉพาะตัวของเว็บได้จากรูปแบบของตัวอักษร
          ข้อเสีย
               * ใช้เวลาในการ download มากกว่า
               * ลำบากในการแก้ไขและเปลี่ยนแปลง
               * ข้อความที่เป็นกราฟิกจะไม่สามารถค้นหาได้ด้วย search engine

ไอติม

ขนมไทย

ช็อกโกแลต

วันที่ไม่ค่อยอยากคิด

     วันนี้เป็นวันทีเรียนตามปกติไม่ค่อยมีอะไรมาก เรียนทั้งวันเหมือนนักศึกษาทั่วไป ตอนเย็นก็ไปกินข้าวและก็อ่านหนังสือ แล้วก็เมาส์กับเพื่อนๆและกินขนมอร่อยนิดหน่อย ( 5-6 ถุง )  ก่อนล้างปากด้วยนมกล่องอีก 1 กล่องเป็นการตบท้าย  แล้วก็นอนหลับหลังจากไม่อยากคิดอะไรแล้ว

วันที่ผ่อนคลาย

    วันนี้เป็นวันที่ค่อยสบายหน่อย ตื่นสายได้เลยไม่ค่อยเร่งรีบมากๆ แต่ตอนบ่ายมีนัดไปทำงานกลับเพื่อนและพอตอนเย็นก็มีการไปจ่ายตลาดกับเมล์ที่ตลาดหน้าโรงงาน  จากนั้นก็มาทำอาหารกลับเพื่อนในห้อง
เลยเจริญอาหารขึ้นมาก ต่อจากนั้นตอน 6 โมงเย็นก็ออกไปเที่ยวกับเพื่อนเพื่อผ่อนคลาย  จากนั้นก็ดูที่ TVกันจนดึงและก็นอน

                                                                                                          

วันที่เครียด

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

                                                                                                         

จำกัดการแสดงผลของตัวอักษร text

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

ตัวอย่างแบบนี้ ดึงจากฐานข้อมูลมาแสดงผล

วิธีทำ

การสลับสีแถวแบบง่ายๆ

      คงเห็นหลายๆเว็บน่ะครับที่แสดงข้อมูลเป็นแถวยาวลงมาสีของพื้นตารางจะสลับกันจะให้เราอ่านหัวข้อนั้นๆ ได้ง่าย
และอาจจะทำให้เว็บเราสวยงามอีกน่ะ ต่อไปนี้เราจะทำแบบนั้นกันเอาแบบง่ายๆ น่ะครับและลองไปพัฒนาต่อดูน่ะ

ตัวอย่างแบบนี้ครับ สลับสีของแถวแบบ ASP

วิธีทำ

 

สร้างลายบนตัวText ด้วย Clipping Mask

 1.   สร้างตัวอักษรแล้วมีรูปภาพที่ชอบอยู่ในรูปภาพ

2.หารูปภาพลายเก๋ๆ เปิดเตรียมเอาไว้ ซึ่งขนาดรูปต้องคลุมเต็มพื้นที่ของTextที่สร้างขึ้นเมื่อสักครู่

3.เอารูปที่เปิดมานั้นไปวางไว้บน text ที่เราสร้างขึ้น ให้รูปอยู่เหนือ Text Layer (จะ copy&paste หรือลากเอาเลยก็ได้)

4.CTRT+G เพื่อให้รูปนั้นไปเป็น Mask ของ Text ก็เสร็จดังภาพสุดท้ายนี้