مصمم الويب

مجاناً لك مجاناً

من خلال الترويج

التصميم الاحترافي للمواقع الإلكترونية الجذابة وإنجازها هي الموضوعات الأساسية لهذه الدورة التدريبية. ولذلك تتضمن الدورة بالتالي HTML وCSS وJavaScript وAjax بالإضافة إلى موضوعات التصميم الجرافيكي وواجهة المستخدم/ تجربة المستخدم. ستتعلم أيضاً كيفية استخدام الذكاء الاصطناعي (AI) في مهنتك.
  • نوع الدرجة العلمية: شهادة "مصمم مواقع إلكترونية
  • المؤهلات الإضافية: شهادة "تصميم الويب باستخدام HTML/CSS/Dreamweaver"
    شهادة "التصميم الجرافيكي باستخدام Adobe CC"
    شهادة "أساسيات جافا سكريبت/أجاكس"
    شهادة "تصميم واجهة المستخدم/تجربة المستخدم"
  • الامتحان النهائي: عمل مشروع عملي مع عروض تقديمية نهائية
  • أوقات الدرس: دوام كامل
    من الإثنين إلى الجمعة من الساعة 8:30 صباحًا إلى 3:35 مساءً (في الأسابيع التي تتخللها عطلات رسمية من الساعة 8:30 صباحًا إلى 5:10 مساءً)
  • لغة التعليم: الألمانية
  • المدة: 20 أسابيع

تصميم المواقع باستخدام HTML وCSS وDreamweaver

HTML (5 أيام تقريبًا)

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

علامات لإنشاء النص (h1-H6، p، br)

أساسيات CSS

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

علامات HTML السقالات (مثل الرأس، التنقل)

دمج الرسومات وإعدادها في الفوتوشوب

رموز مفضلة

الروابط

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

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

النماذج في HTML

عناصر النموذج

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

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

الاختلافات بين XHTML و HTML


الذكاء الاصطناعي في إجراءات العمل

عرض تقنيات محددة للذكاء الاصطناعي

والتطبيقات الممكنة في البيئة المهنية


أساسيات CSS (5 أيام تقريباً)

أساسيات دريمويفر

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

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

سمات CSS لتصميم الحدود والتباعد (الحشو والهامش)

تصميم الخلفية باستخدام CSS

أساسيات التعويم/الوضوح

تباعد الأعمدة مع التعويم

الألوان باستخدام CSS

واضح

العناصر الزائفة (::قبل/:بعد)

الفئات الزائفة (:ن من النوع)

فئات زائفة للقائمة/العرض/الرابط

التنقل باستخدام ul/li (أفقي/رأسي)


CSS Flexbox (حوالي 5 أيام)

الأعمدة مع فليكس

محاذاة العناصر مع فليكس

الأعمدة في الأعمدة مع فليكس

استخدام الخطوط المخصصة (@وجه الخط)

الخطوط مع دريمويفر

دريمويفر - مصمم CSS

موضع CSS

المواضع: نسبي/مطلق/ثابت

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

تدرجات ألوان CSS

CSS - الانتقال/التحويل


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

نقاط التوقف، منفذ العرض، استعلامات الوسائط

تصميم متجاوب للرؤوس والصور الرئيسية

عناصر الصورة في HTML

التنقل عبر الهاتف المحمول مع التمرير

تمكين التحويم في النقر على هواتف Apple المحمولة

حدث النقر عبر CSS (باستخدام خانة الاختيار)

التنقل المتجاوب مع النقر

زر برجر متحرك

أكورديون CSS (باستخدام أزرار الاختيار)

قائمة منسدلة لسطح المكتب والهاتف المحمول

تصميمات مختلفة

فئة CSS الزائفة: الهدف

موقع من صفحة واحدة - هيكل الصفحة

التنقل المتجاوب مع :التحكم في الهدف

مزايا المواقع ذات الصفحة الواحدة


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

دمج التطبيقات

البدء باستخدام JavaScript/JQuery

إذا-ثم-إذا-إلا

المتغيرات

كائن البيانات

نوع بيانات المصفوفة

سكرول توب

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

كائن رياضيات

قائمة مثبتة (js/css)

إظهار/إخفاء القائمة مع التمرير

استخدام vh/vw وحساب

بصمة المعلومات الإلزامية/حماية البيانات

إشعار ملفات تعريف الارتباط

الخط الرائع - مكتبة الرموز

فلتر CSS

متغيرات CSS

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

تناسب الكائن - رسومات تملأ الإطار

رسوم متحركة CSS

شبكة CSS

شبكة-قوالب-مناطق القوالب

مقدمة لإطار عمل CSS: بوتستراب


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

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

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

تصميم الجرافيك باستخدام Adobe CC - أعمال الوسائط المتعددة الرقمية/الطباعة/الويب

مقدمة إلى Adobe Creative Cloud (يومان تقريبًا)

لمحة سريعة عن برامج سطح المكتب: Photoshop وIllustrator وInDesign

تطبيقات Adobe المحمولة للتصميم الجرافيكي

مكتبات السحابة الإبداعية

اتجاهات الألوان والإلهام (مثل Adobe Stock وAdobe Color)

Adobe Bridge، Adobe Exchange


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

الفن مقابل التصميم

تخصصات التصميم ومبادئ التصميم

عملية التصميم

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

التدفق البصري والترتيب

العلاقة بين الشكل والأرض

الخداع البصري والظواهر البصرية

تأثيرات التداخل، قانون هيك

المنظور والتأثير المكاني


الشكل واللون (2 أيام تقريباً)

النقطة والخط والسطح

الترتيب والترجيح

التنسيق والنسب ونسب الأبعاد

نظرية الألوان وأنظمة الألوان

الخصائص والتأثير والمعنى

تصميم الألوان (التناسق والتباين)

الانتباه من خلال الشكل واللون

إنشاء وتحرير الأشكال (العلامات والصور التوضيحية والأيقونات)


الذكاء الاصطناعي في إجراءات العمل

عرض تقنيات محددة للذكاء الاصطناعي

والتطبيقات الممكنة في البيئة المهنية


الصور (3 أيام تقريباً)

خبرة الصور وجودة الصورة

بكسل ورسومات متجهة

البحث والفكرة واللوحة المزاجية

جاذبية العين وسرد القصص

الإنسان كفكرة

الصور في التواصل المؤسسي

تصميم الصور وتحرير الصور


الطباعة والتخطيط (5 أيام تقريباً)

تشريح الحروف

تاريخ الخط وتصنيف الخطوط

مزج الخطوط

قراءة الطباعة، الطباعة التفصيلية

سير العمل: التخطيط

القواعد الأساسية للتخطيطات الجيدة

مساحة الكتابة وشبكة التصميم

الدراماتورجيا والتوجيه البصري والتركيز

تحقيق أفكار التخطيط وتقديمها

نظرة عامة على إخراج الملف (الطباعة والرقمية)


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

التصميم المؤسسي مقابل الهوية المؤسسية

اللبنات الأساسية

تصميم الشعار والعلامات والعلامات التجارية

الإدراك - كلمة - صورة - علامة تجارية

دليل تصميم الشركات (دليل الأسلوب)


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

لتوحيد المحتوى المكتسب

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

أساسيات جافا سكريبت/أجاكس

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

مقدمة في

التكامل في صفحات HTML

عناصر اللغة

المتغيرات والثوابت وأنواع البيانات

المشغلات

هياكل التحكم

العبارات الشرطية

الحلقات

الدوال

المصفوفات

الكائنات

ملفات تعريف الارتباط

تخزين الويب

معالجة الأخطاء


الذكاء الاصطناعي في إجراءات العمل

عرض تقنيات محددة للذكاء الاصطناعي

والتطبيقات الممكنة في البيئة المهنية


معالجة DOM باستخدام JavaScript (3 أيام تقريبًا)

الأساسيات

تحديد HTML

المحتوى والسمات

التصميم

الأحداث

إنشاء عناصر DOM

نسخ عناصر DOM ونقلها وحذفها


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

مقدمة في

الوظائف

المتطلبات الأساسية

طلبات http

كائن XMLHttpRequest

الطلبات المتزامنة وغير المتزامنة

خدمات الويب/الإرسال

- JSON

- استجابة XML/XML


الأطر/المكتبات (يومان تقريباً)

إنشاء مكتبتك الخاصة

jQuery

المزايا والعيوب


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

لتوحيد المحتوى المكتسب

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

تصميم واجهة المستخدم/تجربة المستخدم

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

تجربة المستخدم، قابلية الاستخدام، واجهة المستخدم، النموذج الذهني، العوامل البشرية

مبادئ التصميم الذي يركز على المستخدم

أيزو 9241-210/إتش دي سي دي

عملية تصميم أنظمة تفاعلية قابلة للاستخدام


HCD: التحليل - فهم وتعريف سياق الاستخدام (3 أيام تقريبًا)

الشخصية

خريطة التعاطف

رحلة العميل

تحليلات الويب

مجموعات التركيز

استبيان


HCD: تحديد متطلبات الاستخدام (يوم واحد تقريبًا)

نموذج السيناريو

نموذج المهمة

مقابلات السياق

دراسات اليوميات

ملاحظة المشاركين


HCD: إنشاء حلول تصميمية للوفاء بمتطلبات الاستخدام (يوم واحد تقريبًا)

الإرشادات والمعايير: 7 مبادئ حوارية من ISO 9241-110

10 مبادئ لتصميم واجهة المستخدم وفقًا لجاكوب نيلسن

الإدراك البصري والانتظام


حلول تصميم HCD: بنية معلومات التصنيف ومفاهيم التنقل (3 أيام تقريباً)

مخطط التدفق

تدفق المستخدم

بنية المعلومات

بنية المعلومات المصغرة

استراتيجية التحويل

مفاهيم التنقل

خريطة الموقع

فرز البطاقات: التخطيط والإعداد والتنفيذ والتقييم


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

نموذج الشلال مقابل الإدارة الرشيقة

نظرة ثاقبة في الإدارة الرشيقة وفقًا لطريقة سكروم

الملحمة وقصة المستخدم والمهمة

طريقة سباق التصميم


حلول تصميم HCD: تصميم واجهة المستخدم (يوم واحد تقريبًا)

دليل الأنماط ومجموعات أدوات واجهة المستخدم ومكتبة الأنماط ونظام التصميم

مكونات/عناصر واجهة المستخدم والنموذج

الألوان، والخط والطباعة في واجهة المستخدم، والأيقونات

التصميم الذري

تصميم الهاتف المحمول أولاً


حلول تصميم HCD: تقنيات التصميم باستخدام Figma وXD Adobe (يومان تقريبًا)

فيجما مقابل Adobe XD


فيجما

مجموعة أدوات فيجما

سير العمل

مكونات واجهة المستخدم

تصميم متجاوب

الخربشات والإطارات السلكية

نماذج أولية تفاعلية


Adobe XD

لوحة أدوات XD

سير العمل

مكونات واجهة المستخدم

تصميم متجاوب

الخربشات والإطارات السلكية

نماذج أولية تفاعلية


تقييم HCD للتصميم مقابل متطلبات المستخدم - اختبار قابلية الاستخدام (يومان تقريباً)

لمحة عامة عن طرق اختبار قابلية الاستخدام التفكير بصوت عالٍ: التخطيط والإعداد والتنفيذ والتقييم

(UEQ) استبيان تجربة المستخدم (UEQ) استبيان تجربة المستخدم

VisAWI - الجماليات المرئية للمواقع الإلكترونية

اختبار A/B


الذكاء الاصطناعي في إجراءات العمل

عرض تقنيات محددة للذكاء الاصطناعي والتطبيقات الممكنة في البيئة المهنية


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

لتوحيد المحتوى المكتسب

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



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

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

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

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

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

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

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

سوف تتعلم في مجموعات صغيرة فعالة. تتكون الدورات عادةً من 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 مساءً مجانًا من جميع الشبكات الألمانية.