วันพุธที่ 14 กันยายน พ.ศ. 2559
HTML คือ ภาษาหลักที่ใช้ในการเขียนเว็บเพจ โดยใช้ Tag ในการกำหนดการแสดงผล HTML ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่อมต่อกันผ่านลิ้ง (Hyperlink) Markup language หมายถึงภาษาที่ใช้ Tag ในการกำหนดการแสดงผลสิ่งต่างๆที่แสดงอยู่บนเว็บเพจ ดังนั้น HTML จึงหมายถึง ภาษาที่ใช้ Tag ในการกำหนดการแสดงผลเว็บเพจที่ต่างก็เชื่อมถึงกันใน Hyperspace ผ่าน Hyperlink นั่นเอง
วันอังคารที่ 31 พฤษภาคม พ.ศ. 2559
องค์ประกอบของ HTML
โครงสร้างของภาษา HTML ประกอบด้วย 3 ส่วน คือ
1. ส่วนที่กำหนดให้เว็บเบราว์เซอร์ทราบว่าเป็นแฟ้มข้อมูลชนิด HTML ซึ่งจะมีแท็ก <html>…</html> กำกับอยู่ที่จุดเริ่มต้นและจุดสิ้นสุดของแฟ้มข้อมูล
2. ส่วนหัวเรื่อง (Head) เป็นส่วนที่กำหนดให้แสดงข้อความที่แถบหัวเรื่องของหน้าเว็บเพจนั้น ๆ เช่น แท็ก <title>....</title> และเก็บแท็กพิเศษอื่น ๆ
3. ส่วนเนื้อหา (Body) เป็นส่วนที่แสดงเนื้อหาของเว็บเพจทั้งหมดซึ่งประกอบด้วย ข้อความและแท็กต่าง ๆ เช่น แท็กสำหรับจัดการกับรูปแบบของข้อความ ตาราง รูปภาพ กราฟิกต่างๆ สีของตัวอักษร สีพื้น เป็นต้น
1. ส่วนที่กำหนดให้เว็บเบราว์เซอร์ทราบว่าเป็นแฟ้มข้อมูลชนิด HTML ซึ่งจะมีแท็ก <html>…</html> กำกับอยู่ที่จุดเริ่มต้นและจุดสิ้นสุดของแฟ้มข้อมูล
2. ส่วนหัวเรื่อง (Head) เป็นส่วนที่กำหนดให้แสดงข้อความที่แถบหัวเรื่องของหน้าเว็บเพจนั้น ๆ เช่น แท็ก <title>....</title> และเก็บแท็กพิเศษอื่น ๆ
3. ส่วนเนื้อหา (Body) เป็นส่วนที่แสดงเนื้อหาของเว็บเพจทั้งหมดซึ่งประกอบด้วย ข้อความและแท็กต่าง ๆ เช่น แท็กสำหรับจัดการกับรูปแบบของข้อความ ตาราง รูปภาพ กราฟิกต่างๆ สีของตัวอักษร สีพื้น เป็นต้น
ความหมายของคำสั่ง หรือแท็กต่างๆ ในโครงสร้างของภาษา HTML(ซึ่งต้องมีคำสั่งหรือแท็ก 4 ส่วนนี้เป็นหลักในเว็บเพจทุก ๆ หน้า)
|
| <html> ..... ..... </html> | หมายถึง แสดงถึงจุดเริ่มต้นและจุดสิ้นสุดของภาษา HTML |
| <head> ..... ..... </head> | หมายถึง กำหนดรายละเอียดส่วนหัวเอกสาร HTML เช่น <title>......</title> |
| <title>...</title> | หมายถึง กำหนดชื่อเว็บเพจในแถบหัวเรื่อง หรือที่เรียกว่าไตเติ้ลบาร์ ของหน้าต่างเว็บเพจ |
| <body> .... </body> | หมายถึง ส่วนที่มีไว้สำหรับให้ผู้เขียนเว็บเพจใส่คำสั่งหรือแท็กต่าง ๆ บางครั้งอาจเรียกว่า "โค้ด" (Code) เช่น คำสั่งแสดงรูปภาพ, การกำหนดสีตัวอักษร, การทำอักษรวิ่ง, การสร้างตาราง, การทำชุดเชื่อมโยง เป็นต้น |
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 ทำให้เสียเวลาโดยไม่จำเป็น
วันเสาร์ที่ 11 กรกฎาคม พ.ศ. 2558
ซอฟต์แวร์ที่ใช้ในการออกแบบ3มิติ
นอกจากนี้แล้ว
Google SketchUp หรือ โปรแกรมออกแบบบ้าน 3 มิติ สร้างโมเดล 3 มิติ ตัวนี้ ยังสามารถส่งออกผลงาน
(Export) ที่ออกแบบเสร็จ (วาดเสร็จ) มาในรูปแบบของไฟล์ .BMP,
.PNG, .JPG, .TIF สำหรับเวอร์ชั่นฟรี และ ส่งออกเป็นไฟล์ .pdf,
.eps, .epx, .dwg, and .dxf. สำหรับเวอร์ชั่นโปร
หมายเหตุ
: ตั้งแต่ วันอังคารที่ 21 พฤษภาคม พ.ศ. 2556 (ค.ศ. 2013)
เป็นต้นมา โปรแกรม Google SketchUp ได้ถูกเปลี่ยนชื่อเป็น
โปรแกรมออกแบบบ้าน SketchUp Make หลังถูกบริษัท Trimble
ซื้อไปจาก Google Inc. ทำให้เป็น
โปรแกรมออกแบบบ้าน ที่เปลี่ยนเจ้าของบ่อยที่สุดนับตั้งแต่เริ่มพัฒนามา
โดยประวัติของโปรแกรมนี้
เริ่มแรกเดิมทีมาจากบริษัท @Last Software ในปี ค.ศ. 1999
หลังจากนั้นโดน Google Inc. เข้าซื้อในปี ค.ศ.
2006 และก็หลังจากนั้นอีกหกปี ในวันที่ 1 มิถุนายน ค.ศ. 2012 ทางบริษัท Trimble ซึ่งเป็นบริษัทที่มีชื่อเสียงด้านการออกแบบ วาดแบบชั้นนำของสหรัญอเมริกา
ก็ได้เข้าซื้อโปรแกรม SketchUp มาจาก Google Inc. อีกทีหนึ่ง
ซอฟต์แวร์ที่ใช้ในการออกแบบ2มิติ
LibreCAD (โปรแกรมออกแบบ
โปรแกรมวาดแบบ 2 มิติ) : โปรแกรมออกแบบ
LibreCAD เป็น โปรแกรมออกแบบ 2 มิติ
หรือที่เรียกว่า CAD 2D (Computer-Aided Design Program) ที่อยู่ในโปรเจคโอเพ่นซอร์ส
(Open-Source) หากได้ยินชื่อนี้เมื่อไหร่
พึงระลึกเอาไว้เลยว่า แจกฟรี แน่นอน
เพราะเป็นการพัฒนาที่เกิดขึ้นจากนักพัฒนาโปรแกรมฝีมือดีจากทั่วโลก
ที่มีความเชี่ยวชาญด้าน โปรแกรมออกแบบ ตรงนี้ได้เป็นพื้นที่
ที่จะมาร่วมออกแบบแลัพัฒนาร่วมกัน โดย โปรแกรมออกแบบ ตัวนี้สามารถออกแบบวัตถุต่างๆ
ได้ 2 มิติ (2D) เท่านั้น
ซึ่งสามารถใช้ออกแบบวัตถุ สื่งของ หรืออะไรก็ได้ที่ง่ายๆ อาทิเช่น กลไกของเครื่องจักรกล
วิศวกรออกแบบสิ่งก่อสร้างต่างๆ เช่น เป็น โปรดแกรมออกแบบบ้าน ได้ดี หรือจะไปใช้
ออกแบบครัวเรือน ออกแบบตึก ออกแบบอาคาร ออกแบบห้อง เพื่อใช้สอยในกิจการ หรือ
สถานการณ์ ต่างๆ รวมไปถึงการ ออกแบบถุงพลาสติก ออกแบบเสื้อผ้า ด้านหน้าด้านหลัง
ได้เป็นอย่างดี แล้วแต่ตามใจชอบละ
เทคโนโลยีสะอาด
เทคโนโลยีสะอาด (Clean Technology : CT) หมายถึง
การพัฒนา ปรับปรุงหรือเปลี่ยนแปลงกระบวนการผลิตหรือผลิตภัณฑ์อย่างต่อเนื่อง
เพื่อให้การใช้วัตถุดิบ พลังงาน และทรัพยากรธรรมชาติเป็นไปอย่างมีประสิทธิภาพ
ก่อให้เกิดผลกระทบ ความเสี่ยงต่อมนุษย์และสิ่งแวดล้อมน้อยที่สุดเท่าที่จะเป็นไปได้
โดยการลดมลพิษที่แหล่งกำเนิด และมีของเสียเกิดขึ้นน้อยที่สุดหรือไม่มีเลย
ด้วยการเปลี่ยนวัตถุดิบ การใช้ซ้ำและการนำกลับมาใช้ใหม่ ซึ่งเป็นการอนุรักษ์สิ่งแวดล้อมและลดต้นทุนการผลิตควบคู่กันไป
เทคโนโลยีการผลิตที่สะอาดเป็นหลักการป้องกันมลพิษ(Pollution
Prevention) ที่ใช้หลักการลดของเสียเหลือน้อยที่สุด (Waste
Minimization) โดยวิธีการแยกสารมลพิษที่เกิดจากกระบวนการผลิตทุกขั้นตอนซึ่งประกอบด้วยการเปลี่ยนแปลงกระบวนการผลิตหรือการเปลี่ยนวัตถุดิบที่ทำให้เกิดผลพลอยได้ที่ไม่เป็นอันตรายรวมทั้งการลดปริมาณและความเข้มข้นขององค์ประกอบในของเสียด้วยการนำไปใช้ซ้ำ
(Reuse) หรือการนำกลับไปใช้ใหม่ (Recycle) จนไม่สามารถนำของเสียไปใช้ประโยชน์ได้แล้ว
ก็จะนำไปบำบัดให้ถูกต้องตามหลักวิชาการต่อไป
โดยมีการดำเนินการอย่างเป็นระบบและต่อเนื่อง นอกจากนี้ในการดำเนินการเพื่อให้บรรลุเป้าหมายได้นั้นยังต้องประกอบด้วยทัศนคติที่ดีและการร่วมมือกันอย่างเต็มที่จากบุคคลากรทุกฝ่ายอีกด้วย
5W1H
5W1H: วิธีที่มีประสิทธิภาพเพื่อรวบรวมและนำเสนอข้อมูลที่สำคัญ
5W1 หนึ่งในเครื่องมือที่ใช้มากที่สุดในระดับสากลสำหรับการรวบรวมข้อมูล,วิเคราะห์และการนำเสนอเป็นกรอบ 5W1H
วิธีนี้จะใช้ในช่วงของกระบวนการนักวิเคราะห์วิศวกรที่มีคุณภาพที่จะเข้าใจและอธิบายความจริงปัญหาใด ๆ
หรือปัญหาวิธีการเดียวกันสามารถที่ใช้ในการจัดระเบียบการเขียนของรายงานบทความเอกสารและแม้ทั้งหนังสือ
วิธีการพื้นฐาน
วิธีการนี้พยายามที่จะตอบคำถามพื้นฐานในการรวบรวมข้อมูลเกี่ยวกับเรื่องใด
ๆ ของ: ใครอะไรเมื่อไหร่ที่ไหนทำไมและวิธีการ
บางครั้งขึ้นอยู่กับบริบทที่สอง"H"อย่างไร
What.
คือเรื่องหลักของการรวบรวมข้อมูลเหตุผลและการนำเสนอ
อาจจะเป็นที่ระบุไว้ในชื่อเรื่องและวัตถุประสงค์
อาจต้องจะกำหนดกระบวนการที่อาจประกอบด้วยส่วนที่เหลือของเอกสาร
Who.
สิ่งแวดล้อมอื่นๆ
คนหรือกลุ่มความกังวลมันอาจอธิบายเอกสารหรือผู้ที่ได้รับผลกระทบจากนโยบายการหรือขั้นตอน
When.
หมายถึงเมื่อไหร่ในเวลาใดที่เกี่ยวข้อง
มันอาจจะเป็นส่วนหนึ่งกับจุดที่เหมาะสมที่จะต้องดำเนินการ
บางครั้งมันอาจจะเป็นส่วนหนึ่งของสถานการณ์ของการกระทำตามเงื่อนไข
Where.
เหตุการณ์หรือกระบวนการนั้น
เกิดขึ้นที่ไหนเมื่อไหร่
Why.
เหตุใดถึงทำสิ่งนั้นหรือ
เพราะเหตุใดถึงเกิดเหตุการณ์นั้นๆ
อาจมีการพิจารณาที่ไม่เกี่ยวข้องอาจจะเกิดจากนโยบายหรือขั้นตอน
How.
เหตุการณ์หรือสิ่งที่ทำนั้นเป็นอย่างไรบ้าง
เมื่ออธิบายนโยบายกระบวนการหรือขั้นตอนอาจ
เป็นส่วนสำคัญที่สุด
Conclusion.
5W1H สามารถนำไปใช้หัวข้อใด
ๆ เพื่อรวบรวมวิเคราะห์และนำเสนอข้อมูลจากข้อมูลที่ซับซ้อนทำให้เป็นข้อมูลง่าย
สมัครสมาชิก:
บทความ (Atom)