ماجستير تصميم الويب

عام

2 locations available
اقرأ المزيد عن هذا البرنامج على موقع المؤسسة على الويب

وصف البرنامج

136328_pexels-photo-251225.jpeg

360 ساعة (6 أشهر)

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

أهداف

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

في الوحدة الأولى ، سنعمل على أساس البرمجة ، وتحديداً مع لغات HTML5 و CSS3 التي تعني ما يمكن أن نسميه الهيكل العظمي لكل موقع. سيسمح التدريب الصحيح لهذه اللغات للطالب بمواجهة أي نوع من المشاريع بأساس متين. نعمل على هيكلة المواقع والطريقة الصحيحة لترتيب المعلومات للمستخدم بحيث يكون التنقل سهلاً وبديهيًا وجذابًا. ولتحقيق هذه الجمالية المرغوبة أيضًا ، تم إدخال محتوى الوسائط المتعددة بجميع تنسيقاته (فيديو ، أصوات ، صور) ، وكذلك تكييف الشبكات لجميع الأجهزة التي يتم الوصول منها إلى الإنترنت اليوم. إنه ما نطلق عليه موقع الويب بتصميم سريع الاستجابة أو قابل للتكيف ، والذي يتكيف تمامًا مع أي جهاز وحجم شاشة. في الجزء الأخير من الوحدة الأولى ، يتعرف الطالب على استخدام المكونات الإضافية البسيطة مع JavaScript / jQuery ، مع أمثلة عملية حقيقية.

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

معلومات

  • محرر نص عادي متخصص في الويب: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • فهرسة الجوال أولاً. التمهيد
  • تحديد المواقع على شبكة الإنترنت SEO. سهولة الوصول والاستخدام
  • جافا سكريبت
  • مسج
  • تصميم مواقع ووردبريس
  • تصور الويب والرسم التخطيطي
  • اقتباس وتخطيط الويب
  • تطوير الويب وتحسينه في WordPress

مدة

إجمالي 360 ساعة

  • شخصيًا أو عبر الإنترنت
  • 280 ساعة من الفصول
  • من الاثنين إلى الخميس (+ بعض أيام الجمعة)
  • 80 ساعة من المشاريع النهائية

جدول المواعيد

الصباح

  • 09.00 - 12.00 ساعة
  • 12.00 - 15.00 ساعة

بعد الظهر

  • 16.00 - 19.00 ساعة
  • 19.00 - 22.00 ساعة

السعر

3100 يورو

تحقق من العروض والعروض الترويجية الحالية على www.cei.es

الرسمية

  • مدرستنا هي واحدة من خمسة مراكز تدريب معتمدة من Adobe في إسبانيا . توضح هذه الحقيقة أن CEI قد استوفت جميع المتطلبات التي تطلبها Adobe ، وبالمثل ، فإنها تشكل ضمانًا للجودة لجميع طلابنا.
  • CEI هو مركز تدريب معتمد من Apple . لذلك ، سيتمكن طلابنا من الحصول على شهادة Apple الاحترافية وتعزيز حياتهم المهنية في مجالات التصميم وتكنولوجيا المعلومات وبيئات الأعمال وأسواق B2B.
  • شركة IBM تثق بنا ولهذا السبب فقد منحتنا شارة IBM Education Partner . هذا الختم يكافئ المدارس التي تحافظ على جودة التدريب وتعززه.
  • تم دمج مدرستنا كمركز مرجعي للتدريب Maxon في إسبانيا وأصبحنا المدرسة الأولى في أوروبا التي توفر تدريب Maxon لـ R18 .

وحدة تصميم الويب مع HTML5 و CSS3 و Javascript

01- تصميم الويب و HTML5 و CSS3

مقدمة في استخدام أجهزة الكمبيوتر

أنظمة التشغيل:

  • شبابيك
  • ماك
  • لينكس

تثبيت البرامج وإدارتها:

  • المتصفحات
  • محرري النصوص

نظام الملفات والمجلدات

  • إنشاء الملفات والمجلدات
  • تنظيم مشاريع الويب
  • المسارات المطلقة والنسبية وعنوان URL

تصفح الويب

مبادئ في إدارة الشبكة

بنية خادم العميل

الخوادم والبروتوكولات

  • شهادات SSL
  • HTTP / HTTPS
  • FTP / SFTP / FTPS

فريق العميل

مقدمة عن أجهزة التوجيه والمفاتيح

DNS (المجالات وعناوين IP)

  • IP العام
  • عنوان IP المحلي
  • أسماء المجال

الاستضافة والسكن والتطوير المستمر

المبادئ الأساسية لإنشاء مواقع ويب ثابتة

  • اللغات المستخدمة (HTML5 و CSS3)
  • تدفق تنفيذ الكود
  • الهيكل المرئي للموقع

مبادئ سهولة الاستخدام والوصول

النماذج الأولية لموقع الويب (UX / UI)

  • واجهة المستخدم (مارفل)
  • تجربة المستخدم (InVision)

HTML5

  • العلامات والسمات
  • الدلالات والاستخدام
  • معيار وهيكل مستند HTML5
  • تعليقات
  • الفقرات والعناوين وتنسيقات النص
  • الوسائط المتعددة (الصور والصوت والفيديو)
  • الروابط والأزرار
  • القوائم
  • رسم
  • نماذج
  • إطارات iFrames
  • العلامات الفوقية
  • فافيكوم

CSS3

ربط CSS

المحددات والمحددات الزائفة

سمات

  • الألوان
  • مال
  • تنسيق النصوص وتحويلها
  • ارتفاع واسع
  • حواف
  • الهوامش
  • حشوات
  • المناصب
  • انحياز
  • مظللة وتدرجات
  • العتامة
  • التحولات
  • مرشحات

الفصول الكاذبة (نشطة ، تحوم ، محددة ، أول طفل ، آخر طفل ، طفل ن)

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

استيراد الخطوط وتنفيذها (الوسائط ووجه الخط)

استيراد الرموز وتنفيذها (الخطوط و SVG)

متغيرات CSS

الرسوم المتحركة CSS (الإطارات الرئيسية)

فهرسة الجوال أولاً

  • الهياكل العامة (عوامات)
  • الهياكل البسيطة (Flexbox)
  • الهياكل المعقدة (شبكة CSS)

الأطر وواجهات برمجة التطبيقات

  • التمهيد 4
  • تجسد
  • تصميم المواد

الإنترنت

  • قم بإنشاء مجال
  • إنشاء استضافة الويب
  • اتصال وتحميل موقع على الخادم

SEO

  • ربط الويب بـ Google Search Console
  • تنفيذ الارتباط الكنسي

02- تطوير الويب (الواجهة الأمامية)

جافا سكريبت

  • مقدمة في برمجة الواجهة الأمامية
  • جافا سكريبت. النحو العام
  • قم بتضمين JavaScript في مستندات HTML
  • JavaScript في المرفقات
  • جافا سكريبت داخل كود HTML
  • جافا سكريبت. المتغيرات والعوامل
  • المتغيرات المحلية والمتغيرات العالمية
  • المتغيرات العددية
  • طرق المتغيرات الرقمية
  • عوامل التعيين
  • عوامل الزيادة والنقصان
  • العوامل الرياضية
  • سلاسل نصية (سلاسل)
  • طرق السلاسل النصية
  • متغيرات غير محددة
  • متغيرات NULL
  • متغيرات NaN
  • العوامل المنطقية في JavaScript
  • العوامل العلاقية

مسج

  • مقدمة في Jquery
  • خطوات استخدام jQuery
  • أول نص مع jQuery
  • أساسيات JQuery: إضافة فئات CSS وإزالتها
  • أساسيات JQuery: إظهار وإخفاء عناصر الصفحة
  • أساسيات JQuery: تأثيرات سريعة مع jQuery
  • أساسيات JQuery: رد استدعاء دالة jQuery
  • أساسيات JQuery: استخدام Basic Ajax مع jQuery
  • أساسيات JQuery: Ajax jQuery مع تحميل الرسالة

وحدة تصميم الويب مع Wordpress

01- تصميم مواقع الويب باستخدام Wordpress. من التصور إلى التنمية

مقدمة

  • الويب. أنواع وهياكل
  • فهرس Google Mobile First
  • ووردبريس. ما هذا؟
  • تصميم الويب. عملية إبداعية

أقوم ببحث

  • عملية التحقيق
  • تقنيات التحليل

الاقتباس والتخطيط

  • كم هو موقع الويب الخاص بي يستحق؟
  • تخطيط العمل المؤقت
  • نظم إدارة لعمل تصميم المواقع

تصور الويب

  • الإلهام وإجراء الإحالة
  • الهوية المرئية. دليل أنماط الويب
  • إنشاء شجرة المحتوى
  • رسم تخطيطي أو إطارات سلكية
  • إنشاء نماذج بالأحجام الطبيعية مع Sketch
  • نماذج الويب باستخدام Invision
  • عرض تقديمي للعميل وإعداد المحتوى

إنشاء المحتوى

  • التأليف
  • أنواع المحتويات
  • إنشاء المحتوى في WordPress. المشاركة والصفحات
  • الصور. أنواع وعلاج الويب
  • LOPD. التثبيت والتنظيم

تطوير موقعنا

معرفة ووردبريس

  • التثبيت المحلي والخادم
  • تحضير ووردبريس. خطوات أساسية
  • هيكل ووردبريس وواجهته

الإضافات

مكتبة الوسائط: تحسين الصورة

المواضيع

  • أنواع المواضيع
  • شرح الموضوع

نقل تصميمنا إلى WordPress

  • تصميم البدلة

الملحنون المرئيون: الملحن البصري والعنصر

الإضافات والمكملات

إنشاء الويب في الجوال أولاً

نماذج الاتصال

  • تصميم رؤوس مخصصة. القوائم
  • تصميم تذييلات مخصصة
  • إنشاء القوالب الخاصة والمقتطفات
  • إنشاء تخطيطات مخصصة للنشر
  • إنشاء أنواع المنشورات المخصصة وتخطيطاتها
  • إنشاء حقول مخصصة

التجارة الإلكترونية: Woocommerce

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

إدارة المستخدم في WordPress

  • أدوار المستخدمين
  • تسجيل المستخدم
  • إنشاء مجالات وعضوية خاصة
  • مشاهدة المحتوى حسب الأدوار

ترجمة الموقع

  • باستخدام البرنامج المساعد
  • ترجمة القوالب والإضافات

تصدير ووردبريس والنسخ الاحتياطي

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

تحسين موقعنا وحمايته

تحسين أداء WordPress الخاص بنا

  • تحسين الكود
  • تثبيت ذاكرة التخزين المؤقت

حماية وورد

  • حماية الوصول إلى WordPress
  • حماية المحتويات والمجلدات
  • الحماية من الهجمات الخارجية

تطوير موقعنا

  • مقدمة في Inbound Marketing for WordPress
  • إنشاء خرائط الموقع
  • تثبيت وتكوين البرنامج المساعد SEO

تطوير موقعنا

تقنيات صيانة ووردبريس

آخر تحديث للآب (أغسطس) 2020

عن هذه الكلية

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Pa ... قراءة المزيد

CEI - Centro de Estudios de Innovación - es una Escuela de Diseño Digital del siglo XXI, fundada en el siglo XX (año 1991). Somos un centro de formación oficial de Adobe, Apple, IBM, Maxon y Google Partner, especializado en el sector del diseño y marketing digital, con sedes en Madrid, Sevilla y próximamente también en Lisboa. Nuestros cursos, masters y títulos superiores se desarrollan en cuatro áreas: Diseño gráfico, Desarrollo web, Marketing Digital y Edición y Postproducción de Vídeo Digital (VFX) y Motion Graphics. إظهار محتوى أقل
مدريد , إشبيلية , مدريد + 2 أكثر أقل