FORMATION
WEB DESIGNER
FRONT-END WEB
DÉVELOPPEUR
Ecole Winner : Front de mer, proximite Lycee Pasteur, Oran Algérie
Mob : 0770 36 85 60 – Tel : 0 41 33 39 32
Formation Web Designer:
IDURAR WEB AGENCY & Ecole Winner (Ecole agréée par l’état) offre une Formation en Web
Design / Front-end Developer à Oran, Algérie pendant 10 semaines.
Objectifs :
Cette formation s’adresse aux graphistes / Informaticien qui souhaitent se perfectionner dans
l’ergonomie web et l’intégration HTML/CSS/jQuery. pour devenir un Web Designer / Front-End
Web Développeur.
Comprendre les principes ergonomiques
Savoir appliquer une charte tout en proposant une création pertinente et esthétique. Conception
de page web a l’aide de Photoshop
Découper sa maquette PSD pour l’intégration future
Savoir réaliser une intégration HTML/ CSS.
Apprendre de faire des animations jQuery.
Effectif maximum : 10 personnes
Lieu de la formation : Ecole Winner : Front de mer, proximite Lycee Pasteur, Oran
Chaque Samedi de 9h00 – 12h00 / 14h00 -17h00 – Pendant 10 Semaines.
**** Appelé le 0770 36 85 60 – 0 41 33 39 32 ****
Le programme de la formation :
Photoshop
1/ Apprendre les base de Photoshop
2/ Appliquer l’ergonomie dans un webdesign
3/ Dimension des pages et grilles modulaires
4/ L’apparence d’un site Web
5/ Couleurs et typographies de site web
HTML / CSS / jQuery
1/ A partir de votre maquette Photoshop
Conceptualiser le passage de Photoshop à CSS
Découper les arrière-plans
Gérer les transparences
Comprendre le découpage en boîtes
2/ HTML
La syntaxe de HTML 5 : balisage, attributs et valeurs
La structure de base d’une page HTML
Le modèle de boîte avec les DIV
3/ Comprendre et utiliser les CSS
Comprendre la syntaxe CSS
Créer et utiliser les feuilles de style externes
Les propriétés de mise en forme : caractères, paragraphes et arrière-plan
Le positionnement en CSS
4/ Utiliser les DIV
Paramétrer la taille et le flottement des boîtes
Comprendre le positionnement (dans le flux, absolu, fixé, relatif, flottant)
Comprendrela propriété clear
Introduction au positionnement avancé et au z-index
Méthodologie pratique d’intégration
5/ jQuery
– Les bases de javascript
– Les bases de jQuery
– Utilisation de Plugin
6/ Atelier pratique : intégration de votre PSD en page internet
– Méthodologie
– Structure HTML 5
– Mise en page CSS (entête, menu, contenu, formulaire, pied de page)
– Spécificités : page fluide et centrée sur l’écran, boutons graphiques avec effets de survol