Fermer
Abonnés : il y a maintenant un Chat en ligne.
Stages Web : Formations aux technologies et à la communication Web
Méthode et créativité : Le web est un média au même titre que le Print et l'Audiovisuel
Depuis 1992, nous aidons les acteurs des entreprises à intégrer les technologies internet dans leur pratique professionnelle :
- Chefs de projet Web
- Responsables de clientèle
- Unités de marketing opérationnel
- Responsables de communication Web
- Contributeurs Web…
Notre objectif est toujours une fonctionnalité opérationnelle à l'issue des stages de formation Web.
Notre veille permanente auprès des entreprises acteurs du e-commerce garantit la mise à jour continue de nos programmes.
Découvrez ces programmes pratiques qui répondent aux problématiques Web actuelles.
Rédaction Web
Adapter son écriture aux mécanismes de lecture de l'écran
La transposition des contenus "papier" au Web ne peut se faire par simple copier-coller. Elle impilque restructuration et re-écriture
Les responsables d'unités d'affaires, les contributeurs Intranet, Internet ou de bases de données GED
ont besoin d'une formation spécifique pour adapter leur pratique rédactionnelle à l'écran et au média Web.
Nous formons les plus grandes entreprises à cette approche rédactionnelle nouvelle depuis 1997.
Public : Responsables éditoriaux, responsables d'unités d'affaires, contributeurs Intranet/Internet, rédacteurs GED.
Objectif : Comprendre les mécanismes de lecture Web. pour trouver un style rédactionnel efficace
Durée : 2 journées (13 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Sur des exemples pratiques (fournis) les stagiaires mettent en pratique les acquis.
On travaillera également sur les fichiers des participants s’ils le souhaitent.
Une méthode en 3 étapes
1-Comprendre les mécanismes de lecture Web
- Lecture linéaire ou aléatoire?
- Mode texte-Mode Image
- les 3 étapes de la lecture
- Eye tracking
- Hypertexte et fuite des lecteurs
- Navigation et liens explicites
2-Trouver les réponses techniques adaptées
- Retravailler les mots, les phrases et les unités de lecture
- Appliquer le bon plan et structurer les pages
- Résoudre le cas des infos techniques
- Intégrer la rédaction dans une démarche marketing
3-Faire la différence avec style
- Définir une approche stylistique : ton, rythme, contraste
- Qualifier les produits et services
- Établir une charte rédactionnelle qui soit appliquée
Ergonomie Web
Conception centrée utilisateur
Les enjeux d’une démarche ergonomique cohérente ne sont plus à démontrer :
Un site où les clients ne trouvent pas facilement les informations voit ses ventes potentielles divisées par 2.
40% des visiteurs ne reviendront pas sur un site où ils ont eu une mauvaise expérience utilisateur.
Public : Responsables marketing, Chefs de projet et Web designers
Objectif : Améliorer les performances d’un Site Web en assurant les règles de base de l’ergonomie écran (visibilité, lisibilité, navigabilité)
Durée : 2 journées (13 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Exposé participatif.
Une méthodologie en 5 étapes :
1-Centrer la conception sur l’utilisateur
- Éléments de psychologie cognitive
- Comprendre les processus de lecture et de navigation des visiteurs
- Eye tracking et Heatmapping
2-Diagnostiquer Analyse concurrentielle méthodique
- Conduite de tests : les méthodes et les outils logiciels
3-Architecture de l’information
- Méthodes de construction des schémas fonctionnels : tri de cartes…
- Comment préparer une arborescence efficace
- Comment répartir l’information
4-Mise en page Web Modèles à 4 variables.
- Règles de conception
- Structurer toutes les pages Web
- Ergonomie appliquée : Page d’accueil, formulaires, menus
5-Mesure des résultats
- Comment exploiter les statistiques d’audience
- Comment prévoir une maintenance évolutive efficace
Dreamweaver 1 : Construire et administrer
Formation de base sur Dreamweaver. Idéale si vous êtes débutant, ou si vous vous êtes formé "sur le tas" et voulez rationaliser votre pratique.
Public : Webmasters, Contributeurs Web, Responsables d'édition, Graphistes
Objectif : Acquérir les bases pour pouvoir créer un site web avec Dreamweaver
Durée : 2 journées (13 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Sur des exemples pratiques (fournis) les stagiaires mettent en pratique les acquis.
On travaillera également sur les fichiers des participants s’ils le souhaitent.
L'environnement de Dreamweaver et les notions de base
- Comprendre parfaitement l'interface de Dreamweaver et apprendre à exploiter le logiciel de façon optimale
- Intégrer les nouveautés des dernières versions de Dreamweaver
- Structure de site avec Dreamweaver
- Création des éléments de base d'une page HTML avec Dreamweaver
Intégration des images avec Dreamweaver
- Insertion, redimensionnement, positionnement
- Habillage texte
- Boutons, boutons Flash
- Animations, animations Flash
Liens avec Dreamweaver
- Liens Hypertexte
- Liens sur images
- Liens de messagerie
- liens vers des ancres
- Liens sur des Images cartographiées (Images Maps)
Tableaux et mise en Forme avec Dreamweaver
- Mode standard et mode mise en forme
- Aspects du tableau : espacements et bordures
- Insertion d'éléments : textes, données tabulaires, images
Interactivité avec Dreamweaver
- Images survolées (rollover)
- Comportements
- Ouverture de fenêtres (pop-up window)
- Menu déroulant
- Vérification du navigateur
Gestion de site avec Dreamweaver
- Explorateur de fichiers
- Carte de site (arborescence)
- Connexion FTP
- Mises à jour
- Voilage
- Archivage et extraction
Formulaires avec Dreamweaver
- Création et modification (balises)
- Étude des types de Champs et de boutons
- Validation
- Test
- Menus de reroutage
Automatisation des éléments récurrents avec Dreamweaver
- Éléments de bibliothèque
- Feuilles de styles en cascade (CSS)
- Modèles (templates
Gestion des extensions de Dreamweaver
- Ajout et utilisation d'extensions
- Création d'extensions
Dreamweaver 2 : Gérer l'interactivité
Formation pour les utilisateurs qui ont déjà une première expérience de Dreamweaver et qui veulent aller plus loin.
Public : Webmasters, Contributeurs Web, Responsables d'édition, Graphistes
Objectif : Utiliser les nouvelles techniques Ajax/CSS pour dynamiser son site Web
Durée : 2 journées (13 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Sur des exemples pratiques (fournis) les stagiaires mettent en pratique les acquis.
On travaillera également sur les fichiers des participants s’ils le souhaitent.
Organiser une structure sémantiquement correcte avec Dreamweaver
- Approfondir les systèmes XHTML/Div/CSS
- Connaître les options de mise en page avancée : Colonnes fixes, extensibles, élastiques
- Positionnement relatif, absolu, flottant
Comment Dreamweaver permet d'optimiser ses CSS
- Optimiser l'utilisation des balises, ID, classes et sélecteurs de pseudo-classes
- Organiser ses feuilles de styles : le principe @import
Exploiter les fonctionnalités avancées et accroître l'interactivité
- Comprendre et exploiter les techniques AJAX et SPRY de Dreamweaver
- Exploiter les apport ergonomiques du SPRY : onglets, menus déroulants, panneaux accordéon
- Valider les formulaires en cours de saisie
- Calculer les formulaires
Assurer la visibilité
- Construire ses pages pour un référencement naturel
- Gestion des URLs et des métas
- Approche rédactionnelle
Dreamweaver 3 : Construire un site de e-commerce
Formation orientée PHP-My SQL au travers d'une création de site marchand.
Public : Webmasters, Contributeurs Web, Responsables d'édition, Graphistes
Objectif : Apprendre les bases de la création de sites dynamiques PHP/My SQL avec Dreamweaver
Durée : 3 journées (19:30 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Sur des exemples pratiques (fournis) les stagiaires mettent en pratique les acquis.
On travaillera également sur les fichiers des participants s’ils le souhaitent.
- Choisir son hébergeur
- Mise en place d'un serveur de développement
- Spécifications et création de la base de données
- Création d'un catalogue en ligne
- Installation d'un moteur de recherche
- Accueil des clients et ouverture des comptes
- Gérer les commandes des clients
- Propositions d'achats contextuelles
- Paiement et facturation
- Support et aide : guider le client lors de son achat
- Mise en place d'une plate-forme d'administration
Les clés d'un projet Web réusssi
Le re-design de son site est un passage obligé pour toute entreprise soucieuse de sa présence sur le Web.
Il peut s’agir d’implémenter de nouvelles fonctionnalités utilisateur ou de back-office.
La conduite de projet est un élément clé de la réussite de tout projet de design web.
Définition du projet Web, planification, élaboration du budget, mise au point du cahier des charges avec le client,
développement de la structure du site, enchainement des différentes étapes de production, tests, lancement...
Toutes les étapes d’un projet de création ou de refonte Web sont étudiées en détail dans cette formation.
Elle intègre par ailleurs les nouvelles technologies web, comme les CSS, la conformité aux standards du Web, etc.
Public : Responsables marketing et Directeurs de Clientèle Web Agencies, communicants entreprises et agences
Objectif : Gérer efficacement le processus de création ou de refonte de Site Web
Durée : 3 journées (19:30 heures)
Horaires : 9:00-17:00 (repas 1:30)
Méthode : Sur des exemples pratiques (fournis) les stagiaires mettent en pratique les acquis.
On travaillera également sur les fichiers des participants s’ils le souhaitent.
Une méthodologie en 5 étapes :
1-Définition du projet
- Comment collecter des informations qui soient significatives
- Comment identifier le public cible
- Comment être en phase avec les technologies requises par les développeurs Back Office
- Comment comprendre l’environnement concurrentiel
- Comment rédiger un cahier des charges qui soit dynamisant pour les agences consultées
- Comment évaluer les budgets
- Comment rédiger le dossier de communication
2-Développement de la structure du site
- Comment préparer une arborescence efficace
- Comment répartir l’information
- Comment représenter les schémas fonctionnels
3-Conception graphique et validation
- Comment assurer les règles de base de l’ergonomie écran (visibilité, lisibilité, navigabilité)
- Comment suivre la construction et l’intégration du site
4-Production et contrôle qualité
- Comment effectuer des tests de navigation
- Comment effectuer des tests de fonctionnalité
5-Lancement et maintenance
- Comment lancer un site avec succès (référencement et promotion)
- Comment mesurer l’audience et les résultats
- Comment prévoir une maintenance efficace