دورة تصميم صفحات الإنترنت CSS HTML

تختص هذه المادة بتعليم لغة HTML و CSS وهي لغات لبناء وتصميم صفحات الإنترنت وتستخدم هذه اللغات أيضا ببناء تطبيقات الهواتف الذكية الهجينة.

المدرب: عبدالمجيب الحميد آخر تحديث 2019/10

ماذا سنتعلم في هذه الدورة؟

ستقوم بتصميم أول صفحة خاصة بك
التعرف على Elements, Tags
ضبط اتجاهات الصفحات حسب اللغة
التعرف على خصائص العرض Display
كيفية تنسيق البيانات في الصفحات
التعامل مع الصور
طريقة كتابة CSS ضمن HTML
كيفية التعامل مع CSS بشكل منفصل عن HTML
التحكم بالعناصر وأماكن تواجدها
ضبط الألوان والخطوط والصور
بناء نماذج البيانات Web Forms
سنقوم بعمل مشروع سويا

مشاريع مميزة لطلاب الدورة

مربي القطط ✨
فكرة مختصرة لموقع يجمع كل ما يهم مربي القطط اللطيفة ♥️🌟
بواسطة:
SaraGhanem
مشروع تصميم قالب مدونة
مشروع تصميم قالب مدونة
بواسطة:
NFC
موقع سيرة ذاتية
موقع عن سيرتي الذاتية بتصميم عصري.
بواسطة:
MoSaleh

منهج هذه الدورة

المدة (02:40:49) الدروس (33)
الدروس -
لا يوجد وصف
00:02:53 مجانا! إنشاء أول صفحة إنترنت

تعرف على أساسيات إنشاء صفحة إنترنت

00:04:39 مجانا! العناصر elements و الوسوم tags و الخواص attributes

شرح ماهي elements و tags و attributes

00:01:18 مجانا! ضبط ترميز الصفحات charset

بهذا الدرس سنقوم بالتعرف على charset وهي خاصية لضبط ترميز اللغات في الصفحات

00:01:45 ضبط اتجاه الصفحات

يعتبر ضبط اتجاه الصفحات من أهم الركائز التي يجب ضبطها في اللغات التي تبدا من اليمين لليسار وسنتعرف بهذا الدرس على ذلك

00:02:54 وسم الخطوط و الصور

ستتعرف في هذا الدرس على الوسمين <font> و <img>

00:01:40 وضع روابط داخل الصفحات

سنتعرف في هذا الدرس على كيفة ربط الصفحات بصفحات أو مواقع أخرى

00:01:22 الفصل بين العناصر باستخدام <br>

هذا الدرس مخصص للوسم br والذي يقوم بفصل العناصر عن بعضها

00:02:34 وسم الفقرة و مقدمة عن القوائم

ستتعرف في هذا الدرس على الوسم <p> والقوائم

00:03:31 ترتيب عرض البيانات باستخدام الجداول

أحد أهم مكونات عرض البيانات بشكل مرتب هي الجداول وسنتعرف عليها في هذا الدرس

00:04:35 تعرف على div و span والفرق بينهما

ستتعرف في هذا الدرس على الفرق مابين inline و block من خلال استخدام div او span

00:05:19 إنشاء صفحة جديدة وربطها بالصفحة الحالية

كيفية إنشاء صفحة جديدة ومشاهدة حية لفائدة استخدام الوسم div

00:02:42 ماهي css ولماذا يتم استخدامها؟

لغة التنسيق css سنتعرف عليها في هذا الدرس وهي التي تعطي طرق ومجال أوسع في تنسيق الصفحات

00:01:48 خاصية style لاستخدام css داخل الوسوم

سنقوم بهذا الدرس بالتعرف على كيفية تضمين تنسيق css في عنصر لوحده

00:05:54 أساسيات css والفرق بين class و id

سنقوم بهذا الدرس بالتعرف على id و class وماهي الفروقات بينهما ولماذا تستخدم

00:03:18 استخدام ادوات المطور بالمتصفح للتصميم بشكل أكثر فعالية

أدوات المطور في المتصفح؟ نعم ستساعدك كثيرا في التصميم والتعديل المباشر وسنتعرف عليها الآن

00:04:15 خاصية العرض display

كيفية استخدام خاصية display للتحكم بطرق العرض للعناصر

00:06:56 الهوامش والإطارات

كيفية التحكم بهوامش العناصر والإطارات

00:09:03 التحكم بأماكن العناصر

سنتعرف بهذا الدرس على كيفية التحكم بأمكان الصفحة بأكثر من طريقة وصفه

00:07:42 التحكم بالخطوط

ﻷن معظم الصفحات خطوط، يجب أن نتعلم الآن كيف نتعامل معها من ناحية شكلها وحجمها

00:03:30 لون خلفية العنصر

سنقوم بهذا الدرس بالتعرف على كيفية وضع خلفيات ملونة للعناصر

00:04:19 الخلفيات المتدرجة

سنتعرف بهذا الدرس على كيفية خلفية بألوان متدرجة وكيف يمكن استخدام أداة معينة لذلك

00:05:22 وضع صور كخلفيات للعناصر

سنقوم الآن باستخدم صورة لكي تصبح خلفية للعنصر بدلا من الألوان فقط

00:09:58 كل شيء يخص القوائم

في درس واحد، ستستطيع فهم كل شيء يخص القوائم المرتبة وغير المرتبة

00:12:54 إضافة الوسائط المتعددة للصفحات

في هذا الدرس سنتعرف على كيفية إضافة الوسائط المتعددة كالصور ومقاطع الفيديو والصوت وتضمين الصفحات الأخرى في صفحتك

00:05:28 بناء نماذج البيانات input و textarea

سنتعرف بهذا الدرس على الوسم Input و الوسم textarea ومالفرق بينهما في نماذج إدخال البيانات

00:04:18 اختيار البيانات من النماذج

كيفية استخدام checkbox و radio و select

00:02:50 ترتيب عرض النماذج

تحسين طرق العرض في النماذج باستخدام fieldset, legend و label

00:02:28 خصائص إضافية لحقول النماذج

سنتعلم في هذا الدرس خصائص إضافة تحسن من تجربة المستخدم ومن النماذج في الصفحات

00:03:27 فصل css في ملف مستقل

كيفية فصل خصائص css في ملف مستقل للحصول على أداء أفضل و سرعة بالعمل

مقال بناء صفحة متكاملة - ماذا سنبني؟

بعد تعلم الأساسيات الآن يمكنك بناء صفحة متكاملة باستخدام css + HTML

00:13:02 بناء صفحتك الشخصية - الجزء الأول - الهيكل HTML

ستتعلم في هذا الدرس كيفية بناء الصفحة باستخدام HTML كهيكل للموقع.

00:19:05 بناء صفحتك الشخصية - الجزء الثاني - التصميم CSS

بعد بناء هيكل الصفحة باستخدام HTML حان الوقت لوضع لمساتك عليها باستخدام css

مقال (مرجع مجاني للطلاب) تحميل مشروع الصفحة الشخصية

لا يوجد وصف

عرض الكل + إخفاء الكل -

وصف الدورة

تعتبر لغة HTML من أهم لغات الحاسب الآلي كما يتم من خلالها بناء صفحات الإنترنت وأيضا تطبيقات الهواتف الذكية التي تستخدم إطارات عمل شهيرة مثل corodva و ionic. 

من خلال هذه الدورة سيتم أيضا دراسة لغة css وهي اللغة الخاصة بالتصميم وفي نهاية هذه الدورة ستصبح قادرا على بناء صفحة الإنترنت الخاصة بك.

دورة تصميم صفحات الإنترنت CSS HTML

تختص هذه المادة بتعليم لغة HTML و CSS وهي لغات لبناء وتصميم صفحات الإنترنت وتستخدم هذه اللغات أيضا ببناء تطبيقات الهواتف الذكية الهجينة.

109.00 ر.س. 159.00 ر.س.

المحتويات:
المستوى : جميع المستويات
المدة : 02:40:49
الدروس : 33
المقالات : 2
ستحصل على شهادة
دائما معك
يمكن الوصول عبر الهواتف
المتطلبات

أي جهاز حاسب آلي بأي مواصفات

شارك الدورة

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

المزيد...