Introduction au web (3,5h)- Protocoles du Web.
- Les serveurs : web, smtp, FTP, BDD.
- Navigateur web: installation et configuration d'IE, Firefox, Chrome, et plugins.
- Influence du système d’exploitation.
- Les différents formats d'écran.
- Les formats d'images et les polices de caractères utilisées.
Photoshop pour le web (35h)
Optimisation des sources pour le web (14h)- Modes colorimétriques et résolution d’image pour le web.
- Optimisation colorimétriques pour la sortie écran.
- Gestion des transparences pour le web.
- Utilisation de l'outil tranche.
- Les formats JPEG, GIF, PNG, SVG.
- Optimisation et exportation pour le multimédia.
Création d'éléments pour une interface web (21h)- Zone de travail en pixels, tailles d'écran.
- Espace de couleur web, code hexadecimal.
- Motifs et background de pages.
- Boutons et barres de navigation.
- Préparation d'une image survolée.
- Création d'icones pour interfaces web.
- Utilisation du vectoriel.
- Création d'une bannière de site.
- Gif animé.
- Créer une 'favicon'.
- Monter une interface complète avec Photoshop.
- Préparation à l'intégration Html/Flash.
Flash/Action script (140H)Animation vectorielle avec Flash (70h)Introduction : - A quoi sert le logiciel Flash ?
- Formats de fichier.
- Comment exploiter les SWF ?
Environnement de travail : - Creation nouveau document.
- Notion d'espace/temps de l'animation.
- La scène, espace de travail.
- Le scénario (la timeline).
- La palette Propriétés.
- Interface coomplète.
Création de formes vectorielles : - Création de formes géométriques.
- Outils crayon et pinceau.
- Options d'outil.
- Fond et contour d'une forme.
- Gestion couleur et nuancier.
- Sélection et fusions automatiques.
- Dégradés de couleur.
- Importation formes vectorielles.
Transformations : - Transformation manuelle et options.
- Fenêtre Infos et Transformer.
- Propriétes.
Gestion du texte : - Insérer du texte dans une animation.
- Mise en forme d'un texte.
- Options de texte statique
- Transformer du texte en forme
- Options de texte dynamique/de saisie
Gestion du scénario (timeline) : - Images et images clés.
- Créer/supprimer images et images clés.
- Déplacer une image clé.
- Gérer les calques.
- Options d'affichage du scénario.
- Onions skins et modifier plusieurs images.
- Contrôle lecture.
Symboles et occurences : - Définition d'un symbole.
- Définition d'une occurrence.
- Gestion de la Bibliothèque.
- Création d'un symbole de type graphique.
- Création d'un symbole de type bouton
- Création d'un symbole de type clip.
Interpolations et animations prédéfinies : - Interpolation de mouvement.
- Options d'interpolation de mouvement.
- Interpolations de forme.
- Masques et guide de mouvement.
Action Script (70h)- Introduction à l'AS 2, notion de langage orienté objet.
- Types d'objets, propriétés, méthodes, evenements.
- Gestionnaire d'événement.
- Navigation dans l'animation.
- Contrôle d'une occurrence.
- Notions d'Algorythme.
- Mouvement et interpolations dynamiques.
- Gestion du son.
- Gestion de la video.
- Gestion du texte dynamique.
- Temporisation d'une animation.
- Interface dynamique (dessin, chargements).
- Migration vers l'AS 3
Créer et gérer un site internet avec Dreamweaver (35h) Qu'est ce qu'un site internet : - Site local et site distant.
- Hébergement et nom de domaine.
- Architecture et navigation.
- Types de données et technologies.
- Etude de cas.
Gestion d'un site avec Dreamweaver : - Déclaration d'un nouveau site.
- Définition du site local.
- Définition du site distant.
- Gestion des dossiers et des fichiers du site.
- Rôle du cache dans Dreamweaver.
Création et paramétrage d'une page Html : - Types/entêtes et codage d'une page Html.
- Code Html de base.
- Modes aperçu et code.
- Propriétes de la page.
- Taille de la fenêtre de travail.
- Enregistrement.
- Aperçu dans le navigateur.
Insertion et paramétrage d'objets Html sur la page : - Paramétrage du texte.
- Feuilles de styles CSS externes.
- Insertions d'objets images.
- Modes de mise en forme de pages.
- Mise en forme à l'aide de tableaux.
- Positionnement à l'aide de div.
- Organisation de formulaires.
Liens hypertexte et avancés : - Différents types de liens hypertexte.
- Styles et pseudo classes.
- Liens JavaScript et comportements.
- Vérification des liens.
- Affichage de la carte du site.
Publication et référencement : - Référencement manuel vs solutions commerciales.
- Moteurs, Google, WebRank.
- Balises Meta.
- Optimisation du code.
- Outils de gestion et veille.
- Publication FTP.
Construire un template xHTML+CSS valide w3c (168h)Acquérir les bases du langage HTML/XHTML (70h)- Développer avec le langage xHTML : définir la structure d'une page.
Les balises d'en tête : - La DTD Définition de Type de Document.
- Les balises Méta.
- Les liaisons avec des feuilles de style et scripts externes.
Les balises du corps : - Les types de balises : inline /block.
- Présenter du texte : titre, paragraphe…
- Intégration d’images.
- Les liens et les ancres.
- Les balises de formulaires.
- Les tableaux.
- Les listes.
- Les balises div et span.
Appliquer une mise en forme sur une structure xHTML : les styles CSS (70h)Acquérir les bases des CSS: - Ou définir ses styles ?
- Feuilles de styles selon le type de media.
- Feuilles en cascade.
- Charger des styles selon le navigateur.
Maitriser la syntaxe CSS: - Sélecteur de type.
- Sélecteur de classe.
- Sélecteur ID.
- Sélecteurs descendants, enfants…
- Les pseudo-classes et pseudo-éléments.
- Le regroupement
- Spécificité des sélecteurs
Connaître les propriétés CSS: - La notion d'héritage.
- Les polices.
- Propriétés CSS.
- Le positionnement.
- La fusion des marges.
- Utilisation du display.
- Mettre en œuvre la technique des portes coulissantes.
Réalisation de menus full CSS basés sur des listes à puce (7h)Réalisation de templates complets HTML+CSS (21h)Dynamiser son site avec PHP et MySQL (157,5h).Acquérir les bases du langage PHP 5 (84h)- HTML et PHP.
- Notions de client/serveur installation de WAMP.
Comprendre les variables et les opérateurs: - Types de données.
- Opérateurs.
- Variables et constantes.
- Variables tableaux.
- Interruption de script.
Utiliser les Variables prédéfinies: - Les superglobales $_GET / $_POST / $_SERVER.
- Transmettre des données par les méthodes post/get.
Mettre en place une structure de contrôle:
- if (condition) ... else, if (condition)... elseif(condition2)...else et switch.
Utiliser des boucles itératives: - Boucles for, while, dowhile et foreach.
- instructions : continue, break.
Créer des fonctions utilisateurs et utiliser les fonctions PHP: - Fonction utilisateur Arguments valeur et référence.
- Retour de valeur : return.
- Portée des variables.
- Fonctions PHP intégrées (include, isset, exit...).
Utiliser les variables de sessions / Cookies: - Gestion de cookies.
- Utilisation des sessions.
- Redirections.
- Authentifications sécurisées avec les sessions.
Savoir gérer des fichiers en PHP: - Ouvrir / créer un fichier.
- Lire/écrire dans un fichier.
- Instructions d'appel et d'inclusion.
Mettre en place une BDD MySQL pour son site (21h)Acquérir les bases des requêtes MySQL: - Présentation, analyse et conception.
- Installation de MySQL.
- Droits des utilisateurs.
- Type de tables / de champs.
- Les jeux de caractères et les inter classements.
- Créer table.
- Créer index / clef primaire.
- Projection.
- Restriction.
- Jointure.
- Insertion / modification d'enregistrement.
- Administration par l'interface PHPMyAdmin.
Accéder aux données MySQL avec PHP: - Connection à une base de données MySQL.
- La fonction mysql_query().
- Notion de fetch.
- Requêtes SQL en PHP.
- Mise à jour et insertion de données.
Utiliser la bufferisation de sortie et la mise en cache (3,5h)- La temporisation de sortie.
- Méthode de mise en fichier cache.
Réalisation d'un emailing (7h)- Création et expédition d'email au format html avec une alternative au format text.
- Ajout de pièces jointes.
Télécharger une image et création de miniature avec l'extension GD2 (14h)- Upload http de fichier.
- Créations d'images miniatures par du code.
Déployer un CMS Open Source : Joomla (28h)- Présentation des cms.
- Installation de joomla.
- Configuration Créer, organiser, enrichir son contenu.
- Mettre en place la navigation du site.
- Ajout de composants : Boutique, Forum...
- Ajout de module Ajout et modification de templates.
Enrichir son interface client avec Javascript (42h)Acquérir les bases du langage Javascript (21h)- Insertion du code javascript dans la page HTML.
- script interne.
- script externe.
Comprendre les variables et les opérateurs: Mettre en place une structure de contrôle: - if (condition) ... else, if (condition)... elseif(condition2)...else et switch.
Utiliser des boucles itératives: - Boucles for, while, dowhile et foreach.
- instructions : continue, break.
Créer des fonctions utilisateur: - Arguments.
- Retour de valeur : return.
- Portée des variables.
Objets prédéfinis : méthodes, attributs et événements: - L'objet String, l'objet Math, L'objet Array.
L'objet Window: - Ouvrir et contrôler une fenêtre.
- Utiliser les boites de dialogue : alert, prompt, confirm.
L'objet formulaire et ses éléments : valider les saisies utilisateur: Contrôler les CSS et le xHTML avec Javascript (14h)- Méthodes de document : getElementById /getElementsByTagName/innerHTML.
- objet style.
- Le DOM.
- Structure d'un document : les nœuds.
- Ajouter des éléments xHTML dynamiquement.
Utiliser les librairies javascript : jquery (7h)- Comprendre le fonctionnement de jquery.
- Mettre en place un scroller d'images.
- Mettre en place une Lightbox.
Échanger des données de manière asynchrone avec AJAX (7h)- L'objet HttpRequest.
- La zone de réception.
- Envoi de la requête.
- Réception de la requête.
Publier son site (3,5h)- Mise en ligne : FTP & BDD.
- Référencement.
- Outils de statistique et d'analyse : Google Analytics / Outils webmaster.
Valoriser son Accès à l’ Employabilité (13,5h).Projet tutoré à travers un fil rouge : création d'un site type CMS (35h). - Application des différents enseignements sur la durée de la formation.
|