Formations Marseille centre

--

Formations Infographie : Titre profesionnel [Bac+2] Infographiste Multimédia le 15/02/2010

/

Formation Infographiste Maquettiste le 12/04/2010

--

Formation Web : Nouvelle session formation Web designer le 18/05/2010

--
     

Public

Infographistes désirant acquérir des compétences complémentaires dans le domaine du web.


 

Planning

STAGE EN CENTRE
640 h

STAGE EN ENTREPRISE
140 h

DATES
Web designer Session 1
du 01/12/2009 au 21/05/2010

Web designer Session 2
du 18/05/2010 au 16/11/2010

 

Moyens pédagogiques

Cours théoriques illustrés par des démonstrations sur rétro-projecteur, suivies d'exerices pratiques sur machines de développement Windows XP disposant de la suite Adobe et d'un accès internet. Cours en ligne au fur et à mesure de la progression.
 
Accueil Formations Web Web designer

Programme Web designer

PDF Imprimer Envoyer

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:

  • Variables.
  • 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.
 

Formations web, infographie, tourisme à Marseille

Inscription

Contacter Mach3 Informatique au 04.91.33.45.90 ou par email

Les Candidats doivent nous faire parvenir un CV, une lettre de motivation ainsi qu'une prescription de son référent (pôle emploi, cap emploi, mission locale, pôle appui...) attestant du bien fondé de sa demande.

 

Ingenium Formation

Mach3 - Alpha Langues
6, rue du Jeune Anacharsis
13001 Marseille
Tél : 04 91 33 45 90
Fax : 04 91 13 75 56

Newsletter



Recevoir du HTML?

Actualités
Planning des formations
Nous avons 33 invités en ligne