Formation WEB

  • Adobe MUSE CC                                                                                                                                            3 jours / 21 h

    Créez un site web facilement avec ce logiciel  de conception et d'animation  web

    3 jours  1200 € HT   21 HEURES

    Objectif : Produire un site web de qualité comportant des galeries d'images, menus, contenus dynamiques et formulaires de contact

     

    Public concerné

    Concepteurs de pages Web, responsables de sites Maquettistes et graphistes

     

    Prérequis

    Bonne pratique de l'outil informatique

     

    Programme de la formation

     Interface du logiciel :

    · Approche globale de la conception web.

    · Modes d'affichage

    · Barre d'outils et barre de contrôle

    · Organisation des panneaux

    · Gestion des couleurs

    · Réglage des préférences

     

    Gabarits et mise en page :

    · Utilisation des gabarits

    · Mise en page des gabarits

    · Propriété de la page

    · Choix des couleurs

    · Modification des repères de page

     

    Compositions graphiques

    et gestion du texte :

    · Utilisation de blocs rectangulaires

    · Mise en forme graphique

    · Utilisation des styles de blocs

    · Utilisation de groupes et verrouillage d'éléments

    · Gestion des plans

    · Utilisation de l'outil texte

    · Mise en forme des caractères et des paragraphes

    · Utilisation de styles de caractères et de paragraphes

    · Habillage des images

    · Insertion d'images et mise en forme

    · Recadrage des images

    · Utilisation d'images d'arrière plan

     

     Gestion des liens :

    · Mise en forme des liens

    · Lien vers les pages du site

    · Lien vers un site web extérieur

    · Lien dans une page

    · Lien vers une adresse e-mail

    · Options des liens

    · Autres types de liens

     

    Utilisations d'éléments composés :

    · Insertion d'une barre de navigation

    · Personnalisation de la barre de navigation

    · Modification et paramétrage d'un élément

    · Mise en forme

    · Insertion de panneaux de contenus

    · Utilisation des panneaux en accordéon

    · Utilisation des panneaux à onglets

    · Insertion de diaporamas

    · Utilisation d'un diaporama vierge

    · Utilisation du diaporama standard

    · Utilisation du modèle vignette et cadre lumineux

     

    Insertion de Widgets :

    · Utilisation du widget gros titres

    · Utilisation du widget Info-bulle

    · Utilisation du widget diaporama Présentation

    · Utilisation du widget diaporama Cadre lumineux

    · Utilisation du widget diaporama Vierge

    · Gestion et options des éléments

    · Modification et personnalisation du widget

     

     

  • Adobe Dreamweaver CC                                                                                                                               3 jours / 21 h

    Savoir construire et enrichir son site web avec ce logiciel dédié aux fonctionnalités responsives

    3 jours  1200 € HT   21 HEURES

    Objectif : apprendre à bien utiliser les ressources de l'éditeur HTML Dreamweaver afin de créer un site Web, de sa conception jusqu'à sa publication.

     

    Public concerné

    Concepteurs de pages Web, responsables de sites Maquettistes et graphistes.

     

    Prérequis

    Il est nécessaire de maîtriser parfaitement la micro-informatique et Internet en tant qu'utilisateur.

     

    Programme de la formation

    De l'édition de pages à la gestion de sites

    Le site Web et sa gestion

    L'organisation du travail

     

    L'infographie adaptée à Internet

    La conception de sites, le design graphique

    Contexte du projet, publics, types de contenu

    Les problèmes de compatibilité

    Structure de documents, HTML, les styles et leur utilisation.

     

    Les éléments de mise en pages Web

    L'insertion des éléments

    Le travail sur les textes

    Les liens hypertextes

    Le travail sur les tableaux et les images

    La mise en page à l'aide de blocs

    Affichez le détail du modèle de boîte CSS

    Activation/désactivation des propriétés CSS

     

    Gestion du site

    Paramétrage

    Publication FTP

    Préparation au référencement

     

    Les outils avancés

    Les formulaires (initiation)

    Les feuilles de style CSS

    Le principe des pages dynamiques BrowserLab :

    Prévisualisez les pages web dynamiques et le contenu local

    avec plusieurs outils d'affichage.

     

    Mises en pratique

    Créer, modifier, contrôler et maintenir un site avec Dreamweaver

    Créer des pages Web intégrant texte et images

    Insertion de fichier Adobe Photoshop ou Illustrator natif dans Dreamweaver

    et créer un objet dynamique. (Dreamweaver CS5)

    Utiliser les tableaux pour la mise en page (pour e-mailing)

    Mettre en œuvre les différents types de liens

    Créer et gérer des blocs

    Réaliser un formulaire simple

    Gérer la compatibilité pour les navigateurs

    Travailler avec les feuilles de styles CSS

    Préparer le site en vue de son référencement dans les moteurs de recherche

     

    Publier le site avec FTP

     

     

  • Adobe Flash CC                                                                                                                                             3 jours / 21 h

    Logiciel incontournable de conception et d'animation web.

     

    .

    3 jours  1200 € HT   21 HEURES

    Objectif :  optimiser ses méthodes de développement afin de créer des animations Flash permettant de rendre un site plus animé. Réaliser des animations interactives responsives lisibles sur les mobiles

     

    Public concerné

    Cette formation s'adresse à tous les professionnels Webmaster, Webdesigner, Intégrateur Web, Graphiste

     

    Prérequis

    Bonne maîtrise de l’environnement Windows

    Être familiarisé avec les principes de navigation sur internet

     

     

     

    Programme de la formation

    Introduction

    Présentation du  concept d’une animation Flash – Acquérir une méthodologie d’approche d’un travail

     

    Les bases

    Prendre en main les outils de dessin – Travailler le texte – Modifier la couleur et la couche alpha – Importer des fichiers Illustrator ou Photoshop : leurs caractéristiques – Vectoriser des fichiers Bitmap

    Gestion des calques

    Les symboles et les bibliothèques

    Créer, modifier et gérer : Graphique et Clip

     

    Présentation de la scène

    Utiliser les images-clés dans la ligne de temps – Travailler avec les occurrences sur la scène – Créer des animations par l’interpolation classique ou non, le morphing, les guides de déplacement et les masques

     

    L’organisation

    Optimiser les fichiers pour une lecture en direct – Utiliser les formats d’exportation (SWF, EXE, APP…) : leurs réglages

     

    Les séquences

    Mettre en œuvre des séquences pour des animations

     

    Le son et la vidéo

    Intégrer du son – Connaître les différents formats supportés – Créer des fichiers FLV – Importer en FLV avec un composant de lecture

     

    L’interactivité

    Mettre en place des actions sur la scène – Utiliser les principales commandes en AS3 – Convertir ou créer en HTML 5 et Canvas pour la portabilité

     

     

  • Adobe Edge Animate CC                                                                                                                               3 jours / 21 h

    Logiciel de création de contenus interactifs et d'animations en html5

    3 jours  1100 € HT  21 HEURES

    Programme de la formation

    Préparation du travail :

    Approche globale de la conception animée.

    Mise en place d'un plan de réalisation.

    assemblement et préparation des éléments textes, images.

     

    Les bases de la réalisation :

    L'interface du logiciel.

    Les différentes fenêtres de l'application.

    Les différents outils de dessin.

    Le choix de la couleur.

    Le scénario, principes de construction de l'animation.

    Les images clés automatiques.

    Les transitions automatiques.

    Les accélérations.

    Utilisation de la Bibliothèque.

    Réalisation d'un symbole.

    Gestion du temps et des déplacements.

    Les éléments de composition :

    Importation d'une image.

    Gestion des textes et paramétrages typographiques.

    Principes de réalisation d'éléments imbriqués.

    Les formes, les groupes et les objets de dessin.

    Réaliser un symbole de type graphique.

    Utilisation des ombres et des coins arrondis.

     

    Animations & Actions :

    Création d'images clés.

    Les effets d'animation avec la rotation, la transformation

    Les effets de transparence.

    Insertion d'une étiquette.

    Insertion d'un déclencheur.

    Insertion d'une durée.

    Partage d'effets de transition.

    Accélération et décélération des interpolations de mouvement.

    Réalisation d'ombres portées animées.

    Définition des noms d'occurrences.

    Principes de positionnement du code.

    Premières écritures de code JavaScript.

    Programmation d'actions sur le scénario et les éléments graphiques.

    Actions et interactivité sur les éléments d'animation.

    Pilotage de la tête de lecture dans le scénario.

    Faire un lien internet (url d'un site web ou d'une adresse email).

    Construction d'un menu de navigation.

    Recopier les animations, gain de temps.

    Exportation et publication

    Exportation en HTML 5 optimisé.

    Exportation en Package de déploiement animate

    Exportation en iBooks / OSX dashboard.

    Utilisation de la scène de préchargement.

    Utilisation de la scène de niveau inférieur.

     

    Exercice pratique :

    Réalisation d'une présentation animée en HTML5

    Mini-site et de sa mise en ligne

     

     

     

     

     

    Objectif :  Savoir réaliser du contenu HTML 5 animé et interactif en toute simplicité

     

    Public concerné

    Graphistes, web master, toute personne en charge de la création et de l'animation de pages pour le Web.

     

    Prérequis

    La connaissance du web et d'un système d'exploitation (Windows ou Mac OS). La connaissance d'un logiciel de traitement de l'image est un plus.

     

     

  • Adobe Edge Reflow CC                                                                                                                                  1 jour / 7 h

    Logiciel de mise en forme responsive

    1 jours  500 € HT   7 HEURES

    Programme de la formation

    Introduction

    Qu’est-ce que le design responsive ?

    Edge Reflow et MediaQuery

     

     

    Gestion d’un projet Edge Reflow

    Création de document

    Création de blocs

    Intégration d’images

    Génération des fichiers

    Gestion limitée des modifications

     

    Création d’un gabarit responsive

    Réalisation d’une structure pour une vue Web large

    Réalisation d’une structure pour une vue tablette

    Réalisation d’une structure pour smartphone

    Afficher/masquer les blocs selon le type de résolution

    Modifier l’alignement et l’élasticité des blocs selon le contexte

     

    Export

    Exporter le gabarit responsive vers Edge Code et enrichir en mode Code

    Exporter le gabarit vers Dreamweaver CC et enrichir en mode Code/Création

     

    Atelier

    Réaliser un gabarit responsive pour 3 types d’affichage :ecran, ipad et iphone.

    Objectif :  utiliser Adobe Edge Reflow pour réaliser des gabarits pour site Web responsive.

     

    Public concerné

    Graphistes, web designer, utilisateurs de Edge Animate/Muse/Photoshop CC, intégrateur HTML

     

    Prérequis

    Etre familier du langage HTML5 et de Dreamweaver CC ou avoir suivi le stage Découverte des langages Web et Dreamweaver CC.

     

     

     

  • WordPress                                                                                                                                                    3 jours / 21 h

    Les Participants apprennent à réaliser un site web simple

    Programme de la formation

    Créer un site Web

    Déposer son nom de domaine.

    Choisir l' hébergeur de son site.

    Construire  l'arborescence.

    Structurer  les contenus.

    Organiser la navigation.

     

    Concevoir les pages

    Proposer un contenu de qualité.

    Créer les pages de son site.

     

    Installer WordPress

    Télécharger le logiciel.

    Démarrez l'installation.

    Utiliser le tableau de bord.

    Définir les options générales.

    Régler et paramétrer les médias.

    Ajouter et gérer des extensions.

    Choisir le thème du site

     

    Valoriser les contenus

    Créer des articles et des pages.

    Définir les catégories.

    Ajouter des motsclés.

     

    Préparer et intégrer les images

    Les formats image (PNG, GIF, JPEG)

    Récupérer et modifier des images

     

    Insérer des liens hypertextes

    Entre les pages de votre site Internet.

    Vers d'autres sites.

    Vers une messagerie électronique.

    Vers des fichiers PDF, son ou vidéo.

     

    Compléter et enrichir le site web

    Gérer les thèmes.

    Améliorer l'ergonomie du site.

    Gérer les comptes utilisateurs.

    Les réglages avancés du thème.

    Tester le site en ligne

    3 jours  1200 € HT   21 HEURES

    Objectif : créer un site web simple.

    Incorporer les textes et les images. créer des liens hypertextes.  publier un site web en ligne.

     

    Public concerné

    Toute personne souhaitant créer un site Web

    et le mettre en ligne

     

    Prérequis

    Utilisation fréquente d'internet

  • Joomla                                                                                                                                                          3 jours / 21 h

    Les Participants apprennent à réaliser un site web simple

    Programme de la formation

    3 jours  1200 € HT   21 HEURES

    Objectif : apprendre les fonctionnalités de base de l'administration d'un site Joomla, dans le but d'installer, administrer, et créer le contenu d'un site Joomla

     

    Public concerné

    Toute personne souhaitant créer un site Web

    et le mettre en ligne

     

    Prérequis

    Utilisation fréquente d'internet

    Installation de Joomla

    Pré-requis à l'installation de Joomla

    Installation en local

    Installation chez l'hébergeur

     

    Structure et terme

    Frontend (partie publique)

    Backend (administration)

    Fichiers Joomla

    Base de donnée

     

    Base de l'administration de Joomla

    Présentation des différents menus

    Aide

     

    Contenu

    Création de catégories et sous catégories

    Création du premier article

    Insertion d'hyperliens

    Insertion d'images

    Gestion des médias

    Gestion de la page d'accueil

    Formulaire de contact

     

     

    Menus

    Création et suppression de menus

    Création du module de menu

    Publication/dépublication d'un module

    Positionner et ordonner les modules

    Copier un module

     

    Extensions Joomla

    Composants, modules, plugins et templates

    Installation/désinstallation

    Trouver de nouvelles extensions

    Plan de site

     

    Sauvegarde

    Composant de backup

    Procédure de backup et restauration

     

  • NewsLetter responsive avec Joomla                                                                                                           2 jours / 14h

    Les Participants apprennent construire une newletter responsive à partir de Joomla

    Programme de la formation

    2 jours  900 € HT   14 HEURES

    Objectif :  apprendre à structurer et administrer une newsletter à partir de Joomla

     

    Public concerné

    Cette formation se destine notamment aux salariés d'organisations publiques ou privées souhaitant diffuser leur contenu ou bien communiquer sur leur activité via Joomla dans le cadre de leur métier : équipe communication, responsable associatif, chef marketing, équipe de gestion ou équipe technique, chefs d'entreprise ou assistantes...

     

    Cette formation est dispensée indifféremment sur Joomla 2.5 ou 3.0

     

     

    Prérequis

    Être à l'aise avec l'utilisation d'un ordinateur et d'internet. Maîtriser les bases de Microsoft Word.

     

    Etre au moins familier avec les langages HTML et CSS.

     

    1. Les moyens de partage de votre contenu

     

    2. Le partage par Mail : présentation extensions possibles pour Joomla

     

    3. L'ennemi principal pour les e-mails : Outlook

     

        Déterminer les points sensibles

     

        Comment les contrer.

     

    4. Construction de l'e-mail

     

        Utilisation de template gratuits ou non (question de la responsivité)

     

        Utilisation d'outils externes comme MailStyler

     

        Création de l'e-mail à partir d'une page de votre site web

     

        Le coder soi-même manuellement (Journée complémentaire )

     

        Faire un programme de création manuelle (Journée complémentaire)

     

    5. Gérer ses envois de mails (tests et statistiques)

     

     

     

  • Templates avec Joomla                                                                                                                                3 jours / 21 h

    Les Participants apprennent à modifier leur template et créer une charte graphique sur mesure

    3 jours  1200 € HT   21 HEURES

    Objectif : apprendre à structurer et administrer une newsletter à partir de Joomla

     

    Public concerné

    Cette formation se destine aux utilisateurs avancés souhaitant modifier un template Joomla existant, que cela soit des modifications simples (changer un logo, modifier une couleur de fond, changer la police ou la taille de police, etc) ou plus avancées.

     

    Suivant le niveau et le besoin du ou des apprenant(s), cette formation pourra également aborder la création de A à Z d'un template sur mesure, ainsi que des opérations plus avancées comme la surcharge de templates (template override) permettant la modification de l'affichage de modules et de composants

     

     

    Prérequis

    Avoir une bonne maîtrise de Joomla. Etre au moins familier avec les langages HTML et CSS

    Programme de la formation

    • Présentation du système de templates de Joomla

     

    • Choix, installation et paramétrage d’un template

     

    • Les bons outils pour modifier et personnaliser son template

     

    • Structure d’un template joomla

     

    • Introduction aux langage CSS / HTML

     

    • Créer un template Joomla depuis une page blanche

     

    • Différences entre templates Joomla 1.5, templates Joomla 2.5 et 3.0

     

    • Les fichiers et répertoires utiles au fonctionnement d'un template Joomla

     

    • Le fichier déclaratif XML

     

    • Créer des positions sur un template Joomla

     

    • Positionnement des blocs, manipulations simples en HTML et en CSS

     

    • Packager et installer son template

     

    • Le principe des surcharges (template override)

     

    • Joomla 3.0 : présentation du principe de template responsive et du Twitter bootstrap