Master of Web Design

360 timmar (6 månader)

Innehållet i detta program är vägledande och det kan variera av skäl för att uppdatera eller ändra innehållet.

mål

Webbdesign är, som ni vet, ett av de mest efterfrågade yrkena i världen. Och det är att alla företag där du ska arbeta eller som du ska starta med kommer att behöva en webbsida för att visa sitt erbjudande av tjänster eller produkter. Det är här arbetet för en person som behärskar kunskapen om världen av webbdesign och utveckling blir viktigt. I denna master, som består av två moduler, kommer studenten att lära sig grunderna för de mest använda programmeringsspråk i världen (HTML5 och CSS3) och också om den mest använda innehållshanteraren idag, Wordpress.

I den första modulen kommer vi att arbeta utifrån programmering, specifikt med HTML5- och CSS3-språken som kommer att betyda vad vi kan kalla skelettet på varje webbplats. Korrekt utbildning på dessa språk gör det möjligt för eleven att möta alla typer av projekt med en solid grund. Vi arbetar med strukturen på webbplatserna och på rätt sätt att ordna informationen för användaren så att navigering är enkel, intuitiv och attraktiv. För att uppnå den önskade estetiken fungerar införandet av multimediainnehåll i alla dess format (video, ljud, bilder), såväl som anpassningen av webben för alla enheter som Internet har åtkomst till idag. Det är vad vi kallar en webbplats med responsiv eller anpassningsbar design, som anpassar sig perfekt till alla enheter och skärmstorlekar. I den sista delen av den första modulen introduceras eleven för användning av enkla plugins med JavaScript / jQuery, med verkliga praktiska exempel.

I den andra mastermodulen lär sig studenten att behärska innehållshantering genom WordPress, ett kraftfullt open source CMS som används av ett oändligt antal webbsidor idag tack vare sin intuitiva design för administratören och dess omfattande möjligheter för användaren. Arbete kommer att göras med att skapa och installera teman, korrekt konfiguration av plattformen och installation av användbara plugins, utveckling av webbplatser från tomma teman (och inte med mallar), etc., som hjälper till att öka funktionaliteten hos webbplatser och förvandla vilken webbplats du kan tänka dig till verklighet.

Information

• Vanlig textredigerare specialiserad på webben: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Mobil-första indexering. bootstrap
• SEO webbpositionering. Tillgänglighet och användbarhet
• JavaScript
• jQuery
• WordPress webbdesign
• Webbkonceptualisering och skiss
• Citat och webbplanering
• Webbutveckling och optimering i WordPress

varaktighet

360 timmar totalt

• Personligen eller online
• 280 timmars klasser
• Måndag till torsdag (+ någon fredag)
• 80 timmars slutliga projekt

tidtabell

mornings

• 09.00 - 12.00 timmar
• 12.00 - 15.00 timmar

eftermiddagarna

• 16.00 - 19.00 timmar
• 19.00 - 22.00 timmar

Officiell

• Vår skola är ett av de fem Adobe-auktoriserade träningscentra i Spanien . Detta faktum visar att CEI har uppfyllt alla de krav som Adobe begär och på samma sätt utgör en garanti för kvalitet för alla våra studenter.
• CEI är ett auktoriserat Apple Training Center . Därför kommer våra studenter att kunna få Apple Professional Certification och främja sina karriärer inom design- och informationsteknologi, affärsmiljöer och B2B-marknader.
• IBM litar på oss och av den anledningen har de tilldelat oss IBM Education Partner- märket. Denna tätning belönar skolor som upprätthåller och främjar kvalitetsutbildning.
• Vår skola konsolideras som referenscentrum för Maxon Training i Spanien och vi blev den första skolan i Europa som är Maxon Training Provider för R18 .

Web Design-modul med HTML5, CSS3 och Javascript

01- Webbdesign, HTML5 OCH CSS3

Introduktion till användning av datorutrustning

Operativsystem:

• Windows
• Mac
• Linux

Programvaruinstallation och -hantering:

• webbläsare
• Textredigerare

Filsystem och mappar

• Skapa filer och mappar
• Organisering av webbprojekt
• Absoluta, relativa och URL-sökvägar

webbsurfande

Principer i nätverksadministration

Klient-serverarkitektur

Servrar och protokoll

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

Kundteam

Introduktion till routrar och switchar

DNS (domäner och IP: er)

• Offentlig IP
• Lokal IP
• Domännamn

Hosting, bostäder & CPD

Grundläggande principer för att skapa statiska webbplatser

• Använda språk (HTML5 och CSS3)
• Kodutförande flöde
• Visuell struktur på en webbplats

Principer för användbarhet och tillgänglighet

Prototypning av en webbplats (UX / UI)

• Användargränssnitt (Marvel)
• Användarupplevelse (InVision)

HTML5

• Taggar och attribut
• Semantik och användning
• HTML5-dokumentstandard och struktur
• kommentarer
• Punktar, rubriker och textformat
• Multimedia (bilder, ljud och video)
• Länkar och knappar
• listor
• rita
• formulär
• iFrames
• Metataggar
• Favicom

CSS3

Länka CSS

Väljare och pseudo-väljare

attribut

• Färger
• Pengar
• Formatering och transformation av texter
• Höjd, bred
• Kanter
• marginaler
• fyllningar
• positioner
• uppriktning
• Skuggade och lutningar
• Opacitet
• transformationer
• filter

Pseudoclasses (aktiv, sväva, kontrollerad, första barn, sista barn, nth-barn)

Pseudoelements (efter, före)

Import och implementering av teckensnitt (media och font-face)

Import och implementering av ikoner (teckensnitt och SVG)

CSS-variabler

CSS-animationer (nyckelramar)

Mobil-första indexering

• Allmänna strukturer (Floats)
• Enkla strukturer (Flexbox)
• Komplexa strukturer (CSS Grid)

Ramar och API: er

• Bootstrap 4
• Förverkligas
• Materialdesign

Internet

• Skapa en domän
• Skapa en webbhotell
• Anslutning och uppladdning av en webbplats till servern

SEO

• Länka webben med Google Search Console
• Kanonisk länkimplementering

02- Webbutveckling (Front-End)

JavaScript

• Introduktion till front-programmering
• JavaScript. Allmän syntax
• Inkludera JavaScript i HTML-dokument
• JavaScript i bilagor
• JavaScript inuti HTML-kod
• JavaScript. Variabler och operatörer
• Lokala variabler och globala variabler
• Numeriska variabler
• Metoder för numeriska variabler
• Uppdragsoperatörer
• Öknings- och minskningsoperatörer
• Matematiska operatörer
• Textsträngar (strängar)
• Metoder för textsträngar
• Odefinierade variabler
• NULL-variabler
• NaN-variabler
• Logiska operatörer i JavaScript
• Relationsoperatörer

jQuery

• Introduktion till Jquery
• Steg för att använda jQuery
• Första skriptet med jQuery
• Grunderna i JQuery: Lägga till och ta bort CSS-klasser
• Grunderna i JQuery: visa och dölja sidelement
• Grunderna i JQuery: snabba effekter med jQuery
• Grundläggande om JQuery: återuppringning av jQuery-funktion
• Grunderna i JQuery: Använda grundläggande Ajax med jQuery
• Grunderna i JQuery: Ajax jQuery med lastmeddelande