نظرة عامة على الدورةالدرس 2 من 30

الدرس 02 من 30 · 8:35

الدرس 2: أساسيات HTML وعلاقتها بتحسين محركات البحث

الفيديو والشرح بالعربية

شاهد على YouTube

عن هذا الدرس

يوضح الدرس كيف تتعاون HTML وCSS وJavaScript لبناء الصفحة، والفرق بين المصدر والمظهر والتفاعلات التي تطلب محتوى إضافياً.

عرض وصف الدرس كاملاًطي وصف الدرس

00:40 فحص استجابة HTML ومواردها

يعيد طلب الصفحة مستنداً يستخدمه المتصفح للعرض، ثم تُطلب الصور والأنماط والبرامج النصية بصورة منفصلة. افتح Inspect وNetwork لمتابعة الطلبات، وView page source لفحص المستند. يعرض المصدر الشيفرة المستلمة، بينما توضح Network الموارد التي طلبها المتصفح أثناء التحميل.

01:48 ما الذي تغيّره CSS؟

عند تعطيل CSS يبقى المحتوى في تخطيط بسيط. تعيد إتاحتها الألوان والمسافات والتصميم، فتتضح العلاقة بين المعلومات وقواعد عرضها. وتكيّف CSS الصفحة مع أحجام الشاشات؛ لذلك يجب مراجعة العرض على الهاتف إلى جانب الحاسوب.

02:52 دور JavaScript

تضيف JavaScript السلوك والتفاعل، ويمكنها طلب معلومات دون الانتقال إلى مستند آخر. يستخدم الدرس أيضاً طلبات Google Analytics لشرح إرسال أحداث القياس. قد يعمل البرنامج في الخلفية دون تغيير مرئي على الشاشة، فلا يُحكم على نشاطه من المظهر وحده.

04:46 مقارنة التفاعل مع تشغيل JavaScript وتعطيلها

تعرض تجربة موقع العملات الرقمية قوائم وعناصر تطلب معلومات إضافية. عند تعطيل JavaScript وإعادة التحميل تتوقف التفاعلات، بينما يبقى المحتوى الموجود في هذا المثال. عند استعادتها يعود السلوك. تطرح المقارنة أسئلة عرض JavaScript وتحسين محركات البحث: ما الذي يصل في HTML وما الذي يعتمد على البرامج؟ افحص المحتوى وقابلية الاستخدام معاً.