contact@gadacademy.ma +212 6 95 95 82 49

GadAcademy دورة في إنشاء و تصميم المواقع باستخدام HTML+CSS


المحتوى

43 Videos

الطلاب

2431

حساب

مدى الحياة

: وصف الدورة

تعلم تصميم مواقع الانترنت من الصفر HTML, CSS الجزء الأول: HTML: يتعلم الطالب كل ما يحتاجه لبناء موقع الكتروني، يحتوي هذا الجزء على عدة مواضيع حول بناء صفحات الانترنت من حيث التعرف على اساسيات الخط من حيث الحجم والنوع والألوان والفقرات والعناوين والجداول والأجزاء والاطارات وخصائص الجدول والصور وخصائص الصور والروابط التشعبية والتعداد النقطي والرقمي واضافة الفيديو والصوت والتعرف على عناصر النماذج المختلفة من عناوين وصناديق ادخال وأزرار وقوائم منسدلة وأزرار الراديو وصناديق التحقق وجمل التعليق، الجزء الثاني: CSS: يتعلم الطالب من خلال هذا التدريب كل ما يحتاجه لضبط العناصر الأساسية للموقع التي تعلمها في الجزء الأول، يحتوي هذا الجزء على عدة مواضيع حول التنسيقات المتعلقة بالفقرات والنصوص والأنماط والجداول والصور والعناوين والأجزاء والاطارات والروابط والتعداد النقطي والرقمي والتحكم بشكل الصفحة والربط مع ملفات خارجية والتعرف على أنواع المحددات والاطارات والهوامش والعرض، من خلال الشرح العملي المرتبط بالجانب النظري حتى يتمكن الطالب من المفاهيم الأساسية ليستطيع تصميم مواقع الانترنت بشكل متمرس وقوي. لدا ننصحكم بالتسجيل في هذه الدورة للدخول الى عالم برمجة مواقع الإنترنت والتي ستؤهلكم للدخول الى سوق العمل بقوة.

Gad Academy

المتطلبات الأساسية للدورة
لمن هذه الدورة ؟
ماذا ستتعلم

بدون متطلبات، فقط كن مستعد واحضر جهاز كمبيوتر مكتبي أو لابتوب

الدورة مناسبة لجميع المستويات والاعمار

مقدمة-الدرس 01

تجهيز بيئة العمل-الدرس 02

إنشاء أول صفحة ويب-الدرس 03

أول صفحة بلغة-الدرس 04 HTML

العناوين و الفقرات-الدرس 05

إضافة الأزرار-الدرس 06 Button

الروابط الدرس 07 - les liens

المشروع الأول - التنقل بين الصفحات-الدرس 08

القوائم-الدرس 09 - Listes

الصور-الدرس 10 - Images

الدرس 11 - Form Partie 1

الدرس 12 - Form Partie 2

االدرس 13 - Form Partie 3

الدرس 14 - Form Partie 4

االتعليقات-الدرس 15 - Commentaires

تغيير عنوان و أيقونة الصفحة-الدرس 16

ااضافة الأيقونات-الدرس 17 - Icons

االجداول-الدرس 18 - Tables

ااالدرس 19 - iframes

الدرس 20 – video

مشغل الصوت الدرس 21 - Audio player

تتغيير اتجاه الكتابة-الدرس 22

ادمج الوسوم-الدرس 23 - tags

اتقسيم الصفحة-الدرس 24 - layout

انهاية محور أساسيات-الدرس 25 HTML

الدرس 26 -CSSطريقة كتابة أكواد

الدرس 27 -Text styleتنسيق النصوص

الدرس 28width and height

مشروع-الدرس 29 page layout

االهوامش-الدرس 30 - margin

الهوامش الداخلية-الدرس 31 - padding

االدرس 32 Border

الدرس 33 border radius

الدرس 34 overflow

الدرس 35 inline block inline-block

الدرس 36 flexbox

الدرس مشروع37 NavBar

مشروع-الدرس 38 form contact

الدرس 39 Pseudo-classes

الدرس 40 box shadow

الدرس 41 position-fixed

الدرس 42 -background image

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

مقدمة دورة تصميم المواقع الالكترونية

Gad academy

2 : 8

تجهيز بيئة العمل-الدرس 02

Gad academy

1 : 47

إنشاء أول صفحة ويب-الدرس 03

Gad academy

2 : 27

HTML الدرس 04 - أول صفحة بلغة

Gad academy

2 : 51

العناوين و الفقرات-الدرس 05

Gad academy

3 : 2

إضافة الأزرار-الدرس 06 Button

Gad academy

1 : 54

الروابط الدرس 07 - les liens

Gad academy

4 : 19

المشروع الأول - التنقل بين الصفحات-الدرس 08

Gad academy

4 : 41

القوائم-الدرس 09 - Listes

Gad academy

2 : 31

الصور-الدرس 10 - Images

Gad academy

3 : 40

الدرس 11 - Form Partie 1

Gad academy

3 : 2

الدرس 12 - Form Partie 2

Gad academy

5 : 56

الدرس 13 - Form Partie 3

Gad academy

2 : 38

الدرس 14 - Form Partie 4

Gad academy

1 : 14

التعليقات-الدرس 15 - Commentaires

Gad academy

2 : 52

تغيير عنوان و أيقونة الصفحة-الدرس 16

Gad academy

1 : 37

اضافة الأيقونات-الدرس 17 - Icons

Gad academy

3 : 33

الجداول-الدرس 18 - Tables

Gad academy

4 : 57

الدرس 19 - iframes

Gad academy

3 : 16

الدرس 20 - video

Gad academy

2 : 21

مشغل الصوت الدرس 21 - Audio player

Gad academy

1 : 17

تغيير اتجاه الكتابة-الدرس 22

Gad academy

1 : 57

دمج الوسوم-الدرس 23 - tags

Gad academy

4 : 17

تقسيم الصفحة-الدرس 24 - layout

Gad academy

4 : 29

نهاية محور أساسيات-الدرس 25 HTML

Gad academy

1 : 7

الدرس 26 -CSSطريقة كتابة أكواد

Gad academy

6 : 6

الدرس 27 -Text styleتنسيق النصوص

Gad academy

7 : 14

الدرس 28width and height

Gad academy

3 : 44

مشروع-الدرس 29 page layout

Gad academy

6 : 2

الهوامش-الدرس 30 - margin

Gad academy

3 : 51

الهوامش الداخلية-الدرس 31 - padding

Gad academy

5 : 26

الدرس 32 Border

Gad academy

4 : 58

الدرس 33 border radius

Gad academy

3 : 45

الدرس 34 overflow

Gad academy

3 : 15

الدرس 35 inline block inline-block

Gad academy

8 : 47

الدرس 36 flexbox

Gad academy

9 : 27

الدرس مشروع37 NavBar

Gad academy

8 : 47

مشروع-الدرس 38 form contact

Gad academy

10 : 44

الدرس 39 Pseudo-classes

Gad academy

3 : 55

الدرس 40 box shadow

Gad academy

5 : 39

الدرس 41 position-fixed

Gad academy

2 : 38

الدرس 42 -background image

Gad academy

3 : 1

الخطوة التالية بعد هده الدورة

Gad academy

2 : 32