4.51 out of 5
4.51
562 reviews on Udemy

CSS3 و HTML تعلم تصميم المواقع من الصفر حتى الإحتراف بواسطة

CSS3 و HTML أحترف تصميم المواقع من الصفر حتى القمة بواسطة
Instructor:
Ahmad Issa
11,993 students enrolled
سوف تتعلم مهارات بناء موقع حقيقي من حيث: الاحترافية, الجمال و يعمل على كل احجام الشاشات
HTML & CSS مشروع ضخم والذي سوف يعطيك كل شيئ تحتاجه لابناء اي موقع عن طريق
صناعة موقع كامل بطريقة احترافيه من الصفر بستخدام احدث الطرق وطريقه جعله سريع وجاهز لنشره في مواقع البحث
نصائح مفيده لاختيار الالوان والاحجام و كثير من الاشياء الخاصه في التصميم وطريقه الاستفاده من المواقع الاخرى
طريقة سهلة لاضافه معظم حركات لغه الجي كويري بدون ان تكتب اي كود باللغة لاعطاء جمال اضافي للموقع
حصولك على دعم فني في مواضيع الكورس من خلال قسم الاسئلة لكل محاضرة
تعلم التصميم بخطوات مبسطة مع شرح كثير من المواقع التي سوف تساعدك بالتصميم مستقبلاً

؟ والتي تبدو جميلة ومناسبة على هاتفك ؟ HTML5 & CSS3 هل تبحث عن افضل طريقة لبناء موقع جميل بواسطة    

هل اخذت كورسات تصميم اخرى, ولكن ما زلت تتسائل عن كيفية تصميم موقع حقيقي, وليس فقط  موقع عادي ؟

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

اذا كان جوابك نعم فهذا الكورس هو ما تحتاج اليه لتطور نفسك 

 …

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

• سوف تجد الكورس سهل للمتابعة لان كل شيئ يدرس بالتدرج وليس بشكل عشوائي حتى تفهم بشكل أكبر

• بناء موقع متكامل  من الصفر  وعلى اسس برمجية معرفة والتي تسهل بناء اي موقع تريد عملة

• نصائح كثيرة في كيفية بناء أفضل موقع من حيث الخلفيات والالوان وتناسقها والكثير من الاشياء التي  تجعلك مصمماً بارعاً.

• جميع ما سوف نعلمك اياه من خلفيات خطوط, ايقونات, اضافات على الموقع — سوف تكون مجانية بشكل كامل

• بناء موقع ريسبونسيف: موقع جميل ومميز ويعمل عىل جميع احجام الشاشات مهما كان نوعها

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

• إضافة الكثير  من التأثيرات على الموقع  بأسهل طريقة لتعطي جمالاً اكبر للموقع

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

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

  1# انت مبتدأ   وليس لديك أي فكرة عن كيفية تصميم المواقع

  2# من بعض الدروس على النت, ولكن تواجة صعوبه في وضع كل شيئ مع بعضة البعض ليخرج موقع  كامل  إحترافي  HTML & CSS  تعرف القليل من  

  3# وتريد ان تزيد خبرتك في تصميم المواقع واحدث التقنيات المتواجده حتى  وقتنا هذا HTML & CSS انت مصمم سابق ولديك خبرة في 

  وتستطيع تصميم المواقع بكل سهولة واحترافية, من حديث تصمم اجمل موقع بالعالم  HTML & CSS  بختصار, اذا كنت محترف بشكل كامل في 

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

 

:الان هذا دورك لتقرر  ماذا سوف تستفيد من هذا الكورس

• مشاهدة الفيديوهات مدى الحياة, بدون اي  دفع شهري, ادرس على راحتك وبأي وقت ومتى اردت 

• مساعده مجانية لأي استفسار متعلق في الكورس من حيث وضع الاسئلة في قسم اسئلة الدرس

• سوف يكون هناك المزيد من الفيديوهات قريبا  وتحديثات اذا تطور شيئ ما بعالم التصميم فلن يتوقف الكورس هنا.

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

 يبدو الامر جيداً ؟ فقط اضغط على شراء الكورس, ودعنا نبدا في رحلتنا معاً

 

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

1
المقدمة

أساسيات التصميم

1
أختيار الخطوط
2
إختيار الألوان
3
تناسق الألوان
4
الخلفيات المساعدة
5
المسافات
6
أهمية ترتيب الموقع
7
شرح فوائد وطريقة إستخدام أدوات المطورين

HTML الغوص في

1
HTML مقدمة
2
Brackets و تحميل برنامج HTML أساسيات
3
HTML تكملة شرح اساسيات
4
DIV شرح فوائد استعمال
5
الملفات الخاصة بالصحفة
6
عن طريق بناء صفحة الجزء الاول HTML شرح أساسيات
7
عن طريق بناء صفحه الجزء الثاني HTML شرح أساسيات
8
وجعلة كمرجع للأكواد W3schools شرح موقع

مع التطبيق CSS شرح أساسيات

1
CSS مقدمة
2
CSS شرح الأنواع الثلاثة لاضافة أكواد
3
Selectors بواسطة أستخدام HTML شرح طريقة تحديد
4
الجزء الاول Padding & Margin شرح أستعمال ومشاكل
5
الجزء الثاني Padding & Margin شرح أستعمال و مشاكل
6
Float شرح فوائد
7
وطريقة تجنبها Float شرح مشاكل
8
Display شرح فوائد أستخدام
9
وأنواعها ومميزات كل منها CSS شرح الألوان في
10
ومميزاتها Positions شرح أنواع
11
PX VS % شرح عناصر الاحجام
12
عن طريق تكملة بناء الصفحة الجزء الاول CSS شرح أساسيات
13
عن طريق تكملة بناء الصفحة الجزء الثاني CSS شرح أساسيات

Foundation FrameWork شرح أساسيات

1
مقدمة عن الفاونديشن
2
تنبية مهم قبل البدء ببناء اي شيئ بالدورة
3
والخصائص الموجودة في الفاونديشن Grid System أمثلة على
4
Grid System مقدمة عن فوائد وقوة
5
على الصفحة Grid System إضافة

المشروع الرئيسي لبناء موقع إحترافي كاملاً

1
مقدمة المشروع و الخطوات المتبعة قبل بناء الموقع
2
تنبية مهم قبل البدء ببناء اي شيئ بالدورة
3
تجهيز و تحميل أساسيات المشروع
4
تحميل كود المشروع كاملاً
5
قبل البدء بالأكواد Header شرح تقسيم
6
الجزء الاول Header بدء ببناء أعلى
7
الجزء الثاني Header بناء أعلى
8
Header تنبية مهم قبل بناء
9
الأساسي الجزء الاول Header بناء
10
الأساسي الجزء الثانيHeader بناء
11
1# تحدي القسم الاول
12
بناء قسم المعلومات الجزء الاول
13
بناء قسم المعلومات الجزء الثاني
14
2# تحدي القسم الثاني
15
بناء قسم الصور الجزء الاول
16
بناء قسم الصور الجزء الثاني
17
3# تحدي القسم الثالث
18
بناء قسم الاخبار الجزء الاول
19
بناء قسم الاخبار الجزء الثاني
20
بناء قسم الأشتراكات بالنادي الجزء الاول
21
بناء قسم الأشتراكات بالنادي الجزء الثاني
22
بناء قسم الأشتراكات بالنادي الجزء الثالث
23
4# تحدي القسم الخامس
24
بناء قسم تعليقات المشتركين الجزء الاول
25
بناء قسم تعليقات المشتركين الجزء الثاني
26
الجزء الأول Footer البدء ببناء اخر قسم
27
الجزء الثاني Footer بناء قسم
28
الجزء الثالثFooter بناء قسم
29
الجزء الرابعFooter بناء قسم

ليعمل على جميع أنواع الأجهزة Responsive جعل الموقع

1
Responsive مقدمة عن
2
تجهيز الأشياء الأساسية لجعل الموقع ريسبونسف
3
1160px & 1010px جعل الموقع ريسبونسف الجزء الاول بحجم
4
727px جعل الموقع ريسبونسف الجزء الثاني بحجم
5
440px جعل الموقع ريسبونسف الجزء الثالث بحجم
6
320px جعل الموقع ريسبونسف الجزء الرابع بحجم
7
6# تحدي جعل القسم رسبونسيف

و إضافات اخرى Foundation FrameWork إضافة التاثيرات على الموقع بواسطة

1
تنزل اثناء النزول بالصفحة Menu طريقة جعل
2
JavaScript أسود عندما تنزل بستخدام Menu جعل لون
3
تأخذك للقسم المطلوب تلقائياً عند الضغط عليها Menu جعل أزرار
4
WOW.js إضافة التأثيرات على الاقسام كلها عن طريق إضافة
5
6# تحدي إضافة تأثيرات جديدة على الاقسام

دروس إضافية لتحسين اداء الموقع

1
Tab طريقة تغيير أيقونة الموقع الموجودة في صفحات
2
Google بالموقع ليصبح أفضل على مواقع البحث مثل (SEO) تحسين الارشفة
3
Compression تسريع الموقع بضغط اكواد البرمجة
4
Image Optimizer تسريع الموقع بتقليل حجم الصور بالموقع دون تأثر الجودة

نشر المشروع على الانترنت وشرح لأفضل الإستضافات

1
اللإشتراك بالاسيرفرات ووضع المشروع على الانترنت

حلول التحديات

1
تحميل اكواد حل التحديات
2
1# حل التحدي الاول
3
2# حل التحدي الثاني
4
3# حل التحدي الثالث
5
4# حل التحدي الرابع
6
5# حل التحدي الخامس
7
6# حل التحدي السادس

الخاتمة

1
تهانينا لك, لقد أنهيت الدورة
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 out of 5
562 Ratings

Detailed Rating

Stars 5
298
Stars 4
149
Stars 3
76
Stars 2
25
Stars 1
14
4551069bf00aa490148a4e265c81052a
30-Day Money-Back Guarantee

Includes

9 hours on-demand video
6 articles
Full lifetime access
Access on mobile and TV