Sign In Legacy Responsive Web Design
TOPIC
Legacy Responsive Web Design
การออกแบบเว็บไซต์ที่ตอบสนองแบบดั้งเดิมหมายถึงวิธีการสร้างเว็บไซต์ที่ตอบสนองโดยใช้เทคโนโลยีและเทคโนโลยีเก่าที่เป็นที่นิยมก่อนที่จะนำมาใช้อย่างแพร่หลายในแนวทางการออกแบบที่ตอบสนองสมัยใหม่
Introduction to Basic HTML & HTML5
HTML (Hypertext Marking Language) เป็นภาษามาร์กอัปมาตรฐานที่ใช้ในการสร้างโครงสร้างและเนื้อหาของหน้าเว็บ ซึ่งถือเป็นแกนหลักของแต่ละเว็บไซต์และเป็นพื้นฐานในการนำเสนอข้อมูลบนอินเทอร์เน็ต HTML ช่วยให้นักพัฒนาสามารถกำหนดองค์ประกอบและส่วนประกอบต่าง ๆ ของหน้าเว็บเช่นชื่อย่อหน้ารูปภาพลิงก์แบบฟอร์มและอื่น ๆ
Introduction to Basic CSS
CSS ย่อมาจาก Cascade Style Sheet ซึ่งเป็นเทคโนโลยีพื้นฐานในการพัฒนาเว็บที่ใช้ในการควบคุมการแสดงและรูปแบบของเอกสาร HTML มันเป็นภาษาสไตล์ชีตที่ช่วยให้นักพัฒนาสามารถใช้รูปแบบและรูปแบบต่างๆกับหน้าเว็บเพื่อให้ดึงดูดผู้ใช้ด้วยสายตา
Introduction to Applied Visual Design
Applied Visual Design เป็นพื้นที่ที่รวมหลักการออกแบบเข้ากับการใช้งานจริงเพื่อสร้างการดึงดูดสายตาและเนื้อหาภาพที่มีประสิทธิภาพ ประกอบด้วยองค์ประกอบการออกแบบที่หลากหลายรวมถึงการเรียงพิมพ์ทฤษฎีสีเค้าโครงภาพและองค์ประกอบโดยรวม วัตถุประสงค์หลักของการนำ Visual Design มาประยุกต์ใช้ คือการสื่อสารข้อมูล ความคิด หรือข้อความในลักษณะภาพ เพื่อดึงดูดผู้ชมและเพิ่มความเข้าใจในเนื้อหา
Introduction to Applied Accessibility
Application Accessibility หรือที่เรียกว่า Network Accessibility หรือ Inclusive Design เป็นแนวปฏิบัติในการสร้างเนื้อหาและเทคโนโลยีดิจิทัลที่ทุกคนสามารถเข้าถึงและเข้าถึงได้โดยไม่คำนึงถึงความสามารถหรือความพิการของพวกเขา เป้าหมายของการเข้าถึงแอปพลิเคชันคือเพื่อให้แน่ใจว่าทุกคนรวมถึงคนพิการสามารถรับรู้นำทางโต้ตอบและเข้าใจเนื้อหาและผลิตภัณฑ์ดิจิทัลได้อย่างง่ายดายและมีประสิทธิภาพ
Introduction to Responsive Web Design Principles
Responsive Web Design (RWD) คือการออกแบบเว็บไซต์ที่ออกแบบให้เหมาะสมกับอุปกรณ์ของผู้ใช้งานและขนาดหน้าจอ เพื่อมอบประสบการณ์การรับชมที่ดีที่สุดบนอุปกรณ์ต่างๆ เช่น เดสก์ท็อป แล็ปท็อป แท็บเล็ต และสมาร์ทโฟน หลักการสำคัญของการออกแบบเว็บที่ตอบสนองจะช่วยให้เค้าโครงและเนื้อหาสามารถปรับได้แบบไดนามิกตามขนาดของหน้าจอและทิศทางเพื่อให้แน่ใจว่าผู้ใช้ทุกคนพร้อมใช้งานและอ่านได้
Introduction to CSS Flexbox
CSS Flexbox ย่อมาจาก Flexible Box Layout เป็นโมดูลเค้าโครงที่ทรงพลังที่แนะนำใน CSS3 ซึ่งช่วยให้นักพัฒนาสามารถสร้างเค้าโครงที่ยืดหยุ่นและตอบสนองได้สำหรับหน้าเว็บ Flexbox ได้รับการออกแบบมาเพื่อให้ง่ายต่อการกระจายและจัดเรียงองค์ประกอบในภาชนะบรรจุโดยไม่คำนึงถึงขนาดหรือเนื้อหาจึงสร้างการออกแบบแบบไดนามิกและปรับตัวได้มากขึ้น
Introduction to CSS Grid
CSS Grid เป็นโมดูลเค้าโครงที่แนะนำใน CSS3 ซึ่งให้วิธีที่มีประสิทธิภาพและยืดหยุ่นในการสร้างเค้าโครงหน้าเว็บตามตารางสองมิติ ซึ่งแตกต่างจาก CSS Flexbox ที่เน้นการจัดองค์ประกอบในมิติเดียว (แถวหรือคอลัมน์) ตาราง CSS ช่วยให้นักออกแบบและนักพัฒนาสามารถกำหนดแถวและคอลัมน์เพื่อควบคุมตำแหน่งและขนาดขององค์ประกอบในตารางได้อย่างแม่นยำ
Responsive Web Design Projects
Responsive Web Design Project เป็นแบบฝึกหัดที่ใช้งานได้จริงเพื่อช่วยให้นักพัฒนาและนักออกแบบสามารถใช้หลักการของ Responsive Design เพื่อสร้างเว็บไซต์ที่เหมาะกับขนาดหน้าจอและอุปกรณ์ที่แตกต่างกัน โครงการเหล่านี้ช่วยให้คุณได้รับประสบการณ์จริงในการสร้างเลย์เอาต์ที่ตอบสนองการทดสอบทักษะ HTML, CSS และ JavaScript
