วันอังคารที่ 31 พฤษภาคม พ.ศ. 2559

องค์ประกอบของ HTML

องค์ประกอบของ HTML 

โครงสร้างของภาษา HTML ประกอบด้วย 3 ส่วน คือ

               1. ส่วนที่กำหนดให้เว็บเบราว์เซอร์ทราบว่าเป็นแฟ้มข้อมูลชนิด HTML ซึ่งจะมีแท็ก <html>…</html> กำกับอยู่ที่จุดเริ่มต้นและจุดสิ้นสุดของแฟ้มข้อมูล               

B             2. ส่วนหัวเรื่อง (Head) เป็นส่วนที่กำหนดให้แสดงข้อความที่แถบหัวเรื่องของหน้าเว็บเพจนั้น ๆ เช่น แท็ก <title>....</title> และเก็บแท็กพิเศษอื่น ๆ               

               3. ส่วนเนื้อหา (Body) เป็นส่วนที่แสดงเนื้อหาของเว็บเพจทั้งหมดซึ่งประกอบด้วย ข้อความและแท็กต่าง ๆ เช่น แท็กสำหรับจัดการกับรูปแบบของข้อความ ตาราง รูปภาพ กราฟิกต่างๆ สีของตัวอักษร สีพื้น เป็นต้น


ตัวอย่าง

               
                 <html>
                 <title>Title Bar</title>
                 <head>
                 </head>
                 <body>
                     ส่วนของเนื้อหาในเว็บ
                 </body>
                  </html>




                             

วันพุธที่ 18 พฤษภาคม พ.ศ. 2559

Responsive Web คือะไร?

           

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



                  Responsive Web เป็นการนำเทคนิคหลายๆอย่างมารวมกัน คือ  CSS, HTML และ JavaScript จนเกิดเป็น Responsive Web 



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

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