องค์ประกอบและหลักการทำงานของคอมพิวเตอร์

องค์ประกอบและหลักการทำงานของคอมพิวเตอร์

หน่วยรับเข้า (Input Unit)

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

                                                                                                

                        

      

หน่วยประมวลผลกลาง (Central Processing Unit)

    ทำหน้าที่ประมวลผล คำนวณ และควบคุมการทำงานต่างๆ ของระบบคอมพิวเตอร์

 
  1. หน่วยควบคุม (Control Unit : CU)
ทำหน้าที่อ่านคำสั่ง สั่งงาน และควบคุมการทำงานของระบบคอมพิวเตอร์ทั้งหมด
  2. หน่วยคำนวณตรรกะ (Arithmetic and Logic Unit : ALU)
ทำหน้าที่คำนวณด้วยวิธีการทางคณิตศาสตร์ เช่น บวก ลบ คูณ หาร การเปรียบเทียบข้อมูลมากกว่า น้อยกว่า เป็นต้น


หน่วยความจำหลัก (Main Memory Unit)
  เป็นหน่วยเก็บข้อมูลก่อนนำไปประมวลผล เก็บคำสั่งโปรแกรมขณะใช้งาน และเก็บผลลัพธ์ที่ได้จากการประมวลผลก่อนนำไปแสดงผล หน่วยความจำหลักแบ่งออกเป็น 2 ประเภท

  1. หน่วยความจำหลักแบบอ่านได้อย่างเดียว (Read Only Memory : ROM)

เป็นหน่วยความจำที่บริษัทผู้ผลิตคอมพิวเตอร์ได้บรรจุชิปหน่วยความจำแบบติดตั้งถาวร หรือไบออส (Basic Input Output System : BIOS) ไว้บนแผงวงจรหลักเรียบร้อยแล้ว โดยข้อมูลที่บรรจุลงไปในหน่วยความจำจะยังคงอยู่แม้จะปิดเครื่องไปแล้ว แต่ไม่สามารถบรรจุข้อมูลเพิ่มเติมลงไปได้

2. หน่วยความจำหลักแบบแก้ไขได้ (Random Access Memory : RAM)
เป็นหน่วยความจำที่ใช้สำหรับเก็บข้อมูลและคำสั่ง มีหน้าที่จดจำคำสั่งที่เป็นโปรแกรมและข้อมูลที่จะทำการประมวลผล หากเกิดไฟฟ้าดับหรือไม่มีกระแสไฟฟ้าข้อมูลที่อยู่ภายในจะหายไปทั้งหมด

หน่วยความจำรอง (Secondary Memory Unit

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

หน่วยส่งออก (Output Unit)

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

หลักการทำงานของคอมพิวเตอร์ 

การทำงานของคอมพิวเตอร์เริ่มต้นจากผู้ใช้งานป้อนข้อมูล หรือคำสั่งผ่านอุปกรณ์รับข้อมูล (Input Unit) ไปประมวลผล (Central Processing Unit) เพื่อประมวลผลตามข้อมูลหรือคำสั่งที่ได้รับ อาจมีการเก็บข้อมูลไว้ในหน่วยความจำหลัก (Main Memory Unit) เพื่อการประมวลผล แล้วแสดงผลลัพธ์ผ่านทางอุปกรณ์แสดงผล (Output Unit) ชนิดต่างๆ หากผู้ใช้ต้องการการบันทึกข้อมูลเก็บไว้ ก็จะทำการบันทึกข้อมูลลงหน่วยความจำรอง (Secondary Memory Unit) ชนิดต่างๆ ต่อไป


การทำงานของคอมพิวเตอร์

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

1. บิต (bit)
เป็นส่วนที่เล็กที่สุดของการเก็บข้อมูล เลขฐาน 2 คือ 0 และ 1 จำนวน 1 ตัว จะเรียกว่า 1 บิต เช่น 1001 จะเรียกว่า 4 บิต หากเปรียบเสมือนหลอดไฟ 0 หมายถึงปิดไฟ, 1 หมายถึงเปิดไฟ


2. ไบต์ (byte)
เกิดจากเลขฐาน 2 จำนวน 8 ตัวเรียงกัน หรือ 8 บิต นั่นเอง เข้าใจง่ายๆ คือ 8 บิต = 1 ไบต์ เช่น 10011001 แบบนี้เรียกว่า 1 ไบต์ ซึ่งตัวเลขจำนวน 8 หลักนี้ จะได้ค่าที่แตกต่างกันถึง 256 ค่า 1 ไบต์ มีชื่อเรียกอีกชื่อหนึ่งว่า ออกเทต (octet) แต่ถ้า 4 บิต จะมีชื่อเรียกอีกอย่างว่า นิบเบิล (nibble)

3. รหัสเอ็บซีดิก (Extended Binary Coded Decimal Interchange Code : EBCDIC)
เป็นรหัสที่พัฒนาโดยบริษัท IBM เพื่อใช้กับรบบปฏิบัติการขนาดใหญ่ เช่น OS-390 สำหรับเครื่องแม่ข่าย S/390 ถูกนำมาใช้กับเครื่องคอมพิวเตอร์ของ IBM ทั้งหมด รหัสเอ็บซีดิก มีขนาด 8 บิต แทนรหัสอักขระได้ 256 ตัว ปัจจุบันรหัสเอ็บซีดิกไม่เป็นที่นิยมและกำลังจะเลิกใช้งาน

4. รหัสแอสกี (American Standard Code for Information Interchange : ASCII)
เป็นรหัสมาตรฐานที่กำหนดโดยสถาบันมาตรฐานแห่งชาติอเมริกา (American National Standards Institute : ANSI) เป็นรหัสที่นิยมใช้งานกันมากที่สุดบนเครื่องคอมพิวเตอร์ เริ่มมีการใช้งานครั้งแรกเมื่อ ค.ศ.1967 รหัสแอสกี แต่เดิมประกอบด้วยรหัส 7 บิต เพื่อแทนอักขระทั้งหมด 128 ตัว ในปี ค.ศ. 1986 ได้ทำการปรับปรุงใหม่ให้เป็นรหัส 8 บิต โดยเพิ่มเข้ามาอีก 1 บิต เพื่อใช้ในการตรวสสอบความถูกต้อง เรียกบิตสุดท้ายนี้ว่า พาริตี้บิต (Parity bit)


5. ยูนิโค้ด (Unicode)
เป็นรหัสที่ถูกพัฒนามาในปี พ.ศ.2534 และมีการพัฒนาอย่างต่อเนื่อง ยูนิโค้ดช่วยให้คอมพิวเตอร์แสดงผล และจัดการข้อความตัวอักษรที่ใช้ระบบการเขียนของภาษาส่วนใหญ่ทั่วโลก ยูนิโค้ดเป็นเลขฐาน 2 ตั้งแต่ 1 ถึง 4 ไบต์ ทำให้สามารถรองรับการเก็บข้อมูลอักขระได้กว่า 100,000 ตัว

การประมวลผลของ CPU

1. การรับเข้าข้อมูล (Fetch) รับรหัสคำสั่งและข้อมูล จากหน่วยความจำ
2. การถอดรหัส (Decode) ทำการถอดรหัสคำสั่งได้รับ และส่งต่อไปยังส่วนคำนวณและตรรกะ
3. การทำงาน (Execute) ทำการคำนวณข้อมูลที่ถอดรหัสแล้ว และสั่งให้ CPU ทำงานตามคำสั่ง
4. การเก็บข้อมูล (Store) ทำการเก็บข้อมูลไว้ในหน่วยความจำหลัก

การรับส่งข้อมูลภายในคอมพิวเตอร์
แผงวงจรหลัก หรือเมนบอร์ด (Motherboard/Mainboard)
เปรียบเสมือนศูนย์กลางของเครื่องคอมพิวเตอร์ เพราะอุปกรณ์ทุกอย่าง จะต้องทำการเชื่อมต่อกับแผงวงจรหลักนี้

บัส (Bus)
หมายถึง ช่องทางการติดต่อสื่อสารข้อมูลของอุปกร์ต่างๆ บัสในหน่วยประมวลผลกลางประกอบไปด้วย
1. บัสข้อมูล (Data Bus) เป็นบัสที่หน่วยประมวลผลกลาง ใช้เป็นเส้นทางในการควบคุมและ การขนส่งข้อมูล ระหว่างหน่วยประมวลผลกลาง และอุปกรณ์ภายนอก
2. บัสรองรับข้อมูล (Address Bus) เป็นบัสที่หน่วยประมวลผลกลาง เลือกว่าจะส่งข้อมูลหรือรับข้อมูลจากอุปกรณ์ใด โดยจะส่งสัญญาณมาที่บัสรองรับข้อมูลนี้
3. บัสควบคุม (Control Bus) เป็นบัสที่รับสัญญาณการควบคุมจากหน่วยประมวลผลกลาง เพื่อบังคับว่าจะอ่านข้อมูลเข้า หรือจะส่งข้อมูลออก

องค์ประกอบของระบบสารสนเทศ

องค์ประกอบของระบบสารสนเทศ 

1. ฮาร์ดแวร์

               ฮาร์ดแวร์เป็นองค์ประกอบสำคัญของระบบสารสนเทศ หมายถึง เครื่องคอมพิวเตอร์อุปกรณ์รอบข้าง รวมทั้งอุปกรณ์สื่อสารสำหรับเชื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น เครื่องพิมพ์ เครื่องกราดตรวจเมื่อพิจารณาเครื่องคอมพิวเตอร์ สามารถแบ่งเป็น 3 หน่วย คือ
หน่วยรับข้อมูล (input unit) ได้แก่ แผงแป้นอักขระ เมาส์
หน่วยประมวลผลกลาง (Central Processing Unit : CPU)
หน่วยแสดงผล (output unit) ได้แก่ จอภาพ เครื่องพิมพ์

2 . ซอฟต์แวร์

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

คำสั่งที่จะสั่งงานให้ฮาร์ดแวร์ทำงาน เพื่อประมวลผลข้อมูลให้ได้ผลลัพธ์ตามความต้องการของการใช้งาน 

               ในปัจจุบันมีซอฟต์แวร์ระบบปฏิบัติงาน ซอฟต์แวร์ควบคุมระบบงาน ซอฟต์แวร์สำเร็จ และซอฟต์แวร์ประยุกต์สำหรับงานต่างๆ ลักษณะการใช้งานของซอฟต์แวร์ก่อนหน้านี้ ผู้ใช้จะต้องติดต่อใช้งานโดยใช้ข้อความเป็นหลัก แต่ในปัจจุบันซอฟต์แวร์มีลักษณะการใช้งานที่ง่ายขึ้น โดยมีรูปแบบการติดต่อที่สื่อความหมายให้เข้าใจง่าย เช่น มีส่วนประสานกราฟิกกับผู้ใช้ที่เรียกว่า กุย (Graphical User Interface : GUI)                             ส่วนซอฟต์แวร์สำเร็จที่มีใช้ในท้องตลาดทำให้การใช้งานคอมพิวเตอร์ในระดับบุคคลเป็นไปอย่างกว้างขวาง และเริ่มมีลักษณะส่งเสริมการทำงานของกลุ่มมากขึ้น ส่วนงานในระดับองค์กรส่วนใหญ่มักจะมีการพัฒนาระบบตามความต้องการโดยการว่าจ้าง หรือโดยนักคอมพิวเตอร์ที่อยู่ในฝ่ายคอมพิวเตอร์ขององค์กร เป็นต้น

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

3. ข้อมูล

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

4. บุคลากร

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


5. ขั้นตอนการปฏิบัติงาน

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

HTML

HTML

            ต้นกำเนิดของภาษา HTML เกิดจาก เมื่อปี 1989 นักฟิสิกส์ชื่อ Tim Berners-Lee แห่งlถาบันวิจัย CERN เสนองานวิจัยเรื่อง  prototyped ENQUIRE  และ  Hypertext system  ใช้สำหรับนักวิจัยของสถาบันเพื่อแบ่งข้อมูลกัน และถูกพัฒนามาเรื่อยๆจนถึงปัจจุบัน

                HTML เป็นตัวย่อมาจาก  Hypertext Markup Language  เป็นภาษาหลักที่ใช้ในการแสดงผลบนเว็บ บราวเซอร์ในอินเตอร์ โดยสามารถนำเสนอข้อมูลตัวอักษร รวมทั้งเชื่อมต่อเพื่อ แสดงภาพ , เสียง และไฟล์ในรูปแบบอื่นๆ

            ภาษา HTML จะแบ่งออกเป็น 2 ส่วน คือ 

1.ส่วนของคำสั่ง (tag) เป็นส่วนที่กำหนดรูปแบบของข้อความที่แสดง ซึ่งเราเรียกว่า Tag โดยจะอยู่ในเครื่องหมาย < ... > 

2. ส่วนของบทความทั่วๆไป เป็นส่วนของข้อความที่เราต้องการแสดงผล

            การใช้งาน HTML

1.คำสั่ง หรือ Tag

                Tag  เป็นลักษณะเฉพาะของภาษา HTML ใช้ในการระบุรูปแบบคำสั่ง หรือการลงรหัสคำสั่ง HTML ภายในเครื่องหมาย less-than bracket ( < ) และ greater-than bracket ( > ) โดยที่ Tag HTML แบ่งได้ 2 ลักษณะ คือ 

Tag เดี่ยว เป็น Tag ที่ไม่ต้องมีการปิดรหัส เช่น <HR>, <BR> เป็นต้น

Tag เปิด/ปิด รูปแบบของ tag นี้จะเป็นแบบ <tag> .... </tag>  โดยที่ 

<tag> เราเรียกว่า tag เปิด

</tag> เราเรียกว่า tag ปิด

2.Attributes

                Attributes  เป็นตัวบอกรายละเอียดของ tag นั้นเช่น <span align = 'left'> ... </span> เป็นการบอกว่าให้อักษรที่อยู่ใน tag นี้ชิดซ้าย

3.not case sensitive 

                not case sensitive หมายถึง คุณจะพิมพ์ <BR> หรือ <br> ก็ได้ ผลลัพธ์ออกมาไม่ต่างกัน

                โครงสร้างของหลักของ HTML  

                โครงสร้างหลักของ HTML ก็จะเริ่มด้วย <html> และจบด้วย </html> เสมอ ซึ่งชุดคำสั่งที่ใช้จะแยกเป็น 2 ส่วนคือ 

                1.head คำสั่งที่อยู่ในส่วนนี้จะใช้บรรยายรายละเอียดเกี่ยวกับ web page ซึ่งจะไม่แสดงผลที่ web page โดยตรง

                2.body คำสั่งที่อยู่ในส่วนนี้จะใช้ในการจัดรูปแบบตัวอักษร จัดหน้า ใส่รูปภาพ ซึ่งตัวอักษรในส่วนนี้จะแสดงที่ web brower โดยตรง

<html>     <head>              คำสั่งในหัวข้อของ head     </head>     <body>              คำสั่งในหัวข้อของ body ในส่วนนี้จะเป็นส่วนที่ใช้แสดงผล     </body> </html>

คำสั่งในหัวข้อของ head (Head Section)

       Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้นๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ (Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ

<HEAD>             <TITLE>ข้อความอธิบายชื่อเรื่องของเว็บ</TITLE>             <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">             <META NAME="Author" CONTENT="ชื่อผู้พัฒนาเว็บ">             <META NAME="KeyWords" CONTENT="ข้อความ 1, ข้อความ 2 "> </HEAD>

               TITLE

            ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะพิเศษ เช่น ตัวหนา, เอียง หรือสี โดยข้อความในส่วนนี้จะแสดงผลใน title bar ของ web browser 

                META

                Tag META จะไม่ปรากฏผลบนเบราเซอร์ แต่จะเป็นส่วนสำคัญ ในการจัดอันดับบัญชีเว็บ สำหรับผู้ให้บริการสืบค้นเว็บ (Search Engine เช่น google , yahoo) 

                charset=TIS-620

                charset=TIS-620 ใช้บอกว่าใช้ชุดตัวอักษรแบบใดในการแสดงผล ภาษาไทยเราใช้ charset=TIS-620 หรืออาจเป็น charset=windows-874 ก็ได้ ตอนนี้แนะนำให้ใช้เป็น charset=utf-8 

                keyword

                keyword ดังภาพด้านบนจะเห็นว่าเราสามารถใช่ keywords มากกว่า 1 คำได้โดยใช้เครื่องหมาย (,) ใน  การคั่นระหว่างคำ

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

คำสั่งในส่วนของ body  (Body Section)

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

                ส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่มักจะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> </BODY> และแบ่งกลุ่มคำสั่งได้ดังนี้ 

-  กลุ่มคำสั่งเกี่ยวกับการจัดรูปแบบเอกสาร 

- กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร 

- กลุ่มคำสั่งการทำเอกสารแบบรายการ (List) 

- กลุ่มคำสั่งเกี่ยวกับการทำลิงค์ 

- กลุ่มคำสั่งจัดการรูปภาพ 

- กลุ่มคำสั่งจัดการตาราง (Table) 

- กลุ่มคำสั่งควบคุมเฟรม 

- กลุ่มคำสั่งอื่นๆ

Responsive

Responsive  

Responsive  คือ แนวคิดการออกแบบที่เรียกว่า "One Size Fit All" คือ ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับทุกขนาดของหน้าจอ โดยเว็บไซต์จะสามารถตรวจจับขนาดของหน้าจอ ปรับขนาด และ Layout ให้เหมาะสมตามขนาดของหน้าจอโดยอัตโนมัติ โดยอาศัยการทำงานร่วมกันระหว่าง  Layout ของเว็บแบบ Flexible Grid, รูปภาพแบบ Flexible Image และ CSS3 Media Query

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

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

ประโยชน์ของการออกแบบเว็บไซต์แบบ Responsive

1.แสดงผลได้สวยงาม บนขนาดหน้าจอที่แตกต่าง

2.ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย

3.มี Experience ในการใช้งานที่ดีกว่า ดูข้อมูลได้ง่าย โดยไม่ต้อง Zoom

4.ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์

5.ช่วยในเรื่องของการทำ SEO (Search Engine Optimization)

ปัจจุบันแม้แต่ทาง Google เอง ก็ได้ออกมาชักชวนให้เหล่าบรรดา Web Master ทั้งหลาย พัฒนาเว็บไซต์ของตน ในแบบ Responsive คือ พัฒนาเพียงเว็บไซต์เดียว แต่ให้ใช้งานได้บนหน้าจอขนาดอื่นๆด้วย ซึ่งการที่ Google ออกโรงมาผลักดันด้วยตัวเอง ก็น่าจะพอเห็นทิศทางการพัฒนาเว็บไซต์ในอนาคตได้ว่า กำลังจะไปในทิศทางใด

Responsive ได้รับการออกแบบมาเพื่อช่วยในเรื่องของการปรับรูปแบบแสดงผลเป็นหลัก แต่ก็ยังขาดสมบูรณ์ในเรื่องของความสามารถในการช่วยแก้ปัญหาในเรื่องของ Bandwidth ยกตัวอย่างเช่น การแสดงผลรูปภาพ ซึ่งใช้วิธีการ ย่อ/ขยาย scale ของรูป เพื่อให้แสดงผลได้เหมาะสมบนหน้าจอขนาดต่างๆ แต่ในความเป็นจริงแล้ว ยังคงใช้ไฟล์รูปภาพไฟล์เดียวกันกับที่ใช้แสดงผลบน Notebook/PC ซึ่งโดยทั่วไปมักจะมีขนาดใหญ่ และมีความต้องการ Bandwidth สูง ทำให้เมื่อนำมาแสดงผลบน Mobile Device ถึงแม้จะปรับย่อขนาดให้ดูเล็กลง แต่เนื่องจากขนาดของไฟล์ที่ยังคงมีขนาดเท่าเดิม ทำให้แสดงผลได้ช้า และเป็นการสิ้นเปลือง Bandwidth โดยไม่จำเป็น ซึ่งมาตรฐานในส่วนนี้ กำลังอยู่ระหว่างการพัฒนา ซึ่งคาดว่าคงจะมีให้ใช้กันในอีกไม่ช้านี้

ที่มา : http://8columns.com/articles/50009/1387278156096

10.ซอฟแวร์ที่ใช้ในการออกแบบ (3มิติ)

ซอฟแวร์ที่ใช้ในการออกแบบ (3มิติ)

SketchUp Pro 2015 คือโปรแกรมที่ใช้ออกแบบงาน 3 มิติ ไม่ว่าจะเป็นงานสถาปัตยกรรม งานวิศวกรรม งานออกแบบภายใน งานออกแบบผลิตภัณฑ์ งานออกแบบเกม และงานออกแบบอื่น เป็นต้น มีเครื่องมือที่หลากหลายไว้เลือกใช้งานและยังมีราคาที่แพงเกือบ 20,000 บาท เลยทีเดียว แต่ก็ยังถือว่าถูกเมื่อเทียบกับซอฟต์แวร์ CAD ประเภทอื่นๆ

9.ซอฟแวร์ที่ใช้ในงานออกแบบ (2มิติ)

ซอฟแวร์ที่ใช้ในงานออกแบบ (2มิติ)

LibreCAD (โปรแกรมออกแบบ โปรแกรมวาดแบบ 2 มิติ)โปรแกรมออกแบบ วัตถุ 2 มิติ (2D) หรือเรียกว่า โปรแกรมวาดแบบ ก็ได้ ใช้ออกแบบวัตถุต่างๆ ออกแบบเสื้อ ออกแบบบ้าน วัตถุต่างๆ ได้ตามใจชอบ

LibreCAD เป็นโปรแกรมออกแบบ วัตถุ 2 มิติ (2D) หรือเรียกว่า โปรแกรมวาดแบบ ก็ได้ สามารถใช้ออกแบบวัตถุ สื่งของ หรืออะไรก็ได้ที่ง่ายๆ อาทิเช่น กลไกของเครื่องจักรกล วิศวกรออกแบบสิ่งก่อสร้างต่างๆ เช่น เป็น โปรแกรมออกแบบบ้านได้ดี หรือจะไปใช้ ออกแบบครัวเรือน ออกแบบตึก ออกแบบอาคาร ออกแบบห้อง เพื่อใช้สอยในกิจการ หรือ สถานการณ์ ต่างๆ รวมไปถึงการ ออกแบบถุงพลาสติก ออกแบบเสื้อผ้า ด้านหน้าด้านหลัง ได้เป็นอย่างดี

8.เทคโนโลยีสะอาด

เทคโนโลยีสะอาด

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

หลักการของเทคโนโลยีสะอาด

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