كورس تعلم HTML & CSS علي مهارة تك Mahara Tech Learn HTML & CSS Course
عن الدورة التدريبية
تمثل هذه الدورة التدريبية البداية الصحيحة لمجال تطوير صفحات الويب، وتتكون هذه الدورة التدريبية من جزئين:
الجزء الأول يقدم معرفة شامله للغة الـHtml والتى تمثل أساسيات المعرفة بكيفية تطوير الويب.
HTML ، أو Hyper Text Markup Language ، هي مجموعة قياسية من العلامات التي تستخدمها لإخبار متصفح الويب بكيفية تنظيم محتوى صفحات الويب والتطبيقات الخاصة بك.
وفى هذا الجزء من الدورة التدريبية ، ستتعلم كيفية استخدام HTML لإنشاء صفحات الويب الخاصة بك.
أولاً ، سوف تتعلم كيفية تحديد علامات HTML واتباع المعايير بشكل صحيح. بعد ذلك ، ستبدأ بالبحث عن النصوص والروابط والقوائم والجداول والنماذج لإعداد محتوى صفحات الويب الخاصة بك. وعندما تصل إلى نهاية هذا الكورس، سوف يصبح لديك المعرفة الأساسية بـ HTML والتي ستساعدك في المضي قدمًا في تطوير الويب.
الجزء التاني وهو عن صفحات الأنماط المتعاقبة (CSS) وهي اللغة المستخدمة لوصف طريقة عرض العناصر داخل صفحة HTML. ففي حين أن HTML هو ما يشكل هيكل صفحة الويب، فإن CSS هو ما نستخدمه لتصميم HTML مع الألوان ، والإطارات، والطباعة، وأكثر من ذلك. وهذا الجزء سوف ينقلك من أساسيات CSS إلى المفاهيم الأكثر تقدمًا.
أثناء دراستك، سوف تتعلم مفاهيم CSS الشائعة مثل محددات CSS ونموذج مربع CSS وكيفية العمل مع الخطوط والإطارات. بعد ذلك، سوف تتعلم كيفية الحفاظ على صفحات الويب الخاصة بك بصورة ملائمة عبر جميع الأجهزة باستخدام تصميم متجاوب.
بإتمام الدورة التدريبية ستصبح قادرا على انشاء صفحات الويب وتنسيقها بلغة HTML & CSS
فبنهاية الجزء الأول من الكورس سوف تصبح قادرا على :
- إعداد صفحة HTML لتحديد جملة HTML خاصة بك واتباع المعايير بشكل صحيح.
- البحث عن عناصر النص وكيفية تنسيق النص الخاص بك في صفحة ويب.
- استخدم أنواع القوائم المختلفة بشكل مناسب لسرد العناصر المتنوعة وتنسيقها في صفحتك الخاصة.
- إنشاء روابط قابلة للنقر لربط صفحات HTML معًا، والإنتقال أيضًا إلى قسم معين داخل الصفحة لجعل المحتوى الخاص بك أكثر ترابطاً وتفاعلًا.
- عرض البيانات في شكل يشبه الجدول له أعمدة وصفوف باستخدام عناصر الجدول ومعرفة كيفية تنسيق الجدول الخاص بك.
- إنشاء نماذج الويب في HTML باستخدام عناصر النموذج لجمع البيانات من المستخدمين.
- معرفة النصائح والمصادر التي ستساعدك على المضي قدمًا باستخدام HTML.
وبنهاية الجزء الثانى من الكورس ستصبح قادراً على:
- التعرف على مفاهيم CSS الأساسية على سبيل المثال: Cascading أو التعاقب، و inheritance أو الوراثة
- استهداف عناصر HTML مع محددات CSS الأساسية.
- تعطيل نموذج مربع CSS لتعيين ارتفاع وعرض عناصر HTML ومعرفة المزيد حول كيفية عمل الحشو والحدود والهوامش.
- استخدام CSS لوضع عناصر HTML بما في ذلك المواقع الثابتة والمطلقة والنسبية بالإضافة إلى كيفية تعويم العناصر ومسحها.
- إنشاء تخطيطات معقدة باستخدام طرق عرض CSS بدلاً من استخدام تقنيات HTML القديمة مثل جداول HTML.
- ضبط خصائص الخط لتصميم المحتوى النصي داخل الصفحات.
- استخدام خصائص تحريك وانتقالات CSS لإنشاء رسوم متحركة بسيطة في مواقع الويب. ثم بعد ذلك، ستتعلم كيفية تدوير العناصر وتحجيمها ونقلها في مساحة ثنائية وثلاثية الأبعاد باستخدام تحويلات CSS.
- التعرف على المزيد من المحددات الأعلى في المستوى مثل محددات الأصناف الزائفة ومحددات العناصر الزائفة.
- إنشاء تخطيطات متجاوبة والتي تعمل على أحجام متعددة للشاشة.
مزيد من المعلومات عن المدرب: أحمد عادل دميرى
المدير التقنى التنفيذى بمعهد تكنولوجيا المعلومات
أحمد الدميري هو المدير التقني التنفيذي بمعهد تكنولوجيا المعلومات (ITI)، وزارة الاتصالات وتكنولوجيا المعلومات. هو في الأساس مطور برمجيات يتمتع بخبرة تزيد عن 19 عامًا في تطوير تطبيقات الويب المعقدة باستخدام تقنيات Top-Notch. وهو أيضًا مدرب للعديد من تقنيات الويب ، مثل HTMl و CSS و JavaScript و Angular و .Net Technologies و Api وغيرها من التقنيات ذات الصلة.
بعد حصوله على شهادة البكالوريوس في الهندسة المدنية ، حصل على دبلوم معهد تكنولوجيا المعلومات لمدة 9 أشهر. وقد تخصص في مجال تطوير الويب باستخدام تقنيات FrontEnd وتقنيات .Net. بالإضافة إلى حصوله على درجة الماجستير في إدارة الأعمال شعبة تسويق.
وقد عمل الدميري فى العديد من Enterprise applications داخل مصر وخارجها.
محتوي الكورس
- 11 قسم
- 0 درس
- مدى الحياة
- HTML0
- أساسيات CSS0
- نموذج مربع CSS0
- وضع CSS0
- تخطيط CSS0
- تصميم عناصر CSS0
- خلفيات وفلاتر CSS0
- خطوط CSS0
- انتقالات وتحويلات CSS0
- المحددات والعناصر المتقدمة0
- تصميم متجاوب CSS0
مقدم الكورس

Mahara-Tech هي منصة تعليمية عبر الإنترنت، تقدم دورات عالية الجودة من تأليف معهد تكنولوجيا المعلومات (ITI).

