إتصل بنا

الاسم

بريد إلكتروني *

رسالة *

تَعلمْ إنشاء المواقع باستخدام الـHTML و الـCSS

3 تعليقات

أنت تحلم بأن تصبح قادرا على إنشاء موقع وب ؟

إذا كان جوابك نعم ، فأنت إذن في الموقع الصحيح ، فيما يلي سلسلة من الدروس موجهة للمبتدئين في مجال تصميم المواقع ، هذه الدروس بسيطة و مكتوبة بكلمات سهلة يستطيع أي أحد فهمها و إستعابها ، مع عدة أمثلة  و الشرح البسيط و التدقيق سيصبح أمر إنشاء المواقع أمرً سهلً للغاية .

سنتعرف في هذه الدروس على اللغتين الشهيرتين HTML5 و الـCSS 3 ، هتين اللغتين هما المسؤولتان عن إنشاء مواقع الوب . فحتى و إن كانت هتين اللغتين تعنيان لك شيئا ، فهون عليك يا صاحبي ، لأنك ستتعلم في هذه الدروس كيف يتم :
  • إدخال النصوص ، الصور ، الفيديوهات ... .
  • إنشاء الروابط بين صفحات موقعك .
  • تنسيق الموقع بتعديل الألوان ، الحجوم ، و أنواع الخطوط .
  • ترتيب عناصر الموقع : الهيدر ، القائمة الأفقية و غيرها .
  • ... و المزيد من الأشياء   .
إذن ليس هناك ما تقوم به في وقت فراغك ، لم لا تكتشف معنا عالم إنشاء مواقع الوب الرائع و تعلم لغات جديدة HTML و CSS !



الدروس مقسمة إلى 5 أقسام أساسية :
  1. أساسيات لغة HTML5 .
  2. تخصيص العناصر بإستخدام لغة CSS .
  3. بناء صفحة الوب .
  4. تقنيات للرفع من مستوى الموقع .
  5. ملحقات .

أساسيات لغة HTML 5

ربما لم يسبق لك أن سمعتَ بلغة الـHTML ، ليست هناك مشكلة أبدا ، لذلك لا داع للقلق ، اللغة بسيطة و سهلة لأنها صممت على أساس أن تكون كذلك ، سنتعرف على بنيتها في الفصل الأول و التطبيق يكون في الفصول التي تليه .

سنبدأ أولا بالتعرف على الطريقة التي تعمل بها المواقع ، ثم سنقوم بتحميل البرامج اللازمة لإنشاء صفحات الوب و هي برامج صغيرة الحجم و مجانية .
و في نهاية هذا الجزء سنكون قادرين على إدخال النصوص ، إنشاء الروابط و إدخال الصور .

الفصل الأول : كيف ننشأ موقعا على الإنترنت ؟
  1. كيف تعمل مواقع الويب ؟
  2. HTML و CSS ، لغتين لإنشاء مواقع الويب .
  3. محرر النصوص .
  4. المتصفحات .
الفصل الثالث : عناصر النصوص .
  1. الفقرات .
  2. العناوين .
  3. عناصر التخصيص .
  4. القوائم .
الفصل الخامس : إدخل الصور .
  1. مختلف أنواع الصور .
  2. إدخال الصورة .

تخصيص العناصر بإستخدام لغة CSS .

الان نحن نعرف أساسيات لغة الـHTML ، حان الوقت للتعرف على القليل من الـCSS .

الفصل الأول : إدخال لغة الـCSS .
  1. قصة صغير عن الـCSS .
  2. أين نكتب الـCSS ؟
  3. تطبيق خاصية : تحديد عنصر ما .
  4. تطبيق خاصية : سمتي Class و Id .
  5. تطبيق خاصية : المحددات المتقدمة .
الفصل الثالث : تحديد ألوان النصوص و الخلفيات .
  1. ألوان النصوص .
  2. ألوان الخلفية .
  3. صور الخلفية .
الفصل الخامس : التحكم في ثأثيرات الـCSS الديناميكية
  1. التنسيق hover ( التحوم ) .
  2. التنسيق Active ( مفعل ) .
  3. التنسيق visited ( تمت زيارته ) .

مساحة إعلانية

تعليقات بلوجر

  1. ممكن يا عاشق النت تساعدنى فى قالب مدونه ذؤيب انو يعرض تاريخ التدوينه وكاتب الموضوع والقسم التابعه له التدوينه لانه يظهر ( وقت التدوينه والتعليقات فقط ) وها هوا قالبى المراد التعديل عليه
    http://alfrsan-tv.blogspot.com/

    ولك جزيل الشكر

    ردحذف
  2. سلام وعليكم

    شكرا على الاتحاة فرصة تعلم (اللغة html), مبروك عليك .com

    ردحذف

لإدخال الأكواد بالتعليقات عليك تحويلها بـأداة ترميز أحرف HTML الخاصة