Concevoir et réaliser des pages web graphique public concerné Salariés en CIF et toutes personnes qui interviennent dans la création ou la production de pages Web. pré-requis Niveau bac et + Connaissance de l outil informatique Mac ou PC. Navigation Internet Esprit logique et rigueur Créatif et méthodique Autonome et organisé Bon niveau en cutlture général Sensibilité graphique et visuelle débouchés Toute entreprise, industrie, service, association, ayant des besoins de créer et mettre à jour des sites, débouchant sur des métiers spécifiques : Web Designer, Intégrateur HTML/CSS ou Web Master, Web Développeur. modalités d inscription Lettre de motivation accompagnée d un CV, photo et entretien individuel. evaluation - Evaluation en continu pour l ensemble des modules. - Un projet en fin de stage est à réaliser - Suivi du stage en entreprise avec le tuteur. - En fin de formation entretien avec un jury composé de professionnels. - Le responsable de formation établira une attestation de stage et des compétences acquises. moyens pédagogiques Support de cours ou livre remis à l issue de la formation. Revues spécialisées en art graphique, livres sur la mise en page et la typographie sont à la disposition des stagiaires. lieu Au centre de formation à Caen Formation WEBDESIGNER 2015 (Webmaster / Technicien Intégrateur Web) TOTAL DE LA FORMATION 397H : DU 24 FÉVRIER AU 23 JUILLET 2015 66 JOURS EN CENTRE 397 HEURES (HORAIRES ENCADRÉS) 7 HEURES PAR JOUR, RÉPARTIES PAR : PLAGE HORAIRES ENCADRÉS : 6H/JOUR - DE 8H30-15H30 PLAGE HORAIRES LIBRE DE TRAVAIL : 1H/JOUR - DE 15H30 À 16H30 30 JOURS DE STAGE EN ENTREPRISE DU 01 JUIN AU 03 JUILLET 2015 35 HEURES / SEMAINE - SOIT 210H - 6 SEMAINES La formation wedesigner va vous permettre d avoir un regard artisitique et technique sur la conception et la réalisation d un site web et de devenir un intégrateur web. L INTÉGRATION WEB PROTOCOLE DU WEB/HTML5 ET CSS3 JAVASCRIPT INITIATION JQUERY RÉFÉRENCEMENT MOBILE FIRST, RESPONSIVE DESIGN DESIGN WEB (avec Photoshop) BALSAMIQ MOCKUP ERGONOMIE (responsive design) SYNTHÈSE DÉVELOPPEMENT WEB PHP/MYSQL SYNTHÈSE CMS WORDPRESS SYNTHÈSE STAGE EN ENTREPRISE 114H- 19J 60H - 10J 36H - 6J 6H - 1J 48H- 8J 72H - 12J 60H - 10J 90H - 15J 78H - 13J 6 SEMAINES (210H) PROJET 73H - 12J PRÉSENTATION DU CAHIER DES CHARGES DU PROJET 6H -1J PROJET INDIVIDUEL 60H -10J JURY (présentation du projet devant des professionnels du web) 7H - 1J matériel Par stagiaire un poste de travail nombre de personne minimun 6 personnes maximun 10 personnes
LE MÉTIER CODE ROME E1205 Réalisation de contenus multimédias Le webdesigner est chargé de réaliser les pages d un site web et de créer tout type d éléments graphiques. Il intervient sur la définition du cahier des charges : ergonomie du site, modes de navigation, arborescence, accès aux différentes fonctionnalités transversales, recherche d identité visuelle, élaboration de la charte graphique, maquette, choix des technologies et typologie des médias. En connaissant les contraintes liées aux naviateurs, il réalise le site, le met en ligne et le référence. Il doit pouvoir concevoir et réaliser des sites dynamiques à l aide du langage PHP ou à partir d un CMS. À L ISSUE DE LA FORMATION, LE PARTICIPANT SERA CAPABLE de concevoir et d optimiser des images et des illustrations pour le web d utiliser les logiciels Adobe Photoshop et Balsamiq (soit l ergonomie du site) de répondre à un cahier des charges de concevoir et de respecter une charte graphique web de créer des maquettes de sites de gérer l architecture physique d un site et sa navigation de connaître les balises HTML et CSS et les languages Javascript de savoir mettre en ligne, mettre à jour et référencer un site de concevoir des pages Web dynamiques en PHP/MySql de créer un site attractif, intégrant les nouvelles fonctions d interactivités de réaliser des sites à partir de CMS libres (Wordpress...)
langage HTML et CSS «Grâce à une mise en pages avec les styles CSS et le langage HTML, vous apprendrez à composer des pages web» Acquérir le langage HTML afin de réaliser des pages pour le WEB QU EST CE QU UN SITE WEB? Client et serveur Requêtes et protocoles Ressources Normalisation LANGAGE HTML Sémantique et structure Syntaxe HTML : Les balises Syntaxe HTML : Les attributs Structure d un document XHTML L en-tête Doctype et norme XHTML LE CONTENU TEXTE L encodage Les entités HTML Structure block Structure en ligne Retour chariot Les attributs globaux LES LIENS HYPERTEXTES Liens relatifs Liens absolues La balise A Les ancres Les liens mailto LES IMAGES Formats d images pour le web La balise img La balise object INTRODUCTION DE CSS Présentation CSS en ligne et CSS de document Syntaxe CSS Valeurs colorimétriques Constantes Unité Fonctions URL LA MISE EN FORME DU TEXTE Famille de police Aspect des lettres Ajustement du texte STRUCTURER LE CONTENU D UN DOCUMENT Diviser un document Les identifiants de division Identifiant avec CSS La balise span Les classes CSS MISE PAGE CSS Marges et espacement Largeur et hauteur des blocks Les blocks flottants Positionnement des blocks HABILLAGE CSS Gérer l arrière-plan Utiliser les images de fond Mise en pratique Affichage des blocks et de leur contenu SÉLECTEURS AVANCÉES Sélecteurs d attributs pseudo-format Imbriquer les selecteurs L UTILISATION DES LISTES Les listes à puces Les listes numérotées Les liste de définitions Menu CSS LES TABLEAUX Structurer un tableau simple En têtes de tableau Structure avancée Fusion Mise en forme CSS LES FORMULAIRES Les formulaires simples Balises usuelles Structure avancée Balises complexes Mise en forme CSS
langage PHP MySQL «Créer un site dynamique nécessite l utilisation du langage PHP associé à MySQL, permettant aussi la création du base de donnée.» Acquérir les méthodes de conception de pages Web dynamiques. Gérer les sites web et les bases de données INTRODUCTION Présentation du Langage PHP Environnement de développement Vérifier son serveur LE LANGAGE PHP Les variables et constantes Les commentaires Les types de données Les nombres et les entiers Les chaînes de caractères Tester les variables Les tableaux de données Les structures de contrôle Les fonctions Inclusion de fichier : sécurité Traitement des formulaires Les sessions / les cookies. MYSQL Qu est ce qu une base de données Concevoir une base de données Utiliser PhpMyAdmin Requêtes manuelles PHP & MYQL Afficher des données avec PHP Enregistrer des données Gérer les erreurs PRODUCTIVITÉ Philosophie / structurer son code Arborescence PRATIQUE Gestion du cache Upload des fichiers
CMS Word Press Acquérir les méthodes de conception de pages Web dynamiques. Gérer les sites web et les bases de données INTRODUCTION : Présentation et Historique Exemples d utilisations (Blog, CMS, ) articles, catégories, pages, commentaires, thème, tags INSTALLATION : Comment obtenir WordPress Joomla Pré-Installation sur un serveur local : Installer un serveur local avec WAMP Paramétrer le serveur local (fichier «hosts» et «virtual hosts») Placement des fichiers Création de la base de données Installation UTILISATION Faire la connaissance : partie publique, partie privée, fonctionnement Changer l apparence grâce aux thèmes : installation, activation S organiser avec les articles, catégories et pages Publier son premier article COMMENT ÉCRIRE POUR LE WEB Interface de publication Insertion d images Insertion de vidéos Insertion de documents Gérer la publication Gestion des articles, des catégories, des pages, des commentaires La bibliothèque des médias Les Widgets GESTION Les utilisateurs Options générales Options d écriture Options de lecture Maintenir votre site à jour Le référencement
Javascript «Javascript est un langage de scripts simplifié, qui permet de rendre les pages d un site web interactives et dynamiques.» Créer et mettre en place un blog ou un site web Maitriser l outil WordPress INTRODUCTION Insérer un script JavaScript dans une page Html Les Variables Les Types de données Les Opérateurs Les Structures Conditionnelles Les Fonctions Les Objets OBJET STRING La Concaténation de chaînes La Recherche de caractères Supprimer un caractère Formatage Html d une chaîne de caractères LES TABLEAUX Créer un tableau Utiliser les Index Obtenir une partie d un tableau Inverser les éléments d un tableau Trier les données d un tableau Créer une chaîne de caractères à partir d un tableau OBJETS MATH ET DATE Générer un chiffre aléatoire Arrondir une valeur Déterminer la date. Opérations sur les dates. Récupérer les valeurs d un objet Date LES FORMULAIRES Rappels sur les Formulaires HTML Les Evénements associés La Collection des objets d un formulaire Vérifier un Champ de saisie Vérification globale d un Formulaire OBJET IMAGE Les propriétés de l objet image La collection des objets images Précharger les images Réaliser un Rollover Création d un Diaporama LES CALQUES Créer un calque par JavaScript Animer un calque Faire suivre le Pointeur par une image Créer une Info-bulle personnalisable Un Menu déroulant Un texte Défilant à l horizontal LES FENÊTRES Contrôler la Navigation Une fenêtre toujours Visible Une fenêtre Popup Animer une fenêtre Redimensionner une fenêtre
JQuery «jquey permet de gagner du temps dans le développement d applications Javascript.» Créer et mettre en place un blog ou un site web Maitriser l outil WordPress INTRODUCTION Fonctionnement de jquery Intégration JQuery sur une page HTML SÉLECTEURS CSS Sélectionner les balise HTML Sélectionner les ID CSS Sélectionner les class CSS Filtres ATTRIBUTS Manipulation des attributs Manipulation des classes Manipulations du contenu et des valeurs EVENEMENTS Fonctionnement du gestionnaire Evènements standard (Navigateurs, formulaires) Evènement sur la souris Evènement sur le clavier EFFETS Apparition et disparition Mouvement et transitions Fonction Animate Déclenchement d effets et imbrication d effets MANIPULATION DU DOM Insérer du contenu Supprimer du contenu Modifier du contenu AJAX Principe de communication avec un serveur Traitement des formulaires Interaction dynamique sur la page Requêtes POST et GET, format JSON PLUGINS Rechercher et installer un plugin jquery Test et modification de plugin (selon les besoins et compétences des stagiaires)
Ils nous ont fait confiance! Adcis SA Afpa AGEFOS PME ORNE Aloha communication Anne Fontaine SAS Apic Association du Signe Association ST Angèle Association Vent de Soleil Astra tech France Atelier cousu mains Aucame Baclesse Centre Francois Baf Bastide Bibliothèque de Caen Bon séjour la plage Bosch (sa) Cadeau Relation Caen La Mer Caen Repro Imprimerie Caf de Normandie Cahier du Temps Caisse d Epargne Basse Normandie Carriere de Mouen CCI de CAEN Centre d Animation Hérouville Centre Francois Baclesse Centre Hospitalier spécialisé de Caen CFAI Caen Chambre des métiers et de l Artisanat Cicd Louvigny CID Deauville CLIC Cnam Collectif Jazz de Basse Normandie Communicaen Conseil Général Conseil Régional de Basse Normandie Conservatoire d espace naturel de BN Corlet Imprimerie Coulidoor sas CPIE Vallée de l orne CPIE Cotentin CRCI Crecet Crédit Agricole CRIF Basse Normandie Decathlon Mondeville Direccte BN E2SE écoles supérieure Eau Seine Normandie Forcemat Forco Foyer du soleil Géréso Gigan Raymond Gossé GRAB I.M.E Binet (78) IDAC Ips Irqua Normandie Itibanor cfa industrie Julien Boisard( Photographe) La Manche Libre (50) La part du Colibri Laboratoire Gilbert Legallais Bouchard Ligue D Enseignement de B.N Mairie Bagnoles de l Orne Maison de l image Basse Normandie MEF Mondeville Animation Musique en Normandie Naxitis Normandie Endo Technologie NXP semiconductors ODAC Opac CGM paris Oriff-pl Pages Jaunes Parc Naturel Régional des Marais (50) Pays du Bessin Virois Pescanova Presses universitaire de CAEN PRN (Carpiquet) Quadria Récréa Parc du Citis Hérouville Réussir Presse Rêve de Lune (Photographe) RFM Normandie SA Doux Frais (Père Dodu) Seroc Bayeux Sinay SNC Thanor(Ouistreham) Synergia Système U Nord Ouest Tendance ouest Todds SAS Universite de caen Valeo Valois SA WHARF Centre d Art Dramatique Webhelp