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

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

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

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

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

إذن ليس هناك ما تقوم به في وقت فراغك ، لم لا تكتشف معنا عالم إنشاء مواقع الوب الرائع و تعلم لغات جديدة HTML و CSS !

---

الدروس مقسمة إلى 5 أقسام أساسية :

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

---

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

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

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

الفصل الثاني : صفحتك الأولى بلغة HTML .

1. إنشاء صفحة ويب باستخدام المحرر .
2. الوسوم و السمات الخاصة بها .
3. البنية الأساسية لصفحة HTML .

الفصل الرابع : إنشاء الروابط .

1. رابط نحو موقع اخر .
2. رابط نحو صفحة أخرى في نفس الموقع .
3. رابط نحو جزء من نفس الصفحة .

الفصل الأول : كيف ننشأ موقعا على الإنترنت ؟

1. كيف تعمل مواقع الويب ؟
2. HTML و CSS ، لغتين لإنشاء مواقع الويب .
3. محرر النصوص .
4. المتصفحات .

الفصل الثالث : عناصر النصوص .

1. الفقرات .
2. العناوين .
3. عناصر التخصيص .
4. القوائم .

الفصل الخامس : إدخل الصور .

1. مختلف أنواع الصور .
2. إدخال الصورة .

---

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

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

الفصل الثاني : تنسيق النصوص .

1. حجم الخط .
2. نوع الخط .
3. مائل ، سميك ، مسطور ...

الفصل الرابع : التحكم في حدود العناصر و تظليلها .

1. التحكم في حدود العناصر .
2. صقل جوانب الحدود .
3. التحكم في ظلال العناصر .

الفصل الأول : إدخال لغة الـCSS .

1. قصة صغير عن الـCSS .
2. أين نكتب الـCSS ؟
3. تطبيق خاصية : تحديد عنصر ما .
4. تطبيق خاصية : سمتي Class و Id .
5. تطبيق خاصية : المحددات المتقدمة .

الفصل الثالث : تحديد ألوان النصوص و الخلفيات .

1. ألوان النصوص .
2. ألوان الخلفية .
3. صور الخلفية .

الفصل الخامس : التحكم في ثأثيرات الـCSS الديناميكية

1. التنسيق hover ( التحوم ) .
2. التنسيق Active ( مفعل ) .
3. التنسيق visited ( تمت زيارته ) .

---