ผลกระทบจากการทะเลาะวิวาทของวัยรุ่น

ผลกระทบจากการทะเลาะวิวาทของวัยรุ่น

1. เป็นเหตุให้เกิดความสูญเสีย ไม่เพียงแต่จะสร้างปัญหาให้กับตัวเองแล้ว ยังทำให้สถาบันการศึกษาเสื่อมเสียชื่อเสียง และที่สำคัญกว่านั้นคือเป็นปัญหาให้กับสังคมและคนรอบข้าง เพราะนอกจากนักเรียนโรงเรียนคู่อริจะได้รับบาดเจ็บแล้ว คนส่วนหนึ่งที่ต้องพลอยเดือดร้อนไปด้วยคือ คนที่โดนลูกหลงนั่นเอง ซึ่งเราก็มักจะเห็นในข่าวอยู่เสมอว่า คนที่ไม่รู้เรื่องหรือไม่มีส่วนเกี่ยวข้องด้วยมักจะได้รับบาดเจ็บ บางรายถึงกับต้องเข้าโรงพยาบาลนอนให้น้ำเกลือเป็นเดือนๆ บางรายถึงกับต้องเสียชีวิตไปเปล่าๆจากการทะเลาะวิวาทของเด็กวัยรุ่นเหล่านี้
2. นักเรียนหรือนักศึกษาที่มีพฤติกรรมก้าวร้าวเป็นกลุ่มที่มีมโนภาพแห่งตนต่ำกว่านักเรียนอาชีวะทั่วไป คือ มองภาพพจน์ตัวเองต่ำ รู้สึกมีปมด้อย ขาดการยอมรับจากสังคม และมีความวิตกกังวล และกลุ่มเพื่อนที่มีอิทธิพลต่อการพัฒนาพฤติกรรมก้าวร้าว และมีความสัมพันธ์กับพฤติกรรมก้าวร้าว กับผลสัมฤทธิ์ทางการเรียน
3. ก่อให้เกิดอาชญากรรมของเด็กวัยรุ่นที่กระทำต่อแท็กซี่และคนทั่วไปที่ไม่ได้รู้เรื่อง เช่น เด็กจี้แท็กซี่เพราะต้องการเอาเงินไปเที่ยวกลางคืน การตี ฆ่า ข่มขืน เด็กแว้น (เด็กกวนเมือง) ที่เกิดขึ้นทุกหัวระแหงของสังคมไทย หรือ เด็กผู้หญิงตบตีกันแล้วถ่านคลิปเอาไว้ “โชว์พาว” ข่มขู่เด็กอื่นๆ
4. เป็นเหตุปัจจัยที่ซับซ้อนและใหญ่โตระดับโครงสร้างทางสังคม ซึ่งไม่สามารถแก้ไขแต่เพียงตัวปัญหาหรือปรากฏการณ์ที่มองเห็นเท่านั้น เหตุปัจจัยที่ว่านี้ได้แก่ ปัญหาด้านชีววิทยา / จิตวิทยาวัยรุ่น ปัญหาการอบรมเลี้ยงดูของครอบครัว ระบบการศึกษา อิทธิพลจากสื่อและโฆษณา ปัญหาบริโภคนิยม
5. เมื่อเกิดปัญหาการทะเลาะวิวาท สถาบันเหล่านี้จะถูกสร้างขึ้นโดยกระบวนการที่เป็นกลไกทางสังคมสั่งสมจนกลายเป็นประเพณีปฏิบัติสืบทอดกันมา นอกจากนั้นการให้ความหมายหรือตีความ โดยเฉพาะการให้ความหมายและการตีความต่อโลกและสังคมของการก่อเหตุทะเลาะวิวาท จะเป็นเรื่องปกติธรรมดาที่เกิดขึ้นเมื่อดำเนินวิถีชีวิตอยู่ในสังคมวัยรุ่น

สาเหตุของปัญหาการทะเลาะวิวาทของวัยรุ่น

สาเหตุของปัญหาการทะเลาะวิวาทของวัยรุ่น

     เงื่อนไขของการเกิดเหตุทะเลาะวิวาทของเด็กวัยรุ่นเกิดจากปัจจัยที่หลากหลายดังนี้คือ

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

 

ปัญหาการทะเลาะวิวาทของกลุ่มวัยรุ่น

ปัญหาการทะเลาะวิวาทของกลุ่มวัยรุ่น

ปัญหาหลัก

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

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

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

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

1. ฮาร์ดแวร์

    ฮาร์ดแวร์เป็นองค์ประกอบสำคัญของระบบสารสนเทศ หมายถึง เครื่องคอมพิวเตอร์อุปกรณ์รอบข้าง รวมทั้งอุปกรณ์สื่อสารสำหรับเชื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย เช่น เครื่องพิมพ์ เครื่องกราดตรวจเมื่อพิจารณาเครื่องคอมพิวเตอร์ สามารถแบ่งเป็น 3 หน่วย คือ

หน่วยรับข้อมูล (input unit) ได้แก่ แผงแป้นอักขระ เมาส์

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

หน่วยแสดงผล (output unit) ได้แก่ จอภาพ เครื่องพิมพ์

2 . ซอฟต์แวร์

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

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

- ซอฟต์แวร์ระบบ คือ ซอฟต์แวร์ที่ใช้จัดการกับระบบคอมพิวเตอร์ และอุปกรณ์ต่างๆ ที่มีอยู่ในระบบ เช่น ระบบปฏิบัติการวินโดว์ส ระบบปฏิบัติการดอส ระบบปฏิบัติการยูนิกซ์

- ซอฟต์แวร์ประยุกต์ คือ ซอฟต์แวร์ที่พัฒนาขึ้นเพื่อใช้งานด้านต่างๆ ตามความต้องการของผู้ใช้ เช่น ซอฟต์แวร์กราฟิก ซอฟต์แวร์ประมวลคำ ซอฟต์แวร์ตารางทำงาน ซอฟต์แวร์นำเสนอข้อมูล

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


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

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

HTML คืออะไร?

HTML คืออะไร?

           HTML คือ ภาษาหลักที่ใช้ในการเขียนเว็บเพจ โดยใช้ Tag ในการกำหนดการแสดงผล HTML ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup language หมายถึงภาษาที่ใช้ Tag ในการกำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ Tag ในการกำหนดการแสดงผลเว็บเพจที่ต่างก็เชื่อมถึงกันใน Hyperspace ผ่าน Hyperlink นั่นเอง

โครงสร้างคำสั่งของ 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

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

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

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

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

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

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

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

TITLE

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

META

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Responsive Web Design คืออะไร?

 Responsive Web Design คืออะไร?

           ในปัจจุบัน Mobile Internet Users ได้มีจำนวนเพิ่มขึ้นอย่างรวดเร็ว และมีแนวโน้มที่จะแซง Desktop Internet Users ในปี 2013 อีกด้วย ซึ่ง Mobile Devices นั้นมีความหลากหลายมาก ไม่ว่าจะเป็น ขนาดและความละเอียดของหน้าจอแสดงผล(screen size and resolution) แนวของการแสดงผล(orientation) หรือแม้แต่ระบบปฏิบัติการ(OS)

            ถ้าเป็นสมัยก่อน เราต้องทำเว็บไซต์ออกมาหลายๆ version เช่น Desktop version กับ Mobile version เพื่อให้เว็บไซต์ของเรา สามารถแสดงผลได้อย่างเหมาะสมกับ Device นั้นๆ ซึ่งวิธีนี้จะทำให้ต้นทุนเพิ่มขึ้น ทั้งในด้านเวลาและค่าจ้างในการพัฒนา

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

หลักการของ Responsive Web Design

             การจะทำ Responsive Web Design มักใช้เทคนิคหลายๆ อย่าง ร่วมกัน ไม่ว่าจะเป็น Fluid Grid, Flexible Images และ CSS3 Media Queries

             เริ่มแรกคือการทำ Fluid Grid ซึ่งก็คือการออกแบบ Grid ให้เป็นแบบ Relative ซึ่งก็คือการที่ไม่ได้กำหนดขนาดของ Grid แบบตายตัว แต่จะกำหนดให้สัมพันธ์กับสิ่งอื่นๆ เช่น กำหนดความกว้างแบบเป็น % หรือการใช้ font-size หน่วยเป็น em เป็นต้น

              ต่อมาคือการทำ Flexible Images หรือการกำหนดขนาดของ Images ต่างๆ ให้มีความสัมพันธ์กับขนาดของหน้าจอแสดงผล หากรูปต้นฉบับมีขนาดใหญ่มาก เวลาแสดงในมือถือที่มีจอขนาดเล็ก ก็ควรลดขนาดลงมา เพื่อให้แสดงผลได้อย่างสวยงาม เป็นต้น

สุดท้ายคือการใช้ CSS3 Media Queries ซึ่งจะช่วยให้เราสามารถกำหนด style sheets สำหรับ Devices ต่างๆ ได้ โดยส่วนใหญ่ เราจะเขียน style sheets พื้นฐานเอาไว้ ซึ่งกลุ่มนี้ จะไม่ขึ้นอยู่กับ Devices ใดๆ หลังจากนั้นให้เราเขียน style sheets สำหรับ Devices ที่มีขนาดหน้าจอที่เล็กสุด เพิ่มขึ้นไปเรื่อยๆ จนถึงขนาดใหญ่สุด ซึ่งการเขียนแบบนี้ จะช่วยลดความซ้ำซ้อนของโค้ด และยังทำให้การแก้โค้ดในภายหลังทำได้ง่ายอีกด้วย

ข้อเสียของ Responsive Web Design

                อย่างไรก็ตาม Responsive Web Design ก็ยังมีข้อเสียอยู่บ้าง เนื่องจากการเขียนโค้ดเดียว ให้รองรับหลายๆ Devices จึงอาจทำให้เกิดปัญหา เช่น โทรศัพท์มือถือที่มีหน้าจอขนาดเล็ก ถึงแม้เราจะซ่อนเนื้อหาบางส่วนที่ไม่จำเป็นเอาไว้ เช่น โฆษณา แต่ในบางเว็บบราวเซอร์ ข้อมูลเหล่านี้ยังจะถูกโหลดเข้ามาอยู่ รวมไปถึงเรื่องของ Image Resizing ที่เราไม่ได้ไปลด File Size ของตัว Image จริงๆ ทำให้โทรศัพท์มือถือจำเป็นต้องโหลดรูปเดียวกับรูปที่ใช้แสดงบน Desktop ทำให้เสียเวลาโดยไม่จำเป็น


                เพื่อนๆ คงจะเห็นแล้วนะว่า Responsive Web Design มีข้อดีอย่างไร และข้อเสียอย่างไร ทุกวันนี้ คนส่วนใหญ่เข้าใจว่า Responsive Web จะมาแทนที่ Mobile Web ซึ่งมันก็ยังไม่ถูกซะทีเดียว Responsive Web ยังมีข้อจำกัดในเรื่องของ performance รวมไปถึงเหตุผลทางเทคนิคบางประการทำให้มันยังไม่สามารถทำในสิ่งที่ Mobile Web สามารถทำได้ทั้งหมด จะเห็นได้ว่าเว็บไซต์อย่าง facebook และ youtube ยังมี Mobile Version อยู่ เพราะต้องการให้ผู้ใช้งาน ได้รับประสบการณ์การใช้งานที่ดีที่สุด ซึ่ง Responsive Web ยังทำในจุดนี้ไม่ได้ทั้งหมด หากจะเปรียบกับสูท Responsive Web ก็เหมือนกับสูทแบบฟรีไซส์ ส่วน Mobile Web ก็เหมือนกับสูทแบบสั่งตัด ดังนั้น หากคิดจะทำ Responsive Web อย่าลืมพิจารณาก่อนว่า มันตอบโจทย์ของเรามั้ย

ชนิดของข้อมูลและตัวแปรในภาษาซี