إنشاء مواقع الويب على Webflow - الدورة 31900 روبل روسي. من شركة Uprock مدة التدريب 4 أشهر تاريخ 27 نوفمبر 2023.

نظرية

مقدمة

ستتعرف في هذا الدرس على الدورة التدريبية وكيفية متابعة التدريب. تعرف على مميزات وأغراض خطط Webflow المجانية والمدفوعة. سوف تتعلم أيضًا كيفية تنظيم العمل في المشروع بدءًا من التحليل وحتى الإطلاق.

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

نظرية

هيكل الويب

في هذا الدرس، ستتعرف على العناصر الأساسية لصفحة الويب ومبادئ تخطيط الكتلة التي تعمل عليها خدمة Webflow. ستساعدك المعرفة الأساسية على فهم المصطلحات الأساسية لتطوير الويب. سوف تتعلم ما هو التسلسل الهرمي لصفحة الويب وما يتكون منه. استكشف لوحة Navigator لفهم كيفية إنشاء بنية العنصر وعرضها في Webflow.

• تخطيط الكتلة وHTML وCSS الأساسيين
• التسلسل الهرمي لعناصر الموقع
• لوحة الملاح
• الممارسة: تخطيط هيكل الموقع

نظرية

إنشاء المشروع ونشره

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

• التسجيل وإنشاء المشروع
• نشر موقع على الانترنت
• مشاركة المشروع
• استنساخ المشروع
• استنساخ قالب مخصص

نظرية

الإعدادات الأساسية

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

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

يمارس

عناصر

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

• إضافة عناصر
• نظرة عامة على العناصر الرئيسية
• نظرة عامة على العناصر الوظيفية
• تخصيص العناصر
• الممارسة: إنشاء الهيكل الرئيسي للموقع
• الممارسة: إضافة العناصر والفئات

يمارس

أنماط العناصر

سوف تتعرف على مفاهيم مثل الفئات وفئات التحرير والسرد وستتعرف على الغرض منها. ونتيجة لذلك، قم بإضافة فئات إلى الأقسام والحاويات والصور والنصوص.

• المبادئ العامة
• نظرة عامة على الأقسام البسيطة للوحة Style
• نظرة عامة على لوحة Style Manager
• حالات العنصر
• الممارسة: إضافة المحتوى إلى العناصر

يمارس

إعدادات النمط. 1 جزء

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

• لوحة الأنماط: قسم التخطيط
• الممارسة: التخطيط التفصيلي للقسمين 1 و 2

يمارس

إعدادات النمط. الجزء 2

ستستمر في استكشاف تكوين لوحة Style وفحص عنصر Grid، وهو المسؤول عن طريقة ترتيب العناصر، وهو أمر مثالي مناسب لإنشاء مجموعة متنوعة من تخطيطات الشبكة المعقدة، بما في ذلك الجداول التي يمكن تحويلها بسهولة إلى بطاقات على الهاتف المحمول شاشات.

• لوحة النمط: عنصر الشبكة
• التدريب العملي: التخطيط التفصيلي للقسمين 3 و4

يمارس

إعدادات النمط. الجزء 3

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

• لوحة النمط: قسم الحجم
• التدريب العملي: التخطيط التفصيلي للقسمين 5 و6

يمارس

صفحات الموقع

سنلقي نظرة على لوحة الصفحات. دعنا نتعرف على أنواع الصفحات الموجودة وكيفية تخصيصها. ونتيجة لذلك، سوف تقوم بإنشاء 7-8 أقسام من الموقع.

• صفحات الموقع
• التدريب العملي: التخطيط التفصيلي للقسمين 7 و8

يمارس

وظائف ثانوية

ستتعرف على الميزات الإضافية التي تساعدك أثناء العمل في المشروع، وكذلك في العثور على المواد التدريبية. ونتيجة لذلك، سوف تقوم بإنشاء 9-10 أقسام من الموقع.

• وظائف المساعد في وضع المصمم
• يمارس. التخطيط التفصيلي للأقسام 9 و 10

يمارس

الرموز والأنماط

تعرف على كيفية إنشاء رموز من عناصر أو مجموعات من العناصر في Webflow لإدارة الكتل والمحتوى المتكرر. ونتيجة لذلك، ستقوم بتخطيط قائمة التنقل وشريط التنقل وإعداد روابط الربط وإنشاء رموز للقائمة والتذييل.

• نظرة عامة على لوحة الرموز
• مراجعة المخططات الجاهزة
• خلق الشخصيات
• يمارس

يمارس

تخطيط التكيف

ستتعلم في هذا الدرس أساسيات التخطيط التكيفي وستتعرف على مفهوم "النقاط الفاصلة". ونتيجة لذلك، قم بإنشاء نسخة قابلة للتكيف للكمبيوتر اللوحي والهاتف المحمول، ونسخة قابلة للتكيف للشاشات الكبيرة، وقائمة قابلة للتكيف.

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

قدرات موسعة

الرسوم المتحركة. 1 جزء

ستتعلم المبادئ العامة للرسوم المتحركة، وستتعلم كيفية تحريك أزرار الارتباط وعناصر التمرير الأخرى، وتحريك الشاشة الأولى.

• المبادئ العامة للرسوم المتحركة
• محفزات
• إعداد المشغلات
• تحريك العناصر عند التمرير
• روابط مرساة

قدرات موسعة

الرسوم المتحركة. الجزء 2

سوف تتعلم ما هي الرسوم المتحركة العالمية. ونتيجة لذلك، تعلم كيفية إنشائه.

• الرسوم المتحركة العالمية
• الرسوم المتحركة المكونة
• الرسوم المتحركة عند تحميل الصفحة وتمريرها

قدرات موسعة

إدخال رمز الطرف الثالث

سوف تفهم سبب حاجتك إلى إدراج رمز الجهة الخارجية. تعرف على مكون التضمين. تعرف على كيفية دمج تعليمات برمجية خارجية، على سبيل المثال، توصيل خدمات التعليقات أو عناصر واجهة المستخدم للخريطة. عمليًا، تعلم كيفية إدخال رمز البطاقة.

• تضمين المكون
• إدخال الكود في إعدادات الصفحة
• إدخال الكود في إعدادات المشروع
• إدراج التعليمات البرمجية في إعدادات العنصر (السمات المخصصة)
• إدراج الخريطة على الموقع

قدرات موسعة

التحليلات وكبار المسئولين الاقتصاديين

تعرف على ماهية تحليلات الويب وتحسين محركات البحث (SEO) وسبب الحاجة إليها. سوف تفهم كيفية ربط التحليلات وإعداد صفحات تحسين محركات البحث.

• ربط التحليلات
• ربط Yandex Metrica وGoogle Analytics
• إعداد SEO في إعدادات الصفحة

قدرات موسعة

اكمال المشروع

مرة أخرى، مر بجميع مراحل إنشاء موقع الويب. سوف تتعرف على كيفية الموافقة على الموقع ونقله إلى العميل. تعرف على كيفية ربط موقع ويب بمجال على استضافة Webflow، وتحميل موقع الويب وتثبيته على استضافتك.

• قائمة مرجعية لفحص الموقع
• الموافقة على المشروع وتسليمه للعميل
• ربط موقع ويب بمجال على استضافة Webflow
• رفع الموقع وتثبيته على الاستضافة الخاصة بك

قدرات موسعة

علاوة

مشروع التخرج