CEI: CENTRO DE ESTUDIOS DE INNOVACIÓN - DISEÑO Y MARKETING

Master en conception Web

360 heures (6 mois)

Le contenu de ce programme est indicatif, et il peut varier pour des raisons de mise à jour ou de modification du contenu.

Objectifs

La conception Web, comme vous le savez, est l'une des professions les plus demandées au monde. Et c'est que toute entreprise dans laquelle vous allez travailler, ou avec laquelle vous allez commencer, aura besoin d'une page Web pour montrer son offre de services ou de produits. C'est là que le travail d'une personne qui maîtrise la connaissance du monde de la conception et du développement Web devient important. Dans ce master, qui se compose de deux modules, l'étudiant apprendra les bases des langages de programmation les plus utilisés au monde (HTML5 et CSS3) ainsi que sur le gestionnaire de contenu le plus utilisé aujourd'hui, Wordpress.

Dans le premier module, nous travaillerons sur la base de la programmation, en particulier avec les langages HTML5 et CSS3 qui en viennent à signifier ce que nous pourrions appeler le squelette de chaque site Web. Une formation correcte dans ces langues permettra à l'étudiant d'affronter tout type de projet avec une base solide. Nous travaillons sur la structure des sites et la manière correcte d'organiser les informations pour l'utilisateur afin que la navigation soit simple, intuitive et attractive. Aussi pour atteindre cette esthétique souhaitée, l'insertion de contenus multimédias dans tous ses formats (vidéo, sons, images) est travaillée, ainsi que l'adaptation des webs pour tous les appareils à partir desquels on accède aujourd'hui à Internet. C'est ce que nous appelons un site Web au design réactif ou adaptatif, qui s'adapte parfaitement à n'importe quel appareil et taille d'écran. Dans la dernière partie du premier module, l'étudiant est initié à l'utilisation de simples plugins avec JavaScript / jQuery, avec de vrais exemples pratiques.

Dans le deuxième module de master, l'étudiant apprend à maîtriser la gestion de contenu via WordPress, un puissant CMS open source qui est utilisé par un nombre infini de pages Web aujourd'hui grâce à sa conception intuitive pour l'administrateur et ses possibilités étendues pour l'utilisateur. Un travail sera fait sur la création et l'installation de thèmes, la configuration correcte de la plate-forme et l'installation de plugins utiles, le développement de sites Web à partir de thèmes vierges (et non avec des modèles), etc., qui contribuent à augmenter la fonctionnalité de la sites et transformez n'importe quel site Web que vous pouvez imaginer en réalité.

information

• Editeur de texte brut spécialisé dans le web: Dreamweaver / Sublime / Notepad ++ / Komodo Edit / Brackets
• HTML5 / CSS3
• Indexation mobile d'abord. Amorcer
• Positionnement web SEO. Accessibilité et convivialité
• JavaScript
• jQuery
• Conception Web WordPress
• Conceptualisation et esquisse Web
• Devis et planification Web
• Développement et optimisation Web dans WordPress

durée

360 heures au total

• En personne ou en ligne
• 280 heures de cours
• Du lundi au jeudi (+ un vendredi)
• Projets finaux de 80 heures

Horaire

Les matins

• 09h00 - 12h00
• 12h00 - 15h00

Les après-midi

• 16h00 - 19h00
• 19h00 - 22h00

Officiel

• Notre école est l'un des cinq centres de formation agréés Adobe en Espagne . Ce fait montre que CEI a rempli toutes les exigences demandées par Adobe et constitue également un gage de qualité pour tous nos étudiants.
• CEI est un centre de formation agréé par Apple . Par conséquent, nos étudiants pourront obtenir la certification professionnelle Apple et faire progresser leur carrière dans les technologies de la conception et de l'information, les environnements commerciaux et les marchés B2B.
• IBM nous fait confiance et pour cette raison, ils nous ont décerné le badge IBM Education Partner . Ce sceau récompense les écoles qui maintiennent et promeuvent une formation de qualité.
• Notre école est consolidée en tant que centre de formation Maxon de référence en Espagne et nous sommes devenus la 1ère école en Europe à être Maxon Training Provider pour R18 .

Module de conception Web avec HTML5, CSS3 et Javascript

01- Conception Web, HTML5 ET CSS3

Introduction à l'utilisation du matériel informatique

Systèmes d'exploitation:

• les fenêtres
• Mac
• Linux

Installation et gestion du logiciel:

• Navigateurs
• Éditeurs de texte

Système de fichiers et dossiers

• Créer des fichiers et des dossiers
• Organisation de projets web
• Chemins absolus, relatifs et URL

navigation sur le Web

Principes d'administration de réseau

Architecture client-serveur

Serveurs et protocoles

• Certificats SSL
• HTTP / HTTPS
• FTP / SFTP / FTPS

Équipe client

Introduction aux routeurs et commutateurs

DNS (domaines et IP)

• IP publique
• IP locale
• Noms de domaine

Hébergement, logement et DPC

Principes de base pour la création de sites Web statiques

• Langages utilisés (HTML5 et CSS3)
• Flux d'exécution du code
• Structure visuelle d'un site Web

Principes d'utilisabilité et d'accessibilité

Prototypage d'un site Web (UX / UI)

• Interface utilisateur (Marvel)
• Expérience utilisateur (InVision)

HTML5

• Balises et attributs
• Sémantique et utilisation
• Norme et structure du document HTML5
• commentaires
• Paragraphes, titres et formats de texte
• Multimédia (images, audio et vidéo)
• Liens et boutons
• Listes
• Tableaux
• Formes
• iFrames
• Balises Meta
• Favicom

CSS3

Lien CSS

Sélecteurs et pseudo-sélecteurs

Attributs

• Couleurs
• Argent
• Format et transformation des textes
• Hauteur, large
• Bords
• Marges
• Fourrages
• Positions
• alignement
• Ombré et dégradés
• Opacité
• Transformations
• Filtres

Pseudoclasses (actif, survol, vérifié, premier enfant, dernier enfant, nième enfant)

Pseudo-éléments (après, avant)

Importation et implémentation de polices (média et font-face)

Importation et implémentation d'icônes (polices et SVG)

Variables CSS

Animations CSS (images clés)

Indexation mobile d'abord

• Structures générales (flotteurs)
• Structures simples (Flexbox)
• Structures complexes (grille CSS)

Frameworks et API

• Bootstrap 4
• Se concrétiser
• Conception matérielle

Internet

• Créer un domaine
• Créer un hébergement Web
• Connexion et téléchargement d'un site Web sur le serveur

SEO

• Associer le Web à la Google Search Console
• Implémentation de lien canonique

02- Développement Web (Front-End)

JavaScript

• Introduction à la programmation frontale
• JavaScript. Syntaxe générale
• Inclure JavaScript dans les documents HTML
• JavaScript dans les pièces jointes
• JavaScript dans le code HTML
• JavaScript. Variables et opérateurs
• Variables locales et variables globales
• Variables numériques
• Méthodes pour les variables numériques
• Opérateurs d'affectation
• Opérateurs d'incrémentation et de décrémentation
• Opérateurs mathématiques
• Chaînes de texte (chaînes)
• Méthodes pour les chaînes de texte
• Variables non définies
• Variables NULL
• Variables NaN
• Opérateurs logiques en JavaScript
• Opérateurs relationnels

jQuery

• Introduction à Jquery
• Étapes pour utiliser jQuery
• Premier script avec jQuery
• Bases de JQuery: ajout et suppression de classes CSS
• Principes de base de JQuery: afficher et masquer les éléments de la page
• Bases de JQuery: Effets rapides avec jQuery
• Bases de JQuery: rappel de fonction jQuery
• Bases de JQuery: Utilisation d'Ajax de base avec jQuery
• Bases de JQuery: Ajax jQuery avec message de chargement