Professionele master in grafisch en webdesign

Algemeen

2 locaties beschikbaar
Lees meer over deze opleiding op de website van de instelling

Beschrijving van opleiding

communication, mockup, design

720 uur (12 maanden)

De inhoud van dit programma is indicatief en kan variëren vanwege het bijwerken of wijzigen van de inhoud.

doelstellingen

Kun je je voorstellen dat je een expert bent in grafisch ontwerp en webdesign? Uw eigen ontwerpen kunnen maken om ze in uw eigen website te integreren? De professionele master in grafisch en webdesign combineert het leren van de nodige kennis voor de ontwikkeling van twee van de momenteel meest gevraagde beroepen: grafisch ontwerper en webontwikkelaar.

Wat grafisch ontwerp betreft, biedt deze professionele master de student enerzijds de nodige kennis van de belangrijkste ontwerp- en desktop publishing-tools van Adobe (Photoshop, Illustrator en InDesign), die de basis vormen die elke grafisch ontwerper zou moeten domineren. Zodra deze tools perfect beheerd zijn, begint de student aan een tweede module: grafische productie en creativiteit toegepast op ontwerp. In deze module leert en internaliseert de student de fundamentele basis van creativiteit en ontwikkeling van elk advertentie-, ontwerp- of huisstijlproject dat nodig is om toegang te krijgen tot de arbeidsmarkt: branding, copywriting, pre-printing, art direction, reclamecreativiteit, verpakking.

Wat betreft het webdesign en ontwikkelingsgedeelte van deze master, bestaande uit twee modules, leert de student de basis van de meest gebruikte webdesign- en programmeertalen ter wereld (HTML5, CSS3, JavaScript, jQuery) en ook over beheer en contentontwikkeling in het meest gebruikte CMS van tegenwoordig, WordPress (creatie en installatie van thema's, platformconfiguratie, installatie van plug-ins ...), waardoor meer dan voldoende kennis wordt vergaard voor het ontwerpen van webpagina's.

informatie

  • Adobe Illustrator
  • Adobe photoshop
  • Adobe InDesign
  • Grafische productie
  • Creativiteit toegepast op design
  • Platte teksteditor gespecialiseerd in web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
  • HTML5 / CSS3
  • Mobile-first indexering. Bootstrap
  • SEO-webpositionering. Toegankelijkheid en bruikbaarheid
  • JavaScript
  • jQuery
  • WordPress webdesign
  • Webconceptualisatie en schets
  • Offerte en webplanning
  • Webontwikkeling en optimalisatie in WordPress

duur

720 uur totaal

  • Persoonlijk of online
  • 560 uur les
  • Maandag tot donderdag (+ sommige vrijdag)
  • 160 uur definitieve projecten

dienstregeling

Ochtenden

  • 09.00 - 12.00 uur
  • 12.00 - 15.00 uur

Middagen

  • 16.00 - 19.00 uur
  • 19.00 - 22.00 uur

prijs

€ 5.600

Bekijk actuele aanbiedingen en acties op www.cei.es

Officieel

  • Onze school is een van de vijf door Adobe geautoriseerde trainingscentra in Spanje . Dit feit toont aan dat CEI heeft voldaan aan alle vereisten die Adobe vraagt en vormt eveneens een kwaliteitsgarantie voor al onze studenten.
  • CEI is een door Apple erkend trainingscentrum . Daarom zullen onze studenten de Apple Professional-certificering kunnen behalen en hun carrière in ontwerp- en informatietechnologieën, zakelijke omgevingen en B2B-markten kunnen bevorderen.
  • IBM vertrouwt ons en daarom hebben ze ons de IBM Education Partner- badge toegekend. Dit keurmerk beloont scholen die kwaliteitsvolle opleidingen onderhouden en promoten.
  • Onze school wordt geconsolideerd als het referentiecentrum van Maxon in Spanje en we werden de eerste school in Europa die de Maxon-trainingsaanbieder voor R18 werd .

Grafische ontwerpmodule (Adobe Tools)

01- Adobe Illustrator

  • Kleurprofielen en modi
  • Workspace
  • Basisvormen
  • Selectiehulpmiddelen
  • Stalen / kleur / verloop
  • Slagen / vullingen
  • Uiterlijk paneel
  • Werktafels
  • lagen
  • Transformaties
  • Op een rij zetten
  • Pathfinder
  • De pen
  • Het potlood
  • Borstels
  • tekst
  • Gum / schaar / mes
  • Uitbreiden
  • Interactief schilderen
  • Motieven, patronen
  • Symbolen
  • Afbeeldingen invoegen
  • Interactieve tracering
  • Perspectiefrasters
  • doorzichtigheid
  • Knipmasker
  • Verloopnetwerken
  • Effecten bewerken
  • 3D effect
  • Tekst
  • Afdrukken en uitvoeren

02- Adobe Photoshop

  • Kleurmodi
  • Werkplekken
  • De pixel
  • lagen
  • Basisformulieren
  • Selectiehulpmiddelen
  • Verfpot
  • Gedegradeerd
  • Transformaties
  • Inteligent object
  • Fusies
  • Borstels
  • Druppelaar
  • Het potlood
  • Kloonstekker
  • Patches
  • Tools voor het retoucheren van foto's
  • De pen
  • Knipmaskers
  • Laagmaskers
  • effecten
  • Kanalen
  • Foto-instellingen
  • Aanpassingslagen
  • filters
  • Afdrukken en uitvoeren

03- Adobe Indesign

  • Document / boek / bibliotheek
  • Pagina's en spreads
  • Workspace
  • Marges en kolommen
  • Reglement
  • Gidsen en roosters (graticule)
  • De voorbeelden
  • Creatie tools
  • Objecten (containers)
  • lagen
  • Transformatie
  • Opstellingen
  • effecten
  • Links paneel
  • Kant
  • Hoofdpagina
  • typografie
  • Karakter opties
  • Paragraaf opties
  • Werk met stijlen
  • samenstelling
  • Automatische oproep
  • Interactieve elementen
  • Afdrukken en uitvoeren

Grafische productie en creativiteitsmodule

01- Grafische productie

  • introductie
  • Wat is design?
  • Definitie van "grafisch project"
  • Grafische productieprocessen
  • Ontwerpgeschiedenis
  • Visuele taal
  • Design Elements
  • samenstelling
  • Kleur (de aard van kleur, kleurenpsychologie, kleurmodi)
  • Digitale beeldvorming
  • Formaten (PDF, PDF.X, TIFF, EPS, GIF, PNG, JPEG)
  • Afdruktypes
  • Afwerkingen en voorbeelden
  • Groot formaat ontwerp

02- Creativiteit toegepast op design

  • introductie
  • Visuele communicatie (verzenden via een afbeelding)
  • Concepten van creativiteit en creatieve houding
  • Het creatieve proces in de grafische ontwerpomgeving
  • Creatieve processen (brainstormen, moodboards)
  • Lettertypen (classificatie- en typecombinaties)
  • Typografie toegepast op ontwerp (Truetype, Opentype)
  • Merkstrategieën, identiteitshandboek, applicaties, huisstijlen
  • Huisstijl (merkproces)
  • Zoekmethoden voor ideeën (pinterest, Domestika, Behance)
  • Basis verpakkingstheorie
  • Kleur in verpakking (voorbeelden)
  • Creatieve oefening (representatie van zichzelf door middel van een brief)
  • Basis lay-out theorie
  • Papiersoorten, afwerkingen, gewichten, speciale inkten, stansvormen (voorbeelden)
  • Begeleiding van het afstudeerproject

Web Design module met HTML5, CSS3 en Javascript

01- Webdesign, HTML5 EN CSS3

Inleiding tot het gebruik van computerapparatuur

Besturingssystemen:

  • ramen
  • Mac
  • Linux

Software installatie en beheer:

  • Browsers
  • Teksteditors

Bestandssysteem en mappen

  • Maak bestanden en mappen
  • Organisatie van webprojecten
  • Absolute, relatieve en URL-paden

surfen

Principes in netwerkbeheer

Client-server-architectuur

Servers en protocollen

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

Klantteam

Inleiding tot routers en switches

DNS (domeinen en IP's)

  • Openbaar IP
  • Lokaal IP
  • Domeinnamen

Hosting, huisvesting en CPD

Basisprincipes voor het maken van statische websites

  • Gebruikte talen (HTML5 en CSS3)
  • Code uitvoering stroom
  • Visuele structuur van een website

Principes van bruikbaarheid en toegankelijkheid

Prototyping van een website (UX / UI)

  • Gebruikersinterface (Marvel)
  • Gebruikerservaring (InVision)

HTML5

  • Tags en attributen
  • Semantiek en gebruik
  • HTML5-documentstandaard en structuur
  • Opmerkingen
  • Alinea's, koppen en tekstformaten
  • Multimedia (afbeeldingen, audio en video)
  • Links en knoppen
  • Lijsten
  • tekenen
  • Formulieren
  • iFrames
  • Meta-tags
  • Favicom

CSS3

Koppel CSS

Selectors en pseudo-selectors

attributen

  • Kleuren
  • Geld
  • Formaat en transformatie van teksten
  • Hoogte, breed
  • Randen
  • Marges
  • vullingen
  • Posities
  • opstelling
  • In de schaduw gesteld en hellingen
  • Ondoorzichtigheid
  • Transformaties
  • filters

Pseudoklassen (actief, hover, aangevinkt, eerste kind, laatste kind, n-kind)

Pseudoelements (naar, voor)

Fontimport en implementatie (media en font-face)

Icoon importeren en implementeren (lettertypen en SVG)

CSS-variabelen

CSS-animaties (keyframes)

Mobile-first indexering

  • Algemene constructies (drijvers)
  • Simpele constructies (Flexbox)
  • Complexe structuren (CSS-raster)

Frameworks en API's

  • Bootstrap 4
  • Materialiseren
  • Materiaal ontwerp

internet

  • Maak een domein aan
  • Een webhosting maken
  • Verbinding en uploaden van een website naar de server

SEO

  • Link web met Google Search Console
  • Canonical link implementatie

02- Webontwikkeling (front-end)

JavaScript

  • Inleiding tot front-end programmeren
  • JavaScript. Algemene syntaxis
  • Neem JavaScript op in HTML-documenten
  • JavaScript in bijlagen
  • JavaScript in HTML-code
  • JavaScript. Variabelen en operatoren
  • Lokale variabelen en globale variabelen
  • Numerieke variabelen
  • Methoden voor numerieke variabelen
  • Toewijzingsoperatoren
  • Operatoren voor verhogen en verlagen
  • Wiskundige operatoren
  • Tekstreeksen (strings)
  • Methoden voor tekstreeksen
  • Ongedefinieerde variabelen
  • NULL-variabelen
  • NaN-variabelen
  • Logische operators in JavaScript
  • Relationele operators

jQuery

  • Inleiding tot JQuery
  • Stappen om jQuery te gebruiken
  • Eerste script met jQuery
  • JQuery Basics: CSS-klassen toevoegen en verwijderen
  • JQuery basics: toon en verberg pagina-elementen
  • JQuery Basics: snelle effecten met jQuery
  • JQuery Basics: jQuery-functie terugbellen
  • JQuery Basics: Basic Ajax gebruiken met jQuery
  • JQuery Basics: Ajax jQuery met laadbericht

Webontwerpmodule met Wordpress

01- Webdesign met Wordpress. Van concept tot ontwikkeling

introductie

  • Het web. Typen en structuren
  • Google Mobile First Index
  • WordPress. Wat is het?
  • Het webdesign. Creatief proces

Onderzoek doen

  • Onderzoeksproces
  • Analyse technieken

Citeren en plannen

  • Hoeveel is mijn website waard?
  • Tijdelijke werkplanning
  • Beheersystemen om webdesign te werken

Conceptualiseren van het web

  • Inspiratie en verwijzingen
  • De visuele identiteit. Handleiding voor webstijlen
  • Content tree creatie
  • Schets of wireframes
  • Creatie van mockups met Sketch
  • Webprototyping met Invision
  • Presentatie aan de klant en inhoudelijke voorbereiding

Content creëren

  • Copywriting
  • Soorten inhoud
  • Het genereren van inhoud in WordPress. Post en pagina's
  • De afbeeldingen. Typen en behandeling voor web
  • LOPD. Installatie en regelgeving

Ontwikkeling van onze website

WordPress kennen

  • Lokale en serverinstallatie
  • Voorbereiding van een WordPress. Essentiële stappen
  • Structuur van WordPress en zijn interface

Plug-ins

Mediabibliotheek: beeldoptimalisatie

De hoogtepunten

  • Soorten onderwerpen
  • Een onderwerp uitleggen

Ons ontwerp verplaatsen naar WordPress

  • De bodysuit ontwerpen

Visual Composers: Visual Composer en Elementor

Add-ons en aanvullingen

Eerst een web maken in Mobile

Contactformulieren

  • Aangepaste headers ontwerpen. De menu's
  • Aangepaste voetteksten ontwerpen
  • Eigen creatie van sjablonen en fragmenten
  • Creëren van aangepaste lay-outs voor post
  • Creëren van aangepaste berichttypen en hun lay-outs
  • Maak aangepaste velden

E-commerce: Woocommerce

  • Uitleg en configuratie van een online winkel
  • Maak aangepaste productsjablonen
  • Afrekenen wijziging en configuratie
  • Vereiste plug-ins

Gebruikersbeheer in WordPress

  • Gebruikersrollen
  • Gebruikersregistratie
  • Creëren van privé-gebieden en lidmaatschappen
  • Inhoud bekijken op basis van rollen

Website vertaling

  • Met behulp van de plug-in
  • Vertaling van thema's en plug-ins

WordPress-export en back-up

Andere interessante plug-ins: schuifregelaars, delen op sociale netwerken, feeds, chats.

Het optimaliseren en beschermen van onze website

Prestatieoptimalisatie van onze WordPress

  • Code optimalisatie
  • Cache-installatie

Wordpress-bescherming

  • Bescherming van toegang tot WordPress
  • Bescherming van inhoud en mappen
  • Bescherming tegen aanvallen van buitenaf

Ontwikkeling van onze website

  • Inleiding tot inkomende marketing voor WordPress
  • Creëren van plattegronden
  • SEO plug-in installatie en configuratie

Ontwikkeling van onze website

WordPress onderhoudstechnieken

Laatst bijgewerkt op aug 2020

Over de school

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 ... Lees meer

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. Lees Minder
Madrid , Sevilla , Madrid + 2 Meer Minder