دورة تصميم المواقع للأطفال
المستوى : مبتدئ

لية إبنك يدرس برمجة

إضغط هنا

معلومات الدورة التدريبية

 

تصميم المواقع او تصميم مواقع الانترنت هو عملية تجميع عناصر وتخطيط محتويات الوسائط المتعددة بواسطه عدة لغات وبرامج لاخراج تصميم مناسب للعرض على متصفحات الانترنت بطريقة صحيحة وسهلة الاستخدام لرواد وبالتالى يكون الموقع قد ادى الغرض الذى انشأ من اجله . 
أولا تعلم HTML اختصارا لـ: hypertext markup language و هي لغة وصفية (ليست برمجية) مهمتها وصف هيكلية صفحة الويب التي نقوم بتصميمها، (مثل البناء الذي تم تعميره للتو دون أي إكساء للمظهر الخارجي). أي في هذا الجزء من الصفحة لدي نص و في الجزء الآخر لدي صورة و في الجزء الذي يليه لدي حقل ادخال نصي ثم زر وهكذا...

ثانياً تعلم CSS اختصاراً لـ: Cascading Style Sheets وهي المسؤولة عن تخصيص المظهر الخارجي أي تخصيص: الألوان - التموضع - الازاحة - الانحياز - الابعاد .. وغيرها من خصائص مظاهر الخارجي.

ثالثاً bootstrap لتسهيل و تسريع عملية بناء و تصميم الواجهات بشكل جذاب و متوافق مع أغلب المتصفحات و الأجهزة. 

محاور الدورة :

تفاصيل (HTML):

1 - ماذا سوف تتعلم ؟ و تحميل وتنصيب محرر الاكواد .
2 - أساسيات لغة Html.
3 - عناصر العناوين (html , headings , H1 to H6 ).
4 - شرح عنصر ( b || em || i || small || strong || sub || del).
5 - شرح عنصر a , href , link , id , name .
6 - طريقة اضافة صور لموقعك , html img .
7 - شرح عناصر table , tr , td , th , colspan , rowspan .
8 - شرح html list من نوع ul ,ol ,dl .
9 - شرح عنصر audio طريقة وضع ملفات صوتية في موقعك .
10 - طريقة عرض فيديوهات YouTube ضمن موقعك .
11 - شرح عنصر input من نوع text , password ,email , شرح عنصر Button من النوع Submit .
12 - هيكل تسجيل دخول مراجعة الدروس السابقة .

تفاصيل (Css):

1 - طريقة ربط ملف css ب html
2 - طريقة كتابة خصائص CSS و إضافتهم إلى عناصر html - شرح CSS Syntax
3 - شرح css selectors , تحديد جميع عناصر html في css عبر id ,class .
4 - طرق تحديد ألوان في css عبر name , RGB , HSL , HEX values .
5 - تحديد خلفية بالصور لعناصر html || شرح background-image .
6 - شرح font-variant & font-family & font-size & width & height وتغير نوع الخطوط .
7 - شرح ال Padding , border , margin , shadow , focus .

تفاصيل (Bootstrap ):

1 - ماذا سوف تتعلم ؟
2 - طريقة ربط بوتستراب بملف html .
3 - شرح بوتستراب مع امثله .
4 - شرح bootstrap img .
5 - طريقة تصميم Buttons عبر Bootstrap .
6 - شرح padding ,margin ,shadow .
7 - شرح Bootstrap colors , containers , cards .
8 - شرح Bootstrap List , Table , Sizing , border
9 - شرح bootstrap Dropdown , icons.
10 - شرح Bootstrap Text : تصميم النصوص في بوت ستراب
11 - طريقة إنشاء قائمة منسدلة Navbar .
12 - شرح قوالب Progress في Bootstrap .
13 - شرح invisible || visible و قوالب forms .
14 - إنشاء card باحترافية في موقعك .
15 - Create a website using html CSS bootstrap 4 for free .

متى تبدأ دوراتنا؟

يوجد مجموعات عامة لا تزيد عن 10 افراد ويتم بدأ المجموعه عند إكتمال العديد ويوجد أيضا مجموعات خاصة بتوفير مدرس لطفلك والبدأ بما يتناسب مع جدولك إذا كنت مهتم بالإنضمام إلينا قم بالتواصل معنا الان.