مقدمة مرحبًا بكم مجددًا! بعد أن تعرفتم على أساسيات HTML و CSS و JavaScript، حان الوقت لتطبيق ما تعلمتم من خلال مجموعة من التمارين العملية التفاعلية. هذه التمارين ستساعدكم على تثبيت معرفتكم وتطوير مهاراتكم كمطورين ويب. تذكروا دائمًا، جربوا حل التمارين بأنفسكم قبل رؤية الإجابات! تمرين 1: إنشاء قائمة مهام تفاعلية المطلوب الحل جرب حل …
تصميم مواقع الويب
الدرس الخامس: إضافة التفاعلية باستخدام JavaScript
مقدمة مرحبًا بكم في الدرس الخامس والأخير من دورة تعلم HTML وCSS! في هذا الدرس، سنتعرف على كيفية إضافة التفاعلية إلى صفحات الويب باستخدام JavaScript. JavaScript هي لغة برمجة تُستخدم لإضفاء الحيوية على صفحات الويب وجعلها أكثر ديناميكية وتفاعلية. 1. ما هو JavaScript؟ JavaScript هي لغة برمجة تعمل على جانب العميل (client-side) وتُستخدم لإضفاء التفاعلية …
الدرس الرابع: تنسيق متقدم باستخدام CSS
مقدمة مرحبًا بكم في الدرس الرابع من دورة تعلم HTML و CSS! في هذا الدرس، سنتناول التقنيات المتقدمة في CSS التي تساعدك على إنشاء تخطيطات صفحات ويب احترافية وجذابة. سنغطي موضوعات مثل تخطيطات الشبكة (Grid Layout)، نموذج Flexbox، والاستجابة لتغيرات حجم الشاشة (Responsive Design). هذه التقنيات ستساعدك على تصميم صفحات ويب تتناسب مع مختلف الأجهزة …
الدرس الثالث: تنسيق صفحات الويب باستخدام CSS
مقدمة مرحبًا بكم في الدرس الثالث من دورة تعلم HTML! الآن بعد أن تعلمنا كيفية إنشاء صفحات ويب باستخدام HTML، سننتقل إلى تعلم كيفية تنسيق هذه الصفحات وجعلها أكثر جاذبية باستخدام CSS. CSS، أو Cascading Style Sheets، هي اللغة التي تُستخدم لتحديد كيف تبدو العناصر في صفحات الويب. 1. ما هو CSS؟ CSS هي لغة …
تمارين عملية لتثبيت ما تعلمته في HTML
مقدمة مرحبًا بكم مجددًا! بعد أن تعلمت أساسيات HTML وبعض الوسوم المتقدمة، حان الوقت لتطبيق ما تعلمته من خلال مجموعة من التمارين العملية. هذه التمارين صُممت لتكون صعبة قليلاً لتحدي مهاراتك وتعزيز فهمك للـ HTML. تذكر دائمًا، جرب حل التمارين بنفسك قبل رؤية الإجابات! تمرين 1: إنشاء صفحة تعريفية معقدة المطلوب الحل جرب حل التمرين …
الدرس الثاني: الوسوم المتقدمة في HTML
مقدمة مرحبًا بك في الدرس الثاني من دورة تعلم HTML! في هذا الدرس، سنتعمق أكثر في وسوم HTML المتقدمة التي تساعد في تحسين صفحات الويب الخاصة بك وإضافة المزيد من التفاعل والمحتوى المتنوع. سنتعلم كيفية استخدام الوسوم لتحسين النصوص، إضافة الجداول، القوائم، والنماذج، بالإضافة إلى تضمين الوسائط المتعددة. 1. تحسين النصوص باستخدام الوسوم 1.1 النصوص …
الدرس الأول: مقدمة إلى HTML
مقدمة مرحبًا بك في الدرس الأول من دورة تعلم HTML! في هذا الدرس، سنبدأ بالتعرف على أساسيات HTML التي تشكل العمود الفقري لكل صفحة ويب. هدفنا هنا هو فهم كيفية استخدام HTML لإنشاء وبناء هيكل صفحات الويب الخاصة بك. لذا، جهز نفسك وانطلق معنا في هذه الرحلة المثيرة! 1. ما هو HTML؟ HTML، اختصار لـ …