Master of Web Design

360 Stunden (6 Monate)

Der Inhalt dieses Programms ist indikativ und kann aus Gründen der Aktualisierung oder Änderung des Inhalts variieren.

Ziele

Wie Sie wissen, ist Webdesign einer der gefragtesten Berufe der Welt. Und es ist so, dass jedes Unternehmen, in dem Sie arbeiten oder mit dem Sie anfangen möchten, eine Webseite benötigt, um sein Angebot an Dienstleistungen oder Produkten zu zeigen. Hier wird die Arbeit einer Person wichtig, die das Wissen über die Welt des Webdesigns und der Webentwicklung beherrscht. In diesem Master, der aus zwei Modulen besteht, lernt der Student die Grundlagen der weltweit am häufigsten verwendeten Programmiersprachen (HTML5 und CSS3) sowie den heute am häufigsten verwendeten Content Manager, Wordpress.

Im ersten Modul werden wir auf der Grundlage der Programmierung arbeiten, insbesondere mit den Sprachen HTML5 und CSS3, die das bedeuten, was wir das Grundgerüst jeder Website nennen könnten. Eine korrekte Ausbildung in diesen Sprachen ermöglicht es dem Schüler, sich jeder Art von Projekt mit einer soliden Grundlage zu stellen. Wir arbeiten an der Struktur der Websites und der richtigen Art und Weise, die Informationen für den Benutzer so anzuordnen, dass die Navigation einfach, intuitiv und attraktiv ist. Um diese gewünschte Ästhetik zu erreichen, wird auch das Einfügen von Multimedia-Inhalten in allen ihren Formaten (Video, Ton, Bild) sowie die Anpassung der Websites für alle Geräte, von denen aus heute auf das Internet zugegriffen wird, durchgeführt. Wir nennen dies eine Website mit reaktionsschnellem oder adaptivem Design, die sich perfekt an jedes Gerät und jede Bildschirmgröße anpasst. Im letzten Teil des ersten Moduls wird der Student anhand realer praktischer Beispiele in die Verwendung einfacher Plugins mit JavaScript / jQuery eingeführt.

Im zweiten Mastermodul erlernt der Student die Beherrschung des Content-Managements durch WordPress, ein leistungsstarkes Open-Source-CMS, das dank seines intuitiven Designs für den Administrator und seiner umfangreichen Möglichkeiten für den Benutzer heute von unzähligen Webseiten genutzt wird. Es wird an der Erstellung und Installation von Themes, der korrekten Konfiguration der Plattform und der Installation nützlicher Plugins, der Entwicklung von Websites aus leeren Themes (und nicht mit Vorlagen) usw. gearbeitet, die dazu beitragen, die Funktionalität der zu erhöhen Websites und verwandeln Sie jede Website, die Sie sich vorstellen können, in die Realität.

Informationen

• Auf Web spezialisierter Nur-Text-Editor: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Mobile-First-Indizierung. Bootstrap
• SEO Web Positionierung. Zugänglichkeit und Benutzerfreundlichkeit
• JavaScript
• jQuery
• WordPress-Webdesign
• Webkonzeptualisierung und -skizze
• Angebot und Webplanung
• Webentwicklung und Optimierung in WordPress

Dauer

360 Stunden insgesamt

• Persönlich oder online
• 280 Stunden Unterricht
• Montag bis Donnerstag (+ einige Freitag)
• 80 Stunden Abschlussprojekte

Zeitplan

Morgen

• 09.00 - 12.00 Uhr
• 12.00 - 15.00 Uhr

Nachmittags

• 16.00 - 19.00 Uhr
• 19.00 - 22.00 Uhr

Offiziell

• Unsere Schule ist eines der fünf von Adobe autorisierten Schulungszentren in Spanien . Diese Tatsache zeigt, dass CEI alle von Adobe geforderten Anforderungen erfüllt hat und ebenfalls eine Qualitätsgarantie für alle unsere Studenten darstellt.
• CEI ist ein von Apple autorisiertes Schulungszentrum . Daher können unsere Studenten die Apple Professional-Zertifizierung erhalten und ihre Karriere in Design- und Informationstechnologien, Geschäftsumgebungen und B2B-Märkten vorantreiben.
• IBM vertraut uns und hat uns aus diesem Grund das IBM Education Partner- Abzeichen verliehen. Dieses Siegel belohnt Schulen, die eine qualitativ hochwertige Ausbildung aufrechterhalten und fördern.
• Unsere Schule ist als Referenzzentrum für Maxon-Schulungen in Spanien zusammengefasst und wir sind die erste Schule in Europa, die Maxon-Schulungsanbieter für R18 ist .

Webdesign-Modul mit HTML5, CSS3 und Javascript

01- Webdesign, HTML5 UND CSS3

Einführung in die Verwendung von Computergeräten

Betriebssysteme:

• Windows
• Mac
• Linux

Installation und Verwaltung der Software:

• Browser
• Texteditoren

Dateisystem und Ordner

• Erstellen Sie Dateien und Ordner
• Organisation von Webprojekten
• Absolute, relative und URL-Pfade

Surfen im Internet

Prinzipien in der Netzwerkadministration

Client-Server-Architektur

Server und Protokolle

• SSL-Zertifikate
• HTTP / HTTPS
• FTP / SFTP / FTPS

Kundenteam

Einführung in Router und Switches

DNS (Domains und IPs)

• Öffentliche IP
• Lokale IP
• Domain Namen

Hosting, Wohnen & CPD

Grundprinzipien für die Erstellung statischer Websites

• Verwendete Sprachen (HTML5 und CSS3)
• Ablauf der Codeausführung
• Visuelle Struktur einer Website

Grundsätze der Benutzerfreundlichkeit und Zugänglichkeit

Prototyping einer Website (UX / UI)

• Benutzeroberfläche (Marvel)
• Benutzererfahrung (InVision)

HTML5

• Tags und Attribute
• Semantik und Verwendung
• Standard und Struktur des HTML5-Dokuments
• Bemerkungen
• Absätze, Überschriften und Textformate
• Multimedia (Bilder, Audio und Video)
• Links und Schaltflächen
• Listen
• Tabellen
• Formen
• iFrames
• Meta-Tags
• Favicom

CSS3

Verknüpfen Sie CSS

Selektoren und Pseudoselektoren

Attribute

• Farben
• Geld
• Format und Transformation von Texten
• Höhe breit
• Kanten
• Ränder
• Füllungen
• Positionen
• Ausrichtung
• Schattiert und Farbverläufe
• Opazität
• Transformationen
• Filter

Pseudoklassen (aktiv, schweben, markiert, erstes Kind, letztes Kind, n-tes Kind)

Pseudoelemente (nach, vor)

Import und Implementierung von Schriftarten (Medien und Schriftarten)

Import und Implementierung von Symbolen (Schriftarten und SVG)

CSS-Variablen

CSS-Animationen (Keyframes)

Mobile-First-Indizierung

• Allgemeine Strukturen (Floats)
• Einfache Strukturen (Flexbox)
• Komplexe Strukturen (CSS Grid)

Frameworks und APIs

• Bootstrap 4
• Materialisieren
• Material Design

Internet

• Erstellen Sie eine Domain
• Erstellen eines Webhostings
• Verbindung und Upload einer Website zum Server

SEO

• Verknüpfen Sie das Web mit der Google Search Console
• Canonical Link Implementierung

02- Webentwicklung (Front-End)

JavaScript

• Einführung in die Frontend-Programmierung
• JavaScript. Allgemeine Syntax
• Fügen Sie JavaScript in HTML-Dokumente ein
• JavaScript in Anhängen
• JavaScript im HTML-Code
• JavaScript. Variablen und Operatoren
• Lokale Variablen und globale Variablen
• Numerische Variablen
• Methoden für numerische Variablen
• Zuweisungsoperatoren
• Inkrementier- und Dekrementierungsoperatoren
• Mathematische Operatoren
• Textzeichenfolgen (Zeichenfolgen)
• Methoden für Textzeichenfolgen
• Undefinierte Variablen
• NULL-Variablen
• NaN-Variablen
• Logische Operatoren in JavaScript
• Vergleichsoperatoren

jQuery

• Einführung in Jquery
• Schritte zur Verwendung von jQuery
• Erstes Skript mit jQuery
• JQuery-Grundlagen: Hinzufügen und Entfernen von CSS-Klassen
• JQuery-Grundlagen: Seitenelemente ein- und ausblenden
• JQuery-Grundlagen: Schnelleffekte mit jQuery
• JQuery-Grundlagen: Rückruf der jQuery-Funktion
• JQuery-Grundlagen: Verwenden von Basic Ajax mit jQuery
• JQuery-Grundlagen: Ajax jQuery mit Lademeldung