تصميم الويب (HTML/CSS/برمجة الاستوديو المرئي) مع التفكير التصميمي

من خلال التفكير التصميمي، تقدم هذه الدورة التدريبية نهجاً لحل المشاكل وتطوير أفكار جديدة. ستتعرف أيضاً على سير العمل في تصميم المواقع الإلكترونية الحديثة وكيفية إنشاء مواقع إلكترونية سهلة الاستخدام. ستتعلم كيفية استخدام الذكاء الاصطناعي في مكان العمل.
  • نوع الدرجة العلمية: شهادة "التفكير التصميمي
    شهادة "تصميم الويب باستخدام HTML وCSS وبرمجة Visual Studio Code"
  • الامتحان النهائي: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • أوقات الدرس: دوام كامل
    من الإثنين إلى الجمعة من الساعة 8:30 صباحًا إلى 3:35 مساءً (في الأسابيع التي تتخللها عطلات رسمية من الساعة 8:30 صباحًا إلى 5:10 مساءً)
  • لغة التعليم: الألمانية
  • المدة: 9 أسابيع

التفكير التصميمي

مقدمة في التفكير التصميمي (حوالي يوم ونصف)

نظرة عامة على عملية التفكير التصميمي

أهم قواعد ومراحل التفكير التصميمي

المناهج والتطبيقات العملية

الأدوات الرقمية والذكاء الاصطناعي في عملية الابتكار


المرحلة 1: البحث (حوالي نصف يوم)

أساليب البحث المتمحور حول المستخدم

تقنيات المقابلة وتحليل الاحتياجات

البحث المدعوم بالذكاء الاصطناعي ومعالجة المعلومات


المرحلة 2: التوليف (حوالي 0.5 يوم)

تحليل وتنظيم النتائج

تطوير تعريفات المشكلات والشخصيات

تصور النتائج وتجميعها


المرحلة 3: توليد الأفكار (حوالي نصف يوم)

تقنيات إبداعية لتطوير الأفكار

طرق إيجاد الحلول وتقييمها

استخدام الذكاء الاصطناعي التوليدي في عملية توليد الأفكار


المرحلة 4: إنشاء النماذج الأولية (حوالي 0.5 يوم)

تطوير الحلول الأولية والنماذج الأولية

مقدمة في النماذج الأولية السريعة و"Click Dummies"

الأدوات الرقمية لتصور المفاهيم


المرحلة 5: الاختبار (حوالي 0.5 يوم)

طرق إجراء الاختبارات وجلسات التقييم

تحليل وتحسين الحلول المقترحة

العمل التكراري والتطوير السريع


عمل المشروع (يوم واحد تقريباً)

لتوحيد المحتوى الذي تم تعلمه

عرض نتائج المشروع

تصميم الويب (HTML/SS/كود الاستوديو المرئي)

HTML وCSS (6 أيام تقريباً)

مقدمة HTML

إطار العمل الأساسي

علامات لإنشاء النص (h1-h6, p, br, span)

أوامر تنسيق النص

دمج الرسومات

الروابط (داخلي، خارجي، هاتف، رابط mailto)

رموز مفضلة

القوائم والجداول

بنية بناء الجملة الصحيحة

التحقق باستخدام أداة التحقق من صحة W3C

مقدمة CSS

خيارات التكامل لمواصفات CSS (داخلي، خارجي، نمط مضمن)

الأوامر الأساسية (تصميم النص، لون الخط، لون الخلفية)

حاويات HTML

استخدام وتصميم الحاويات

تكامل يوتيوب وخرائط جوجل

مشغل الفيديو والصوت

ملاءمة الكائن


برمجة VS Code (يوم واحد تقريباً)

مقدمة لبرمجة VS Code

ملحقات إضافية لبرنامج VS Code. (مثل الخادم المباشر، وأوامر Emmet، والطيار المساعد (AI))

استخدام الذكاء الاصطناعي مع كود VS Code


تقنيات التخطيط (4 أيام تقريبًا)

الفئات والمعرفات والمحددات

مقدمة نموذج الصندوق

الحشو والهامش والحدود ونصف قطر الحدود واختصاراتها

مقدمة الصندوق المرن

تخطيطات مع فليكس بوكس

المحاذاة مع فليكس بوكس

مقدمة في نظام الشبكة

تخطيطات مع الشبكة

المحاذاة مع نظام الشبكة

نص عائم حول الصور مع التعويم والمسح

خصائص العرض العامة للعلامات

صور الخلفية


الحالة والقيم (يوم واحد تقريبًا)

إدخال الفئات الزائفة (التحويم، والنشاط، والتركيز، والطفل التاسع، والطفل الأول، والطفل الأخير، والطفل الأخير)

العناصر الزائفة (::قبل, :: بعد، المحتوى)

الخصوصية (قيمة الرموز)


تحديد المواقع (يومان تقريباً)

مقدمة إلى المواضع

ثابتة، مطلقة، ثابتة، ثابتة، ثابتة، نسبية

اليسار، واليمين، والأعلى، والأسفل، والفهرس الصفري

القوائم المنسدلة

:الهدف

:الهدف بالاشتراك مع قوائم التنقل والوسائط


النماذج (يومان تقريباً)

مقدمة في النماذج

مجموعة الحقول، وسيلة الإيضاح

المدخلات والنصوص والتسميات والقيم والاسم والاختيارات

الإكمال التلقائي

تصميم النماذج باستخدام CSS

دمج نص php-script في العمل مع الذكاء الاصطناعي


التأثيرات والخطوط باستخدام CSS (يوم واحد تقريباً)

تأثيرات انتقال CSS

الانتقال والتصفية والتحويل

التدرجات اللونية وتظليل الصندوق وتظليل النص

تكامل الخط مع @Font-face


تصميم الويب المتجاوب (يومان تقريباً)

مقدمة في التصميم سريع الاستجابة

استعلامات الوسائط ونقاط التوقف

الوضع الأفقي، وضع البورتريه

الصور المتجاوبة مع الصور ومجموعات الصور

تحرير الصور، وضغط الصور

إنشاء الصور باستخدام الذكاء الاصطناعي


تحسين محركات البحث (يوم واحد تقريباً)

مقدمة في تحسين محركات البحث

التحسين على الصفحة واستخدام النصوص المُنشأة بالذكاء الاصطناعي

تحسين الأداء لتحسين مُحسّنات محرّكات البحث وعرض الأدوات المناسبة


تقنيات CSS والتفاعل (يومان تقريباً)

متغيرات CSS

الوضع الداكن

الحساب باستخدام CSS

مقدمة في رسوم CSS المتحركة

المدة والتأخير والاتجاه ووظيفة التوقيت وحساب التكرار ووضع التعبئة

زر البرجر المتحرك


النشرة الواحدة وتعدد اللغات (يومان تقريباً)

مقدمة في النداء الواحد

التمرير السلس

دمج مكتبة فونتاوايواي

التعامل مع رسومات SVG

تكامل الطبقات وتخصيص CSS

مواقع الويب متعددة اللغات


الإضافات والأطر (يوم واحد تقريباً)

مقدمة في Bootstrap

استخدام مكونات Bootstrap

تصميم متجاوب مع Bootstrap


جافا سكريبت (3 أيام تقريباً)

مقدمة في الجافاسكريبت

طرق جافا سكريبت / مسجوعة

إنشاء jQuery Lightbox

المتغيرات

عبارات إذا-إذا-إلا

التمرير، النافذة، تغيير الحجم

المصفوفات

لحلقة التكرار

كائن الرياضيات


المتطلبات القانونية وإدارة المشاريع (يومان تقريباً)

قانون الإنترنت

حقوق التأليف والنشر فيما يتعلق بالذكاء الاصطناعي/المعرفة والابتكار

إمكانية الوصول

إدارة المشروع


عمل المشروع (10 أيام تقريباً)

لتوحيد المحتوى الذي تم تعلمه

عرض نتائج المشروع



التغييرات ممكنة، ويتم تحديث محتوى الدورة التدريبية بانتظام.

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

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

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

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

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

كان التفكير التصميمي في البداية أسلوباً مبتكراً لتطوير المنتجات، ولكنه انتشر الآن ليشمل ثقافة الشركة بأكملها وبالتالي أصبح مطلوباً في جميع الصناعات.

توفر لك شهادتك المفيدة نظرة تفصيلية عن المؤهلات التي اكتسبتها وتحسن من فرصك المهنية.

المفهوم التعليمي

إن محاضريك مؤهلون تأهيلاً عالياً من الناحيتين المهنية والتعليمية وسيقومون بتدريسكم من اليوم الأول إلى اليوم الأخير (لا يوجد نظام للدراسة الذاتية).

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

 

الفصول الدراسية الافتراضية alfaview®

Bildungszentrumتُقدَّم الدروس باستخدام تقنية الفيديو الحديثة alfaview® - إما من منزلك أو في مقرنا في . يمكن للدورة التدريبية بأكملها رؤية بعضكم البعض وجهاً لوجه عبر alfaview®، والتواصل مع بعضكم البعض بجودة صوت متزامنة الشفاه والعمل على مشاريع مشتركة. وبالطبع، يمكنك أيضاً رؤية مدربيك المتصلين والتحدث إليهم مباشرةً في أي وقت، وسيقوم المحاضرون بتدريسكم في الوقت الفعلي طوال مدة الدورة التدريبية. الدروس ليست تعليماً إلكترونياً، بل تدريس حقيقي مباشر وجهاً لوجه عبر تقنية الفيديو.

 

alfatraining Agentur für Arbeit الدورات التدريبية في مدعومة ومعتمدة وفقًا للائحة اعتماد AZAV. Bildungsgutschein Aktivierungs- und Vermittlungsgutscheinعند تقديم أو، عادةً ما يتم تغطية تكاليف الدورة التدريبية بالكامل من قبل جهة التمويل.
Europäischen Sozialfonds Deutsche Rentenversicherung يمكن التمويل أيضًا من خلال (ESF) أو (DRV) أو برامج التمويل الإقليمية. Berufsförderungsdienst كجندي منتظم، يمكن حضور المزيد من الدورات التدريبية عن طريق (BFD). Agentur für Arbeit (Qualifizierungschancengesetz) يمكن للشركات أيضًا تأهيل موظفيها عن طريق برنامج تمويل من .

يسعدنا تقديم المشورة لك مجاناً.

0800 3456-500 من الإثنين إلى الجمعة من الساعة 8 صباحًا إلى الساعة 5 مساءً
مجانًا من جميع الشبكات الألمانية.

اتصل بنا

يسعدنا تقديم المشورة لك مجاناً. 0800 3456-500 من الإثنين إلى الجمعة من الساعة 8 صباحًا حتى 5 مساءً مجانًا من جميع الشبكات الألمانية.