หน้าเว็บที่พอดีทุกหน้าจอ — Siden som passer alle skjermer

Learning goals

HTML, CSS และ JavaScript สำหรับเด็ก · responsivt design

บทสนทนาภาษานอร์เวย์พร้อมคำแปลภาษาไทย

Nora: Et responsivt oppsett tilpasser seg mobil, nettbrett og datamaskin.เลย์เอาต์แบบ responsive ปรับตัวให้เข้ากับมือถือ แท็บเล็ต และคอมพิวเตอร์

Robo: Vi begynner med å forstå problemet.เราเริ่มจากทำความเข้าใจปัญหา

Nora: Start med den smaleste skjermen.เริ่มจากหน้าจอที่แคบที่สุด

Robo: Et tydelig mål gjør neste steg lettere.เป้าหมายที่ชัดเจนทำให้ขั้นต่อไปง่ายขึ้น

Nora: Bruk fleksible mål og media queries.ใช้ขนาดที่ยืดหยุ่นและ media query

Robo: Gjør én kontrollert endring om gangen.เปลี่ยนแปลงอย่างมีการควบคุมทีละอย่าง

Nora: Vi tester med et lite eksempel.เราทดสอบด้วยตัวอย่างเล็กๆ

Robo: Et lite eksempel viser om ideen virker.ตัวอย่างเล็กๆ แสดงว่าไอเดียใช้ได้หรือไม่

Nora: Innholdet skal være lesbart uten sideveis rulling.เนื้อหาควรอ่านได้โดยไม่ต้องเลื่อนในแนวนอน

Robo: Sammenlign resultatet med målet.เปรียบเทียบผลลัพธ์กับเป้าหมาย

Nora: Jeg kan forklare og prøve selv.หนูอธิบายและลองทำเองได้

Robo: Nå kan du forklare regelen med egne ord.ตอนนี้เธออธิบายกฎด้วยคำพูดของตัวเองได้แล้ว

คำศัพท์ภาษานอร์เวย์จากการ์ตูนเรื่องนี้