หลักการออกแบบเว็บ

หน่วยการเรียนรู้ที่ 2 

หลักการออกแบบ (Web  Designing)

1) ความหมายของเว็บ (Web) 

             เว็บ คือ หน้าเว็บเพจหลายหน้า  ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงค์  ที่รวมสื้อประสม

ต่างๆ เช่น  ภาพ  เสียง ข้อความ  โดยจัดเก็บไว้ใน เวิลด์ไวด์เว็บ หน้าเว็บเพจแรกของเว็บที่ปรกฎหลังสืบค้นได้แล้ว  เรียกว้าโฮมเพจ  ส่วนเว็บเพจใช้เรียกหน้าอื่นๆ

2) ประเภทของเว็บ

    ปิยะบุตร   สุทธิดารา   ได้จำแนกประเภทของเว็บไว้ว่าสามารถแบ่งได้เป็น 5 ประเภทดังต่อไปนี้

                    1. ประเภทส่วนตัว

                    2. ประเภทบันเทิง

                    3. ประเภทให้ความรู้

                    4. ประเภทให้บริการ

                    5. ประเภทค้นหาข้อมูล

3) องค์ประกอบทั่วไปของเว็บ 

                 1. โลโก้

                 2. ส่วนหัวของเว็บเพจ

                 3. ส่วนเมนูหลัก

                 4. ส่วนเนื้อหา

                 5. ส่วนล่างสุด

                 6. แบนเนอร์

4) การแบ่งพื้นที่ให้กับเว็บเพจ

             การแบ่งพื้นที่ของเว็บเพจแต่ละเว็บ สามารถแบ่งได้ดังนี้

                   1. Logo สัญลักษณ์ หรือสื่อแทนองค์กร     

                   2. Header  ส่วนหัวสำหรับออกแบบกราฟิกหรือภาพเคลื่อนไหว

                   3. Body ส่วนเนื้อหา เพื่อนำเข้าสู่รายละเอียดต่างๆ

                   4. Menu  ส่วนสำหรับลิงค์ไปยังเนื้อหาต่างๆ

                   5. Footer  ส่วนท้ายบอกลิขสิทธิ์ หรือที่อยู่สำหรับติดต่อกลับ

5) หลักการออกแบบเว็บ 

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

                   1.มีการออกแบบโครงสร้างที่ดี

                   2. มีการออกแบบหน้าของเว็บที่ดี

                   3. มีการกำหนดเป้าหมายของเว็บที่ชัดเจน

ภาพกระพริบ

                                                        My name's Jidapa  Chauesawatee

วิธีการทำ
1. ตัดรูป โดยใช้เครื่องมือ Polygonal Lasso Tool
2. คัดลอกรูปที่ตัด ไปที่เมนู Edit ---> Coppy
3. วางรูป ไปที่เมนู Edit ---> Past
4. ปรับภาพพื้นหลัง ให้ เบลอๆ เหมือนรถวิ่งผ่าน ไปที่เมนู Filter ---> Blur ---> Redial Blur
5. ปรับภาพที่ตัดมา ให้ดูพุ่ง Filter --->Stylize ---> Wind

รูปตัดต่อจากละครธรณีนี่นี้ใครครอง  ณเดช VS. ซายน์

วิธีการทำ
1. ตัดภาพ โดย ใช้เครื่องมือ Polyonal Lasso Tool
2. ปรับเส้นขอบของภาพให้จาง ไปที่เมนู Select---> Modify ---> Feather
3. คัดลอกภาที่ตัด ไปที่เมนู Edit --> Coppy
4. วาง ไปที่เมนู  Edit ---> Paste
5. ปรับแสง ไปที่เมนู Image ---> Adjustments --->Curves
6. ปรับสี ไปที่เมนู Image ---> Adjustments ---> Colorbalarce
7. ทำภาพให้หมุนกลับด้าน  Edit ---> Transform ---> Flip Horizortal

1. ความสมดุล          รูปภาพกับตัวหนังสือ อยู่ในตำแหน่งที่เหมาะสม ทั้งด้านซ้ายด้านขวาของภาพมีความสมดุล ไม่หนักทางด้านใดด้านหนึ่ง

2.จุดเด่น           รูปคน เพราะสื่อถึงเจ้าของต้นฉบับที่ได้ออกแบบหน้าปกขึ้น


3.สี       ใช้สีวรรณเดียว  คือ วรรณเย็น ซึ่งสีของภาพจัดได้ว่าอยู่ในโทนเดียวกัน ดูแล้วไม่ทำให้ลายตา 

 4. ความมีเอกภาพ             สีจะเป็นสีในโทนเดียวกันทั้งภาพและตัวหนังสือ ดูเรียบง่าย ไม่สับสน เกิดเป็นอันหนึ่งอันเดียวกัน 


5.ความคิดสร้างสรรค์               ได้นำรูปภาพที่เกี่ยวข้องกับเฟสบุ๊ค มาประยุกต์ใช้ในการตกแต่ง หน้าปก ให้เกิดความแตกต่างจากต้นฉบับ

หลักการใช้สี
            ใช้สีโทนเดียว  คือเป็นสีวรรณเย็น  ซึ่งบ่งบอกถึง ความบริสุทธิ์ใจ  สบายใจ   สงบร่มรื่น

จุดเด่น

       จุดเด่นของภาพคือ โบสถ์  เพราะในเนื้อหามุ่งเน้นถึงการสร้างโบสถ์ จึงยึดโบสเป็นจุดเด่น

เอกภาพ 

      สีตัวอักษรอยู่ในโทนเดียวกันกับพื้นหลัง  และใช้ฟอนต์ตัวหนังสือที่อ่านง่าย  ซึ่งทำให้เกิดความเป็นอันหนึ่งอันเดียวกัน

ความสมดุล

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

ความคิดสร้างสรรค์

         เลือกให้สีพื้นหลังได้อย่างเหมาะสม  ไม่ดูหน้าเกียจ 

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

1. ความสมดุล ใช้สีตัวอักษรโทนสีเดียวกันเพื่อให้เกิดความสมดุลกับรูปภาพ

2.จุดเด่น คือ โบสถ์

3.สี  ใช้สีโทนเย็น และตัวหนังสือ เป็นสีโทนเดียวกัน เพื่อทำให้เกิดความสบายใจ

4.ความมีเอกภาพ ใช้ตัวอักษรอ่านง่าย และใช้คำที่สื่อความหมายชัดเจนกับภาพ

5.ความคิดสร้างสรรค์เพิ่มตราสัญลักษณ์ประจำวิทยาลัยเพื่อบ่งบอกถึงสถาบันที่กำลังศึกษา

หลักการใช้สี

หลักการใช้สี

1. มีฟอนต์ตัวอักษรที่ดูโดดเด่นและอ่านง่าย

2. ภาพนี้ใช้สีวรรณเย็น ซึ่งดูแล้วสบายตา

3. ใช้โทนสีที่มีความไกล้เคียงกัน ไม่ทำให้สีเกิดความขัดแย้ง

My princess

การใช้สีของชิ้นงาน

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

การใช้สีของชิ้นงาน

การใช้สีของงานชิ้นนี้จะเป็นสีโทนสีดำเพราะเป็นละครผีออกแนวน่ากลัว     สีดำจะเป็นสีที่มึดมนทำให้รู้สึกน่ากลัวดูแล้วทำให้เกิดความน่ากลัว เข้ากับหนังผีเพราะละครเรื่องบ่วงสร้างขึ้นเพื่อเน้นในเรื่องความน่ากลัว

เพราะฉะนั้นสีดำจึงเป็นสีที่เหมาะสำหรับเน้นให้เกิดความตื่นเต้นน่าละทึกใจเป็นอย่างยิ่ง

  คอมพิวเตอร์กราฟิก ( Computer Graphic ) 

 1. ทฤษฏีสี (COLOR THEORY)

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

2. วรรณะสี 

  พอเราเข้าใจเกี่ยวกับสีแล้ว เราก็สามารถสร้างและออกแบบสิ่งต่างๆด้วยการใส่อารมณ์จาก สีได้ วรรณของสีจะเน้นการนำไปใช้เกี่ยวกับการออกแบบเว็บ แต่สามารถนำไปใช้กับงานอื่น ๆ ได้  
             2.1การใช้สีวรรณะเดียว ความหมายของสีวรรณะเดียว(Tone)คือกลุ่มสีที่แบ่งออกเป็นวง ล้อสีเป็น 2 วรรณะ คือ    
              1. วรรณะร้อน (Warm Tone)   ซึ่งประกอบด้วย สีเหลือง สีส้ม สีแดง สีม่วง   
              2. วรรณะร้อน วรรณะเย็น (Cool Tone) ประกอบด้วย สีเหลือง สีเขียว สีนํ้าเงิน สีม่วง
(สีเหลืองกับสีม่วงได้ทั้งสองวรรณะ)
  2.2 การใช้สีต่างวรรณะโดยทั่วไปจะใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี คือ ถ้าใช้สีวรรณะร้อน 80% สีวรรณะเย็น 20% เป็นต้น ซึ่งการใช้แบบนี้สร้างจุดเด่น จุดสนใจของผู้ชม ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเป็นจุดเด่น ไม่น่าสนใจ 
2.3การใช้สีตรงกันข้าสีตรงข้ามจะทำใหมี้ความรู้สึกตัดกันรุนแรงแตกหักสร้างความเด่นและเร้าใจได้มากแต่ หากใช้ไม่ถูกหลัก หรือไม่เหมาะสม หรือใช้จำนวนสีมากจนเกินไป ก็จะทำให้ความรู้สึกพร่ามัว ขัดแย้งสายตา ควรใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ 20% หรือหากมีพื้นที่เท่ากันที่จำเป็นต้องใช้ ควรนำสีขาว หรือสีดำ เข้ามาเสริมเพื่อ ตัดเส้นให้แยกออกจากกันคือการลดความสดของสีตรงข้าม 

3. การเลือกใช้สีเพื่อการออกแบบเว็บ

งานออกแบบเว็บไซต์แต่ละชิ้นที่เราออกแบบออกมาสวยงามโดดเด่นน่าสนใจ  ประสบการณ์ในการออกแบบและการเลือกใช้สีคือคำตอบที่ช่วยเสริมให้เว็บไซต์ดูเด่นสง่าสะดุดตาน่าชื่นชม การเลือกใช้สีอย่างเหมาะสมก็ช่วยให้งานประสบความสำเร็จตามเป้าหมายได้ 
            แม่สี ในวงการศิลปะจะมีอยู่ด้วยกัน 3 สี คือ นํ้าเงิน เหลือง แดง ซึ่งเวลาผสมสี จะนึกออกอย่างแรกเลยคือ RGB สีอื่นที่อยู่ระหว่างสีทั้ง 3 สี จะเกิดจากการผสมกันของแม่สีทั้ง 3 สี โดยแบ่งสีออกเป็นสองวรรณะคือ วรรณะร้อน และวรรณะเย็น               
             3.1 การเลือกใช้ชุดสีอ่อนไปหาเข้ม(ตามน้ำหนักของสี)   คือสีหลักหนึ่งสีและลดความเข้ม ความอ่อน ของสี สีชุดนี้จะทำให้เกิดความรู้สึกไม่รุนแรงวู่วาม ทำให้รู้สึกอ่อนโยน คลาสสิก แต่อีกมุมหนึ่งจะเป็นชุดสีไม่ค่อยมีมิติในการนำไปใช้ออกแบบ
           3.2 ชุดสีคู่ตรงข้าม    เป็นสีที่อยู่ตรงข้ามกันสุดๆ ในวงจรสีให้ความรู้สึกตื่นเต้นเร้าใจ จะเป็นการเบรคความเข้มของทั้งสองสีด้วยสีขาวหรือสีดำก็จะใช้สีทั้งสองสีในอัตราส่วน 70 ต่อ 30 หรือ 80 ต่อ 20 เปอร์เซ็นต์ ในการออกแบบ
            3.3 ชุดสีใกล้เคียง  เป็นชุดสีที่กลมกลืนและไม่น่าเบื่อ เลือกมาจากสีที่อยู่ติดๆ กัน 3 - 5 สี จากวงจรสีไม่จืดชืดจะสร้างงานได้สดใส  อัตราส่วนตามชอบ

4. อารมณ์และความหมายของสี

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

         

 

 

5. ประโยชน์ของสีในการออกแบบเว็บ

                1. สีสามารถชักนำสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บ ผู้อ่านจะมีการเชื่อมโยง
ความรู้สึกกับบริเวณของสีในรูปแบบที่คาดหวังได้
                2. สีช่วยเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน ทำให้ผู้อ่านจะมีความรู้สึกว่าบริเวณที่มีสีเดียวกันจะมีความสำคัญเท่ากัน
                3. สีสามารถช่วยดึงดูดความสนใจของผู้อ่าน นำสายตาผู้อ่านให้มองไปยังสีที่มีลักษณะเด่นหรือผิดปกติเสมอ
                4. สีช่วยสร้างระเบียบให้กับข้อความต่าง ๆ เช่นการใช้สีแยกระหว่างหัวข้อกับเนื้อเรื่อง
หรือสร้างความแตกต่างให้กับข้อความบางส่วน
               5. สีสามารถสร้างอารมณ์โดยรวมของเว็บ และกระตุ้นความรู้สึกตอบสนองจากผู้ชมได้

6. การออกแบบฟอนต์เพื่องานออกแบบเว็บ

              6.1 การใช้สีกับฟอนต์  เราไม่ควรใช้สีที่สว่าง หรือจัดจ้านเกินไป เพราะเมื่อผู้ชมอ่านเนื้อหาเป็นเวลานาน ๆ
จะทำให้รู้สึกแสบตาได้ ขณะเดียวกันก็ไม่ควรใช้สีที่ใกล้เคียงกับสีพื้น
              6.2 ชนิดของฟอนต์ (Type Style)   ชนิดของตัวอักษรหรือตัวหนังสือเป็นสิ่งแรกที่ต้องทำความรู้จัก หรือเรียกง่าย ๆ ว่าฟอนต์นั้นเอง โดยจะแบ่งชนิดตัวอักษรตามการทำงานเป็น2 ประเภทคือ อักษรภาษาอังกฤษ กับอักษรภาษาไทย
              6.3 ตัวอักษรภาษาอังกฤษ    เป็นภาษาที่เลี่ยงไม่ได้เลยในงานออกแบบกราฟิกเพราะจะเป็นภาษาพื้นฐานในการใช้งานเมื่อเราต้องการจะออกแบบงานต่าง ๆ เราจึงควรจะเลือกตัวอักษรภาษาอังกฤษ
              6.4 ตัวอักษรภาษาไทย (Thai Font)    ตัวอักษรภาษาไทย อาจจะจัดวางยากกว่าตัวอักษรภาษาอังกฤษ เนื่องจากมีสระและวรรณยุกต์ ซึ่งบางครั้งก็ยุ่งยากในการจัดวางให้ลงตัว หรือดูสวยงามแบ่งออกเป็นหลายชนิดดังนี
           - แบบดั้งเดิมหรือฟอนต์แบบมีหัว
           - แบบหัวตัดหรือแบบไม่มีหัว
              6.5 แบบลายมือและแบบคัดลายมือ  จะให้ความรู้สึกเป็นอิสระ หรือเป็นเอกลักษณ์เฉพาะ จะดูไม่เป็นทางการ ไร้ขอบเขตไร้กฎเกณฑ์ จะเป็นไปตามความต้องการ หรือ ความรู้สึกของผู้ใช้เป็นส่วนมาก
              6.6 ขนาดของฟอนต์ (Font Size) ในการออกแบบเว็บ   ขนาดของตัวอักษร เป็นปัจจัยหนึ่งที่ต้องรู้จักใช้ให้เหมาะสมข นาดอักษรมีหน่วยที่รู้จักกันดีที่สุดคือพอยท์ (Point) โดยขนาด 72 พอยท์จะมีขนาดตัวอักษรใหญ่เท่ากับ 1 นิ้ว ในการใช้ตัวอักษรในงานกราฟิก งานสิ่งพิมพ์ งานเว็บไซต์ โดยทั่วไป

           

7. การจัดองค์ประกอบภาพสำหรับงานออกแบบเว็บ              

                 7.1 ความมีเอกภาพ (Unity)   เอกภาพ คือสิ่งที่ทำให้งานสื่อความหมายออกมาตามวัตถุประสงค์ที่ชัดเจน ซึ่งงานที่ออกแบบต้องมีความกลมกลืน (Harmony) เป็นพวกพ้อง อันหนึ่งอันเดียวกันไ ม่ทำให้ผู้เข้าชมรู้สึกขัดแย้งในสายตา องค์ประกอบของภาพแต่ละจุดต้องมีความสัมพันธ์ สอดคล้อง ไปในทิศทางเดียวกัน
                  7.2 เสริมจุดเด่น เน้นจุดสำคัญ (Emphasize)     องค์ประกอบด้านกราฟิก คือ  การสร้างหรือเสริมจุดเด่น เน้นจุดสำคัญ เพื่อทำให้งานน่าสนใจ  และการสร้างจุดสนใจให้ผู้ชมจับ
ประเด็นมิเช่นนั้นแล้วงานกราฟิกที่ได้จะไม่มีเสน่ห์
                  7.3 การวางจุดสนใจ (Focus Point)   สิ่งแรกทุกคนกังวลใจคือ ไม่รู้ว่าจะวางจุดไหนที่คิดว่าจะเป็นจุดเด่นที่สุด  ถ้าไม่มีประสบการณ์เป็นการยากที่จะบอกได้ว่า จุดไหนที่วางแล้วทำให้องค์ประกอบกราฟิกดู เด่น สง่า นำสายตาผู้ชมได้ดี

                  7.4 การวางองค์ประกอบภาพให้ดูโดดเด่น (Isolation)   การวางองค์ประกอบให้ภาพโดดเด่น จะเน้นจุดสนใจเพื่อให้ผู้ชมได้เห็นนั้นง่าย อาจใช้กฎสามส่วนช่วยในการวางองค์ประกอบให้ถูกหลักการมากยิ่งขึ้นการสร้างความแตกต่างหรือจุดเด่น เป็นเรื่องที่เข้าใจง่าย ทุกองค์ประกอบมีจุดหมายเดียวกันคือ การผสมผสานให้งานครบองค์ประกอบ ดูดี ลงตัว สื่อความหมายของงานได้อย่างชัดเจน
                7.5 ความสมดุล (Balance)   เป็นองค์ประกอบที่สำคัญในงานออกแบบกราฟิก ส่งเสริมให้งานที่ได้มีเอกภาพ ซึ่งความสมดุลแบ่งได้ 2 อย่างคือสมดุลที่เหมือนกันและสมดุลที่ไม่เหมือนกัน
                7.6 สร้างความเหมือนที่แตกต่าง (Contrast)  ความแตกต่างเป็นตัวกำหนดความน่าสนใจหรือความโดดเด่นในงานได้ดี แต่ต้องระวัง เพราะการสร้างองค์ประกอบให้ภาพมีความแตกต่างมากเกินไป จะทำให้องค์ประกอบนั้นหลุดออกจากกรอบของงาน ทำให้ได้งานที่ไม่เป็นอันหนึ่งอันเดียวกันหรือขาดความมีเอกภาพ และองค์ประกอบนันจะเป็นสิ่งแปลกประหลาดในภาพมากกว่าจะเป็นจุดที่น่าสนใจในที่สุด
               7.7 ที่ว่างในงานออกแบบ (Spacing)    ในงานออกแบบกราฟิกหรืองานออกแบบงาน 2 มิติ และ 3 มิติ นอกจากองค์ประกอบหลักแล้ว ยังมีอีกสิ่งหนึ่งที่มีอิทธิพลกับภาพที่เราออกแบบ แต่นักออกแบบจำนวนไม่น้อยมองข้ามไป นั้นคือ ที่ว่าง( space)

8. หลักการสร้างงานกราฟิกเพื่อการออกแบบเว็บ

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

             8.2 การเลือกภาพที่ต้องการใช้งานเป็นการตัดหรือคัดลอกบางส่วนของภาพที่เราจะนำมาใช้ในชิ้นงานของเรา
             8.3 จัดวางภาพให้เหมาะสมเมื่อเรานำภาพส่วนประกอบมารวมกันในชิ้นงาน อาจจะมีบางภาพที่มีขนาดและมุมก่อนจัดวางไม่ลงตัว เราก็สามารถขยายหรือหมุนและบิดภาพให้ลงตัวได้
            8.4 การใส่ข้อความเป็นการใส่ข้อความเพื่อให้ภาพมีชื่อเรื่องบรรยายภาพให้มีความสมบูรณ์ เป็นการสร้างองค์ประกอบของภาพให้มีรายละเอียดมากขึ้น
            8.5 การนำภาพส่วนประกอบมาซ้อนกันนำภาพส่วนประกอบที่เลือกไว้มาวางซ้อนกัน บางส่วนอาจจะอยู่ด้านบนบางส่วนอาจจะอยู่ด้านล่าง หรืออยู่ตรงตามวัตถุประสงค์ที่วางไว้
            8.6 การตกแต่งรูปภาพให้เข้าด้วยกันอย่างกลมกลืน  สุดท้ายหรือท้ายที่สุดคือการได้ภาพที่สมจริง ภาพโดยรวมของชิ้งานที่ได้ และการปรับแต่งราละเอียดของภาพประกอบแต่ละส่วน
ต้องดูกลมกลืนกัน มีความเป็นเอกภาพอันหนึ่งอันเดียวกัน

1.)โปรแกรมป้องกันไวรัส

              (1) Nod 32 Antivirus System เป็นเทคโนโลยีที่ชาญฉลาด และส่งสัญญาณเตือนที่ "ผิดพลาด" น้อยกว่าผลิตภัณฑ์อื่นที่ให้การปกป้องภัยอันตรายใหม่ๆเมื่อใช้โปรแกรม โปรแกรม NOD32 เข้าแทนที่ผลิตภัณฑ์ป้องกันไวรัสอื่นๆ ในคอมพิวเตอร์ที่บ้าน ผู้ใช้โดยทั่วไปมักจะพบไวรัสหรือมัลแวร์อื่นๆ เพิ่มเติมซึ่งผลิตภัณฑ์ป้องกันไวรัสตัวเดิมค้นหาไม่พบสร้างขึ้นเพื่อความ เร็ว โปรแกรม nod32 Antivirus ทำงานได้รวดเร็วจนคุณอาจไม่รู้สึกว่ามีโปรแกรมทำงานอยู่
              (2) Panda Cloud Antivirus โปรแกรมกำจัดไวรัสและสแกนไวรัสน้องใหม่ไฟแรงเวอร์ชันเต็มตัวใหม่ล่าสุด Panda Cloud Antivirus 1.5.1,Cloud Antivirus 1.9 Beta เป็นโปรแกรมสแกนไวรัสรูปแบบใหม่ในการกำจัดเจ้าไวรัส สปายแวร์ หรือมัลแวร์ แนวคิดของ Panda Cloud Antivirus คือการออกแบบให้โปรแกรมมีขนาดเล็ก เบา กินพื้นที่และทรัพยากรเครื่องน้อย ในขณะเดียวกันได้ย้ายการทำงานหลักๆ ออกไปทำงานบนเซิฟเวอร์ cloud แทน ไม่ว่าจะเป็น realtime protection , fully scanning , และข้อมูลของไวรัสที่ออกมาใหม่ ๆ
              (3) AVIRA Antivirus Persanal มีโปรแกรมนี้เอาไว้ เปรียบเสมือนมี หน่วยรักษาความปลอดภัย (รปภ.) ชั้นดี ประจำการอยู่ในเครื่องคอมพิวเตอร์ของท่าน เพื่อป้องกันกานบุกรุกต่างๆ จากเหล่าบรรดาไวรัส เป็นโปรแกรมป้องกันแอนตี้ไวรัสแจกฟรี (Free Anti-Virus Software) จากประเทศเยอรมันนี ที่ได้รับการยอมรับจากทั่วโลก ได้รับรางวัล THE BEST FREEWARE ของโปรแกรมประเภท AntiVirus จาก CHIP นิตยาสารคอมพิวเตอร์ชื่อดังระดับโลก มั่นใจได้ในเรื่องประสิทธิภาพและความปลอดภัย
               (4) Avast Antivirusโปรแกรมนี้เป็น โปรแกรม ป้องกันไวรัส หรือ "Anti Virus" ชั้นดีอีกหนึ่งตัว ที่ถือได้ว่า ค่อนข้างมีประสิทธิภาพ มากอีกตัวนึง เพราะ โปรแกรมนี้ เป็น โปรแกรมที่ สามารถตรวจสอบ (Detect) และกำจัด (Delete & Kill) ได้ทั้ง ไวรัสประเภท ธรรมดา หรือ ไวรัสประเภทหนอน (Worm) และสุดท้าย ที่สำคัญ นั่นก็คือ โทจัน (Trojan) เรียกได้ว่า เขารับประกันได้เลยว่า โปรแกรมนี้ สามารถใช้งานได้ผลแบบ ชนิดที่เรียกว่า 100% โปรแกรมนี้สามารถที่จะ ปรับเปลี่ยน Skin หรือ หน้าตา ของการใช้งาน (Interface) ได้อย่างตามใจชอบ, มีระบบ ตรวจสอบหาไวรัส ทั้งในเครื่องคอมพิวเตอร์เอง และ ไวรัสที่อาจจะมาจาก อินเตอร์เน็ต ไม่ว่าจะเป็นทาง E-Mail หรือ เว็บไซต์ (Web Access) โดยการตรวจสอบนี้ จะทำตั้งแต่ การเริ่ม เปิดเครื่อง (Boot) ซึ่งนอกจากนี้ ด้วยเทคโนโลยี ของ iAVS technology โปรแกรมนี้ ยังมีระบบการ Update ข้อมูลเกี่ยวกับไวรัส ตัวใหม่ๆ ที่อาจจะ เพิ่งเกิดขึ้นมา ได้แบบ อัตโนมัติ สิ้นสุดการสนทนา
                 (5) AVG Antivirus AVG Anti-Virus Free Edition : เป็นอีกหนึ่งโปรแกรมป้องกันไวรัสคอมพิวเตอร์ชื่อดังซึ่งเจ้าตัว AVG นอกจากจะมีดีเพราะความ ฟรี ของมัน มันยังมีความสามารถป้องกันไวรัสได้ดีไม่แพ้ของที่เสียตังค์แต่อย่างใด มีการ Update ข้อมูลไวรัสอย่างรวดเร็ว แถมยังไม่หน่วงเครื่องของคุณอีกต่างหากแถมยังมีฟังก์ชั่น Real-time Protection เปรียบเสมือนยามค่อยเฝ้ามองไวรัสอยู่ตลอดเวลา

 2.)โปรแกรมระบบปฏิบัติการ

                  (1) ระบบปฏิบัติการวินโดวส์ ระบบปฏิบัติการ Windows คือ ระบบปฏิบัติการที่ใช้ในการจัดการและควบคุมการทำงานต่าง ๆ ของเครื่องคอมพิวเตอร์ เช่น การจัดการเกี่ยวกับการแสดงผลบนจอภาพ รับข้อมูลทางแป้นพิมพ์หรือเมาส์ การจัดการเกี่ยวกับแฟ้มข้อมูล การพิมพ์แฟ้มข้อมูล การทำสำเนาแฟ้มข้อมูล การเปลี่ยนชื่อแฟ้มข้อมูล การเก็บแฟ้มข้อมูล การติดตั้งโปรแกรม เป็นต้น สิ้นสุดการสนทนา
                  (2) ระบบปฏิบัติการm Linux ลีนุกซ์ระบบปฏิบัติการ ที่เป็นยูนิกซ์โคลน สำหรับเครื่องพีซี และแจกจ่ายให้ใช้ฟรี สนับสนุนการใช้งานแบบหลากงาน หลายผู้ใช้ (MultiUser-MultiTasking) มีระบบ X วินโดวส์ ซึ่งเป็นระบบการติดต่อผู้ใช้แบบกราฟฟิก ที่ไม่ขึ้นกับโอเอสหรือฮาร์ดแวร์ใดๆ (มักใช้กันมากในระบบยูนิกซ์) และมาตรฐานการสื่อสาร TCP/IP ที่ใช้เป็นมาตรฐานการสื่อสารในอินเทอร์เนตมาให้ในตัว ลีนุกซ์มีความเข้ากันได้ (compatible) กับ มาตรฐาน POSIX ซึ่งเป็นมาตรฐานอินเทอร์เฟสที่ระบบยูนิกซ์ส่วนใหญ่จะต้องมีและมีรูปแบบบางส่วนที่คล้ายกับระบบปฏิบัติการยูนิกซ์จากค่าย Berkeley และ System V โดยความหมายทางเทคนิคแล้วลีนุกซ์ เป็นเพียงเคอร์เนล (kernel) ของระบบปฏิบัติการ ซึ่งจะทำหน้าที่ในด้านของการจัดสรรและบริหารโพรเซสงาน การจัดการไฟล์และอุปกรณ์ I/O ต่างๆ
                (3) ระบบปฏิบัติการ Operating System  เป็นซอฟต์แวร์ระบบ (System Software) ที่ทำหน้าที่ควบคุมการทำงานของเครื่องและอุปกรณ์ ควบคุมและสั่งการให้ Hardware สามารถทำงานได้ เช่น ทำหน้าที่ในการตรวจเช็คอุปกรณ์ Keyboard ขณะเปิดเครื่อง ถ้าผู้ใช้ลืมเสียบสาย Keyboard ที่ port ด้านหลังของเครื่อง ขณะที่ซอฟต์แวร์ระบบตรวจสอบแล้วไม่พบอุปกรณ์เชื่อมต่อดังกล่าว จะมีข้อความแจ้งเตือนความผิดพลาด “Keyboard Error” นอกจากนี้ยังทำหน้าที่เป็นสื่อกลางในการเชื่อมการทำงานระหว่าง User ในการใช้โปรแกรมประยุกต์ ( Application Software) ของ user กับระบบเครื่องฯ อำนวยความสะดวกในการใช้งาน และเพิ่มประสิทธิ์ภาพของระบบ
                (4) ระบบปฏิบัติการ GUI (Graphical User Interface, GUI ) เป็นวิธีการหนึ่งของการใช้งานคอมพิวเตอร์ผ่านทางสัญลักษณ์หรือภาพนอกเหนือ จากทางตัวอักษร กุยมีส่วนประกอบต่างๆ เช่น ไอคอน หน้าต่างการใช้งาน เมนู ปุ่มเลือก ไอคอน และการใช้เมาส์ หรือแม้แต่ในระบบทัชสกรีน การใช้งานแบบกราฟิกและแบบชุดคำสั่ง ในวินโดวส์ ไอคอนและโปรแกรมต่างๆ ทำงานระบบกราฟิก ขณะที่หน้าต่างการใช้งาน(ตรงกลางสีดำ) เป็นการใช้งานผ่านชุดคำสั่งส่วนต่อประสานกราฟิกกับผู้ใช้ ช่วยให้การเรียนรู้การใช้งานคอมพิวเตอรทำได้ง่ายและเร็วขึ้นเปรียบเทียบกับ ระบบเก่า สิ้นสุดการสนทนา
               (5) ระบบปฏิบัตการแบบมัลติโปรเซสซิ่ง (Multiprocessing) หมายถึง ระบบปฏิบัติการซึ่งสามารถใช้ CPU มากกว่า 1 ตัวในการประมวล หมดแล้ว

 3.)โปรแกรมฐานข้อมูล

               (1) Microsoft Access คือ โปรแกรมจัดการด้านฐานข้อมูลที่ทำงานบนเครื่องคอมพิวเตอร์ส่วนบุคคลสำหรับเครื่องคอมพิวเตอร์ขนาดเล็กแล้วอาจจะจัดว่าเป็นโปรแกรมจัดการทางด้านฐานข้อมูลขนาดเล็กที่มีประสิทธิภาพมากที่สุด และใช้งานง่ายที่สุด โปรแกรมนี้ถูกพัฒนาขึ้นมาโดย บริษัท Microsoft ซึ่งเป็นบริษัทยักษ์ใหญ่ในวงการ Computer Software ของโลก
               (2) Foxpro หลังจากที่เราสร้างฐานข้อมูล สร้างตาราง และบรรจุตารางสำหรับเก็บข้อมูลลงในฐานข้อมูลแล้ว ขั้นตอนต่อไปในการพัฒนาโปรแกรมประยุกต์ของเราก็คือการบริหารจัดการข้อมูล เช่น การบันทึกข้อมูล การแก้ไขข้อมูล รวมทั้งการจัดการข้อมูลในลักษณะอื่นๆ โดยการกระทำดังกล่าวในวิชวลฟอกซ์โปร 7 นั้นทำได้อย่างไม่ยุ่งยากนัก
               (3) dBase โปรแกรมที่ใช้ในการเปลี่ยนรูปแบบ (format) การเก็บข้อมูลหรือภาพให้เป็นรูปแบบที่ต้องการใช้ส่วนมากโปรแกรมนี้จะมีแทรกอยู่ในโปรแกรมประเภทประมวลผลคำหรือโปรแกมการจัดพิมพ์ ฯ ที่มักจะมีการโอนแฟ้มข้อมูล ประเภทอื่น เช่นจากโปรแกรม dBASE หรือ Lotus เข้ามา ถ้าไม่มีตัวกรองเตรียมไว้ก็จะโอนเข้ามา ไม่ได้ นอกจากนั้น ยังเป็นคำสั่งในระบบปฏิบัติการคำสั่งหนึ่งที่สั่งให้ประมวลผล ข้อมูลเสียก่อนที่จะทำอย่างอื่นต่อไปตัวกรองของระบบดอส จะประกอบด้วยคำสั่ง More, Find, และ Sort คำสั่งMore เป็นคำสั่งให้แสดงผลไปเรื่อย ๆ จอภาพ ก็จะเลื่อนไปเรื่อย ๆเพื่อแสดงผลต่อไปจนกว่าจะหมด find เป็นคำสั่งให้หาแฟ้มข้อมูลที่ต้องการและ sort ก็เป็น คำสั่งให้เรียงลำดับแฟ้มข้อมูลที่ใช้รหัสแอสกี (ASCII)
               (4) Microsoft SQL SQL เป็นภาษาคอมพิวเตอร์สำหรับทำงานกับชุดข้อมูลและความสัมพันธ์ระหว่างชุดข้อมูลต่างๆ โปรแกรมฐานข้อมูลเชิงสัมพันธ์ เช่น Microsoft Office Access จะใช้ SQL ในการทำงานกับข้อมูล SQL เป็นภาษาที่ผู้ใช้สามารถอ่านและทำความเข้าใจได้ไม่ยาก แม้แต่กับผู้ใช้ระดับเริ่มต้น ซึ่งต่างจากภาษาคอมพิวเตอร์อื่นๆ SQL เป็นมาตรฐานระดับสากลที่หน่วยงานกำหนดมาตรฐาน เช่น ISO และ ANSI ให้การรับรอง เช่นเดียวกับภาษาคอมพิวเตอร์อื่นๆ
                (5) Oracle คือ โปรแกรมจัดการฐานข้อมูล ผลิตโดยบริษัทออราเคิล ซึ่งเป็นโปรแกรมจัดการฐานข้อมูลเชิงสัมพันธ์ หรือ DBMS (Relational Database Management System) ตัวโปรแกรมนี้จะทำหน้าที่เป็นตัวกลางคอยติดต่อ ประสาน ระหว่างผู้ใช้และฐานข้อมูล ทำให้ผู้ใช้งานสามารถใช้งานฐานข้อมูลได้สะดวกขึ้น เช่นการค้นหาข้มูลต่างๆภายในฐานข้อมูลที่ง่ายและสะดวก โดยผู้ใช้ไม่จำเป็นต้องทราบถึงโครงสร้างภายในของฐานข้อมูลก้สามารถเข้าใช้ฐานข้อมุลนั้นได้

 4.) โปรแกรมนำเสนอผลงาน

                    (1) Microsoft office PowerPoint เป็นโปรเเกรมในการนําเสอนได้ในหลายรูปเเบบ ไม่ว่าจะเป็นนําเสนอ เเบบเป็นอักษร ภาพ หรือเสียง โดยตัวโปรเเกรมนั้นสามารถนําสือเหล่านี้มาผสมผานได้ อย่าบงลงตัวเเละมีประสิทธิภาพมากที่สุด ลักษณะการของโปรเเกรม Power Point การทํางานในรูปของภาพนิ่ง (slide) คือเเผ่นเอกสารเดี่ยว ๆ ที่เเสดงสิ่งต่าง ๆ ตัวอักษร กราฟตาราง รูปภาพ หรืออื่นๆ เเละสามารถเเสดงไลด์ลงบนแผ่นกระดาษหรือเครืองฉานข้ามศรีษ หรือหน้าจอคอมพิวเตอร์ หรือเครื่องฉาย
                  (2) Macromedia Flash   เป็นโปรแกรมซอฟต์แวร์ที่ช่วยในการสร้างสื่อมัลติมีเดีย, ภาพเคลื่อนไหว (Animation) หรือภาพกราฟิกที่มีความคมชัด สามารถเล่นเสียงและวีดิโอแบบสเตริโอได้ สามารถสร้างงานให้โต้ตอบกับผู้ใช้ได้   โปรแกรมFlash เริ่มมีชื่อเสียงเมื่อประมาณปี พ.ศ. 2539 จนถึง ปัจจุบันได้นำมาใช้งานอย่างแพร่หลาย โดยเฉพาะเทคโนโลยีด้านเว็บไซต์ ทำให้การนำเสนอทำได้อย่างน่าสนใจ นอกจากนั้นโปรแกรม Flash ยังสามารถสร้างแอบพลิเคชั่น (Application) เพื่อใช้ทำงานต่างๆ  รองรับการใช้งานกับอุปกรณ์ที่เชื่อมต่อกับระบบเครือข่ายอินเทอร์เน็ตได้
                  (3) ACD Foto Angelo   ACD FotoAngelo เป็นเครื่องมือสำหรับการสร้างงานนำเสนอมัลติมีเดียและโปรแกรมรักษาหน้าจอที่ให้คุณสั่งทุกชนิดของผลกระทบเสียงข้อความและเปลี่ยนเป็นชุดของ images.We จะได้พบกับสาธารณูปโภคต่างๆเช่นการจัดการของภาพเพื่อกำหนดวิธีการที่เราต้องการที่จะแสดง รูปภาพใน presentation.When ของเราคุณเสร็จสิ้นการทำงานของคุณคุณสามารถบันทึกโครงการของคุณเป็นโปรแกรมแบบสแตนด์อโลนคุณสามารถส่งทางไปรษณีย์ไปยังที่ที่ติดต่อของคุณได้โดยตรงจากโปรแกรม ไม่ว่าคุณต้องการให้ครอบครัวของคุณอยู่ร่วมกันเป็นหนึ่งห้องและการพิมพ์ด้วยการฉายภาพที่ดีที่สุดของวันหยุดของคุณหรือส่งงานของคุณให้เพื่อนหรือคนรู้จักจากส่วนหนึ่งของโลกอื่นให้แก้ปัญหา ACD FotoAngelo ในการสร้างงานนำเสนอมัลติมีเดียของคุณจะถูก ผู้ช่วยที่ดีที่สุด มัลติมีเดีย Builder ACD FotoAngelo รวมถึงส่วนติดต่อผู้ใช้ง่ายอย่างสูงที่ช่วยอำนวยความสะดวกในใบอนุญาตทำงานและนำพวกเขาออกใน time.You สั้นมีภาพแสดงตัวอย่างการสำรวจพื้นที่ของ miniatures (ขนาดย่อ) กระดาน (การจัดการ) และ selectors เสียงประกอบและการเปลี่ยนแปลง . ACD FotoAngelo สนับสนุนรูปแบบสื่อดังต่อไปนี้ BMP, EMF, GIF, JPEG, PCX, PNG, TGA, TIFF และ WMF.It ยังสนับสนุน 40 เสียงอื่น ๆ และรูปแบบวิดีโอถ้าคุณได้ติดตั้ง ACDSee
                  (4) Macromedia Authorware     เป็นโปรแกรมสำหรับการสร้างบทเรียน เพื่อช่วยในการเรียนการสอน การผึกอบรมและการนำเสนอข้อมูล การทำงานของโปรแกรมจะมีลักษณะการทำงานแบบแผนผัง โดยผู้สร้างจะกำหนดขั้นตอนการทำงานของโปรแกรม ด้วยการลาก
ไอคอนมาวางและกำหนดค่าให้ทำงานตามต้องการ ไม่จำเป็นต้องเขียนโปรแกรม ไม่ต้อง
มีพื้นฐานด้านคอมพิวเตอร์มากมายนัก ก็สามารถสร้างโปรแกรมได้ไม่ยาก
                  (5) Scala  เป็นภาษาเขียนโปรแกรมตัวนึง สร้างขึ้น เป็นภาษาที่ประกาศประเภทตัวแปรไว้ตั้งแต่ต้น

 5.)โปรแกรมช่วยดาวน์โหลด

             (1) Internet Download Manager 6.1.1 Build 5 โปรแกรมเร่งความเร็วในการดาวน์โหลดไฟล์บนอินเทอร์เน็ตสปีดเร็วกว่านรก อัพเดท Internet Download Manager เป็นโปรแกรมเร่งความเร็วในการดาวน์โหลดไฟล์ต่าง ๆ บนอินเทอร์เน็ต ผู้พัฒนาการันตีไว้ว่าดาวน์โหลดแรงแน่นอนเร็วกว่าการดาวน์โหลดไฟล์ธรรมดา ๆ หลายเท่าเป็นการใช้เน็ตในการดาวน์โหลดไฟล์อย่างคุัมค่า รวดเร็ว
              (2) BitComet 1.21     โปรแกรมตัวนี้ เป็นที่รู้จักกันดีสำหรับ คนที่ชอบดาว์นโหลด เป็นที่นิยมจำนวนมากคือ โปรแกรมช่วยดาว์นโหลด BitComet เป็นที่รวดเร็วและง่ายต่อการใช้ BitTorrent / HTTP / FTP download client เป็น P2P freeware แบ่งปันไฟล์และหนึ่งในยอดนิยมโปรโตคอล P2P ออกแบบมาสำหรับความเร็วสูงกระจาย BitComet น่าจะมีติดเครื่องไว้สำหรับ
              (3) Orbit Downloader  เป็นผู้จัดการ download การออกแบบเฉพาะสำหรับ Web รุ่นใหม่ (Web 2.0) คุณ สามารถใช้ Orbit ดาวน์โหลดเพลง / ไฟล์จาก MySpace, YouTube, imeem, Pandora, Rapidshare และหรือในเว็บไซต์ที่ให้ดาวน์โหลดทั่วไปง่ายและรวดเร็วขึ้น
              (4) Flash Get 3.7  เป็นโปรแกรมช่วยดาวน์โหลดไฟล์ พร้อมคุณสมบัติมากมาย ที่ช่วยให้ดาวน์โหลดไฟล์ได้เร็วกว่าปกติเกือบ 5 เท่า
              (5) Download Accelerator Plus  โปรแกรมช่วยดาวโหลดที่เหมาะสำหรับคนทีรักการดาวโหลดไฟล์ต่างๆจากอินเตอร์เน็ต Download Accelerator Plus โปรแกรมทีถูกพัฒนาขึ้นสำหรับใช้ดาวโหลดอย่างมีประสิทธิภาพ ด้วยความสามารถที่ช่วยเพิมความเร็วในการดาวโหลดและช่วยแก้ไขปัญหาต่างๆ ระหว่างการดาวโหลด ทำให้ Download Accelerator Plus หรือ DAP กลายเป็นโปรแกรมช่วยดาวโหลดที่ดีตัวหนึ่งเลยทีเดียว

 6.)โปรแกรมเขียนแผ่น

               (1) Deep Burner    โปรแกรมเขียนแผ่น CD แ ละ DVD Deep Burner เป็นผลงานของ AstonSoft เป็น โปรแกรมเขียนแผ่นซีดีที่กำลังมาแรงมากในตอนนี้ มีความสามารถมากมาย อาทิเช่น เขียนแผ่น CD/DVD ได้ เขียนแผ่น Audio CD ก็ได้ สร้าง Image File ออกมาเป็นไฟล์ .ISO ก็ได้ เขียนแผ่นแบบ Overburn ก็ได้ ใช้เทคนิค Buffer Underrun เพื่อป้องกันการเขียนแผ่นแล้วเจ๊ง เขียนแผ่นแบบ Multi Session ก็ได้ รองรับการเขียนแผ่นลงหลายๆ Drive พร้อมกัน สร้าง Autorun บนแผ่นของเราได้ และสุดท้ายที่พิเศษกว่าโปรแกรมของค่ายอื่น ๆ คือมีโปรแกรมทำปก แล้ว Print ออกมาได้
               (2) CDBurnerXP   โปรแกรมเขียนแผ่นที่ครบครันทุกรูปแบบ ที่สำคัญฟรีด้วยครับ เป็นโปรแกรมที่ไม่ต้องตั้งค่าอะไรมาก เหมาะสำหรับมือใหม่หัดเขียนแผ่นมากๆ รูปแบบที่รองรับมีตั้งแต่ CD, DVD5, DVD9 และที่เพิ่มเติมจากโปรแกรมเขียนแผ่นฟรีทั่วไป คือการเขียนใส่แผ่น blu-ray disc ที่จะมาเป็นมาตรฐานใหม่ แทน DVD ในปัจุบันอย่างแน่นอน
               (3) Easy CD/DVD Burner    โปรแกรมที่เอาไว้สำหรับเขียน CD และ DVD ที่ความสามารถไม่ธรรมดา นอกจากจะมีความเร็วที่สูงแล้ว ไม่ว่าจะทำการเขียนแผ่น ข้อมูล หรือจะทำแผ่นเพลงจากไฟล์ WAV, WMA, MP3, OGG, FLAC, AAC, M4A ก็สามารถทำง่ายๆ
               (4) Nero   เป็นโปรแกรมใช้สำหรับการจัดการดิสก์ (ซีดี - ดีวีดี) ที่ค่อนข้างสมบูรณ์แบบ วิธีการใช้ก็ครอบคลุมหลายอย่าง การบันทึกข้อมูล เมื่อเริ่มต้นเปิดโปรแกรมขึ้นมาจาก Shotcut Smart Start จะเห็นหน้าตาแบบนี้ ซึ่งถ้าดูจากมุมบนด้านขวา จะเห็นตัวเลือก CD หรือ DVD ให้เราคลิกเลือกได้ว่า จะเลือกทำงานเป็น CD หรือ DVD ดังนั้นก่อนเริ่มงานทุกครั้งให้เลือกตรงนี้ก่อนว่าจะเลือกทำงานชนิดใด
               (5) Chhampoo Burning Studio   อีกหนึ่งโปรแกรมดีๆที่น่าสนใจ ที่สำคัญคือ โปรแกรมสำหรับไรท์แผ่น CD และ DVD เป็นแผ่นประเภทต่างๆ ทั้งแผ่นเพลง แผ่นข้อมูล ใช้สำรองข้อมูลลงในหลายๆแผ่น

 7.)โปรแกรมสำนักงาน

               (1) Microsoft office Libre office    เป็นโปรกรมประเภท Office โปรแกรมหนึ่งที่สามารถใช้แทนโปรแกรม Microsoft Office ได้เลย ซึ่งข้อดีของโปรแกรม LibreOffice ก็คือการที่เป็นโปรแกรม Open Source สามารถดาวน์โหลดมาใช้ได้ฟรีๆ ซึ่งล่าสุดนี้ LibreOffice ได้อัพเดทเวอร์ชั่นใหม่ล่าสุดเป็น LibreOffice 3.5.0 Final ใครที่ใช้อยู่ก็สามารถอัพเดทได้เลย
               (2) Microsoft Word    เป็นโปรแกรมสำเร็จรูปที่เหมาะกับ งานพิมพ์ต่าง ๆ แทนเครื่องพิมพ์ดีดในสมัยก่อน ที่เวลาแก้ไขค่อนข้างยาก ในขณะที่โปรแกรม Microsoft Word สามารถแก้ไข ลบตัวอักษร จัดรูปแบบตัวอักษรได้ง่ายกว่ามาก ดังนั้น ในปัจจุบัน โปรแกรม Microsoft Word จึงเป็นโปรแกรมที่แทนเครื่องพิมพ์ดีดในปัจจุบัน  
               (3) Microsoft Excel    หรือโปรแกรมตารางงานซึ่งใช้เก็บข้อมูลต่าง ๆ สูตรคำนวณ ลงบนแผ่นตารางงานคล้ายกับการเขียนข้อมูลลงไปในสมุดที่มีการตีช่องตารางทั้งแนวนอนและแนวตั้ง ตารางแต่ละช่องจะมีชื่อกำกับไว้ในแนวตั้งหรือสดมน์ของตารางเป็นตัวอักษร
               (4) Microsoft Powerpoint     นี้ใช้สำหรับการทำพรีเซ็นเทชั่น หรือการนำเสนอข้อมูล สินค้าและบริการ โดยผ่านทางคอมพิวเตอร์ โปรแกรมนี้ก็ถือได้ว่าเป็นที่นิยมมากที่สุดตัวหนึ่งในการทำ presentation
               (5) Photoshop     โปรแกรมPhotoshopเป็นโปรแกรมสร้างและแก้ไขรูปภาพอย่างมืออาชีพโดยเฉพาะนักออกแบบในทุกวงกาย่อมรู้จักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เป็นโปรแกรมที่มีเครื่องมือมากมาย

 8.)โปรแกรมด้านการสื่อสาร

               (1) Bit Torrent 7.6.1 Build 27221   ซึ่งมีการเชื่อมต่อกันแบบ P2P คือระหว่างเครื่องคอมพิวเตอร์กับอีกหลาย ๆ เครื่อง เป็นเหมือน multi-computer นอกจากนี้ uTorrent มีคุณสมบัติในการดาวน์โหลดต่อเนื่อง ถึงแม้ว่าปิดเครื่องไปแล้ว เปิดเครื่องคอมพิวเตอร์ขึ้นมาใหม่ ก็สามารถดาวน์โหลดต่อจากเดิมได้ทันที
               (2) oovoo   คือ โปรแกรมพูดคุยโทรศัพท์ออนไลน์, ประชุมโทรศัพท์ทางไกล, วีดีโอคอนเฟอร์เรนซ์ หรือส่งข้อความ ข่าวสารผ่านสื่อออนไลน์
               (3) ICQ   เป็นโปรแกรมที่สามารถดาวน์โหลดที่จะให้ผู้ใช้รู้ว่า เมื่อเพื่อนและการติดต่อออนไลน์บนอินเตอ์เน็ต ICQ ยอมให้เรียกพวกเขา Chat กับพวกเขา และ initiate and participate ในเครื่องต่อเครื่อง เครื่องคอมพิวเตอร์กับโทรศัพท์ และโทรศัพท์กับโทรศัพท์ AOL's Instant Messenger (AIM) ใช้ ICQ ทั้งคู่ต้องดาวน์โหลดโปรแกรม
               (4) SKype    คือ โปรแกรมที่ใช้ติดต่อสื่อสารกันระหว่างผ่านอินเทอร์เน็ตด้วยข้อความพร้อม เสียงและภาพจากกล้อง Webcam โดยจะเป็นการสื่อสารกันแบบ Real Time ลักษณะจะคล้าย Windows Live Messenger
               (5) Thunderbird คือโปรแกรม email client ที่มีความสามารถในการจัดการอีเมล์ต่างๆ รองรับการทำงาน imap / pop3 และสามารถสร้าง rss reader ที่ใช้อ่านข้อมูลข่าวสารที่เราสมัครไว้ตามเว็บไซด์ อ่านและเขียนอีเมล์ในลักษณะของ html mail มีเครื่องมือในการสืบค้นหาข้อมูล

 9.)โปรแกรมดูภาพยนต์

                (1) KM player  เป็นพัฒนาโดยคนเกาหลี เป็น โปรแกรมสำหรับระบบปฏิบัติการ Windows (แนะนำ Windows2000 XP ขึ้นไป) สามารถ เล่นไฟล์ Video และ Audio ได้โดยตัวเอง เช่นเดียวกับ VLC media player ซึ่งรองรับไฟล์แบบต่างๆมากมาย สามารถเพิ่มเติมและปรับแต่ง codec จาก ภายนอกได้ เช่นติดตั้ง k-lite mega codec pack เสริมเข้าไป ชื่อเต็ม ของ The KMPlayer คือ The K-Multimedia Player ซึ่ง K มาจากชื่อสกุลของผู้พัฒนา
                 (2) VLC player วีแอลซีมีเดียเพลเยอร์เป็นซอฟแวร์เล่นไฟล์สื่อคุณภาพสูง รับชมภาพและเสียง บันทึกภาพและเสียง และการถ่ายทอดแบบสตรีม ซึ่งสนับสนุนไฟล์ในหลายๆประเภท ที่รู้จักกันดีเช่น วีซีดี ดีวีดี และการสตรีม โพรโทคอล และยังสามารถสตรีมระหว่างเน็ตเวิร์ก และยังสามารถแปลงไฟล์ได้อีกด้วย วีแอลซี ย่อมาจาก วิดีโอแลน ไคลเอนต์ (VideoLan Client) และยังรองรับระบบปฏิบัติการที่หลากหลาย เช่น ไมโครซอฟท์ วินโดวส์ Mac OS X BeOS BSD Solaris มีผู้ดาวน์โหลดวีแอลซี เวอร์ชัน 0.8.5 มากกว่า 30 ล้านคน[1] นับเป็นคู่แข่งจากค่ายโอเพนซอร์ซที่สำคัญกับวินโดว์มีเดียเพลเยอร์
                 (3) GOM player (Gretech Online Movie Player) เป็นฟรีแวร์ตัวหนึ่งซึ่งใช้งานในลักษณะ media player และสามารถใช้งานแทน Power DVD ,RealPlayer ,Quicktime ,Jet Audio ,VLC,WinDVD,WinAmp,FreeAmp ฯลฯ (ยกเว้น Windows Media Player) นอกจากนี้ยังรองรับไฟล์ XviD, DivX, FLV1, AC3, OGG, MP4, H263 และอื่น ๆ ได้ และเล่นไฟล์ AVI ที่เสียหายได้ สร้างโดย บริษัทGretech แห่งเกาหลีใต้
                 (4) Window media play classic เป็นโปรแกรมดูหนังฟังเพลงขนาดเล็กที่ใช้งานง่าย โปรแกรมนี้ได้แรงบันดาลใจจากโปรแกรม Windows Media Player เวอร์ชั่นเก่าใน Windows 98/2000 ซึ่งใช้งานง่ายและไม่กินทรัพยากรเหมือนในเวอร์ชั่นปัจจุบัน แม้โปรแกรมนี้จะมีหน้าตาโปรแกรมคล้ายกันแต่ก็มีการเพิ่มความสามารถและฟังก์ชั่นใหม่ๆ ลงไปจนสามารถเทียบเท่าโปรแกรมดูหนังชื่อดังโปรแกรมอื่นเลย โปรแกรมสามารถทำงานร่วมกับ codec ที่เราโหลดแยกต่างหากได้อย่างสมบูรณ์ สำหรับการอัพเดทในครั้งนี้ก็มีการเพิ่มการรองรับไฟล์วีดีโออีกหลายนามสกุล, อัพเดทปลั๊กอินการแสดงผลให้เป็นเวอร์ชั่นใหม่, พร้อมกันการแก้ไขบั๊กจากเวอร์ชั่นก่อน
                   (5) Power DVD เป็นโปรแกรมที่ใครหลายคนยกให้เป็นโปรแกรมดูหนังที่ดีที่สุด ซึ่งในบัดนี้ก็มีการพัฒนามาอย่างต่อเนื่องจนถึงเวอร์ชั่น 12.0 แล้ว โดยในปัจจุบันโปรแกรมได้มุ่งเน้นการพัฒนาให้กลายเป็นโปรแกรมแห่งความบันเทิงที่สามารถใช้ ดูหนัง, ฟังเพลง, ดูภาพ, แชร์ไฟล์ออนไลน์ ได้อย่างครบวงจร โปรแกรมรองรับการดูหนัง Blu-Ray 3D ได้อย่างตระการตาด้วยเทคโนโลยี TrueTheater 3D แถมยังสามารถแปลงไฟล์หนังทั่วไปให้กลายเป็นหนัง 3D ได้ด้วย สำหรับเวอร์ชั่นล่าสุดนี้ก็มีการเพิ่มความสามารถใหม่ๆ มาอีกเช่นเคย เช่น ระบบ Media Library ที่ช่วยรวบรวมไฟล์มัลติมีเดียในเครื่องของเราไว้ในที่เดียว, ระบบ Instant Zoom และ Instant Scale ที่ช่วยให้เราสามารถซูมภาพวีดีโอได้อย่างลื่นไหล, นอกจากนั้นก็ยังเพิ่มการรองรับไฟล์เสียงระดับ HD อย่าง OGG และ FLAC เป็นต้น

เว็บเพจ

 (อังกฤษ: webpage, web page)      หรือ หน้าเว็บ หมายถึง หน้าหนึ่ง ๆ ของเว็บไซต์ ที่เราเปิดขึ้นมาใช้งานโดยทั่วไป เว็บเพจส่วนใหญ่จะอยู่ในรูปของเอกสาร    HTML   หรือ   XHTML   (ซึ่งมักมีนามสกุลไฟล์เป็น htm หรือ html) มีลิงก์สำหรับเชื่อมโยงไปยังเว็บเพจหน้าอื่น ๆ สามารถใส่รูปภาพและรูปภาพยังสามารถเป็นลิงก์ กล่าวคือสามารถคลิกบนรูปเพื่อกระโดดไปหน้าอื่นได้ นอกจากนี้ยังสามารถใส่แอปเพล็ต (applet) ซึ่งเป็นโปรแกรมขนาดเล็กแสดงภาพเคลื่อนไหว มีปฏิสัมพันธ์กับผู้ใช้ หรือสร้างเสียง ได้อีกด้วย

เว็บไซต์

 (อังกฤษ: Website, Web site หรือ Site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทาง  ไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการเพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทำเว็บไซต์มีหลากหลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำหรับธุรกิจหรือองค์กรต่างๆ การเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่านซอฟต์แวร์ในลักษณะของ เว็บเบราว์เซอร์

โฮมเพจ

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

ที่มา  http://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2089-home-page-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html

แนะนำตัวเอง

ชื่อ-สกุล  นางสาวจิดาภา       เชื้อสาวะถี

ชื่อเล่น     ทราย
วันเกิด     29 มีนาคม พ.ศ. 2537
อีเมล       jidapa_sray@hotmail.com
เฟสบุ๊ค     www.facebook/ZayZuZa.com
แรงบันดาลใจ  เพราะเห็นรุ่นพี่ที่เรียนในสาขานี้สามารถเขียนเว็บสร้างเว็บขึ้นมาเป็นของตัวเองและสามารถรับจ้างทำเว็บได้ดิฉันจึงอยากมาเรียนสาขานี้
อาชีพที่ใฝ่ฝัน   อยากจะเป็นผู้เขียนเว็บประจำบริษัท