الصفحة التي تناسب كل شاشة — Siden som passer alle skjermer

مخطط مستجيب يتكيف مع الهاتف و اللوح و الحاسوب

🇳🇴 Et responsivt oppsett tilpasser seg mobil, nettbrett og datamaskin.

الصفحة التي تناسب كل شاشة — النرويجية A2

📖 اقرأ القصص المصوّرة مع الصوت بالنرويجية 🧩 Quiz

Et responsivt oppsett tilpasser seg mobil, nettbrett og datamaskin. Vi begynner med å forstå problemet.

Start med den smaleste skjermen. Et tydelig mål gjør neste steg lettere.

Bruk fleksible mål og media queries. Gjør én kontrollert endring om gangen.

Learning goals

HTML, CSS and JavaScript for kids · responsivt design

حوار بالنرويجية مع الترجمة العربيةNora: Et responsivt oppsett tilpasser seg mobil, nettbrett og datamaskin.مخطط مستجيب يتكيف مع الهاتف و اللوح و الحاسوب
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.استخدم أحجامًا واستعلامات وسائط مرنة.
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.الآن يمكنك تفسير القاعدة في كلماتك

كلمات نرويجية من هذه القصة المصوّرة

responsivt design	التصميم المستجيب
Start med den smaleste skjermen.	ابدأ بأضيق شاشة
Bruk fleksible mål og media queries.	استخدم أحجامًا واستعلامات وسائط مرنة.
Innholdet skal være lesbart uten sideveis rulling.	وينبغي قراءة المضمون دون التمزق الأفقي.
en nettleser	مهر
en side	-صفحة
en bruker	مستخدم
et element	عنصر
å validere	التصديق
responsiv	الاستجابة
en test	اختبار
et eksempel	مثال

مزيد من القصص المصوّرة بالنرويجية، المستوى A2

النقاط في الصندوق (Poeng i boksen)
اعثر على الخطأ! (Finn feilen!)
أي لغة؟ (Hvilket språk?)
نموذج للمدرسة (En modell av skolen)
موقع لبوس: أساسيات HTML (Nettsiden til Pus)
ألواح مع برمجيات المصدر الكيميائي (Farger med CSS)
الزر الذي يجيب (Knappen som svarer)
موقع شبكي للجميع (En nettside for alle)