Meester van webdesign

360 uur (6 maanden)

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

doelstellingen

Webdesign is, zoals u weet, een van de meest gevraagde beroepen ter wereld. En het is dat elk bedrijf waarin u gaat werken of waarmee u gaat beginnen, een webpagina nodig heeft om zijn aanbod van diensten of producten te tonen. Dit is waar het werk van een persoon die de kennis van de wereld van webdesign en -ontwikkeling beheerst, belangrijk wordt. In deze master, die uit twee modules bestaat, leert de student de basis van de meest gebruikte programmeertalen ter wereld (HTML5 en CSS3) en ook over de meest gebruikte contentmanager van vandaag, Wordpress.

In de eerste module gaan we werken op basis van programmeren, specifiek met de HTML5- en CSS3-talen die gaan betekenen wat we het skelet van elke website zouden kunnen noemen. Door een juiste training in deze talen kan de student elk type project met een solide basis aan. Het werkt aan de structuur van de sites en de juiste manier om de informatie voor de gebruiker te ordenen, zodat navigatie gemakkelijk, intuïtief en aantrekkelijk is. Om die gewenste esthetiek te bereiken, wordt ook gewerkt aan het invoegen van multimedia-inhoud in al zijn formaten (video, geluiden, afbeeldingen), evenals aan de aanpassing van de webben voor alle apparaten waarmee tegenwoordig toegang tot internet is. Het is wat we een website noemen met een responsief of adaptief ontwerp, dat zich perfect aanpast aan elk apparaat en elk schermformaat. In het laatste deel van de eerste module maakt de student kennis met het gebruik van eenvoudige plug-ins met JavaScript / jQuery, met echte praktijkvoorbeelden.

In de tweede mastermodule leert de student content management onder de knie te krijgen via WordPress, een krachtig open source CMS dat dankzij de intuïtieve vormgeving voor de beheerder en de uitgebreide mogelijkheden voor de gebruiker tegenwoordig door oneindig veel webpagina's wordt gebruikt. Er zal gewerkt worden aan het maken en installeren van thema's, de juiste configuratie van het platform en het installeren van handige plugins, het ontwikkelen van websites vanuit blanco thema's (en niet met sjablonen) enz. die helpen om de functionaliteit van de sites en maak van elke website die u maar kunt bedenken werkelijkheid.

informatie

• 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

360 uur totaal

• Persoonlijk of online
• 280 uur les
• Maandag tot donderdag (+ sommige vrijdag)
• 80 uur laatste projecten

dienstregeling

Ochtenden

• 09.00 - 12.00 uur
• 12.00 - 15.00 uur

Middagen

• 16.00 - 19.00 uur
• 19.00 - 22.00 uur

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 .

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