novice

Les bases du Webmastering

Pré-requis : Bonne connaissance de l'outil informatique et de l'Internet * Durée : 1/2 Jour

Présentation :

Comprendre l'articulation des technologies Web
Maitriser l'architecture d'un site
Gérer le contenu
Modifier la présentation du site
Traiter le référencement
Gérer les contraintes : compatibilité des navigateurs, certification W3C, ...
Piloter un site Web, méthodologie et outils de suivis

Objectif de la formation :

Stagiaire :

Contenu du stage :

Structure d'un projet Web

Règles d'architecture
Travail de mise en forme
Optimisation des images pour le web
Gestion de site web sous Dreamweaver
Versioning

Environnement de développement et de production

Présentation de LAMP
Construire et migrer une plateforme Web
Upload et download des ressources
Sécurité et sauvegarde

HTML

Présentation du langage
Utilisation des balises de base
Modification des pages existantes

CSS

Présentation du langage
Créer des styles personnalisés
Contrôler l'aspect de son site
Modifier une feuille de styles existante

PHP

Présentation de PHP
Fonction de base
Structure des scripts du site
Modifications basiques des scripts

phpMyAdmin

Présentation de MySQL
Introduction au Web dynamique
Export et import de données Excel - Mysql
Encodage UTF8
Dump SQL

Promouvoir le site

Annuaires et moteurs de recherche
Structuration des pages : meta-données
Exploiter les statistiques

Introduction à flash

Pré-requis : Bonne connaissance de l'outil informatique et de l'Internet * Durée : 3 Jours * Formateur : Vincent Agnano

Présentation :

Comprendre Flash et son évolution
Découvrir les outils de dessin et les spécificités du logiciel
Manipuler le temps et les mouvements
Gérer une animation et hierachiser les objets d'animation
Réaliser des bannières publicitaires et des animations de site

Objectif de la formation :

Stagiaire :

Contenu du stage :

Historique : l'évolution d'hier à aujourd'hui,

Nouveautés de Flash
Flash Player, compilation, extensions et formats
L'environnement de développement

Le dessin vectoriel

Les outils et leurs propriétés
Contours, remplissage et groupage
Les couleurs et dégradés
Spécificités des champs de textes
Importation d'images, dissociation

Création d' animations

Scénario, images clés
Intégration et mise en animation
Gestion du temps, de l'espace et de la profondeur
Déplacement dans le temps
Gestion de lecture, boucle, ...
Interpolation de mouvement, de forme

Gestion d' animations

Distinction des symboles et occurrences
Organisation de la bibliothèque
Instances et modification d'objets
Particularités des movieclip, effets
Animations embarquées
Duplication d'animation
Pelure d'oignon, aides visuelles

Rendu

Formats d'exportation, publication
Optimisation de l'animation
Importation de l'animation dans HTML

Travaux pratiques

Réalisation d'une animation optimisée et intégrable en HTML

Développement d'un site Web : Introduction à Dreamweaver

Pré-requis : Connaissances Internet et Windows ou OSX * Durée : 4 Jours

Présentation :

Concevoir et créer des sites Web avec Dreamweaver.
Créer et intégrer des objets multimedia.
Améliorer la productivité avec les serveurs personnalisés, les modèles et les bibliothèques.
S'initier au Web dynamique.

Objectif de la formation :

Stagiaire :

Contenu du stage :

Préambule

Dreamweaver dans le contexte Internet
La phase de conception
Editer un cahier des charges, les responsabilités de chacun
Etablir une charte graphique, une charte de nommage

Approche du logiciel

Présentation de l'interface
Organisation de l'espace de travail
Paramétrages des préférences : éditeurs externes, navigateurs

Planification du site

Définir et paramétrer un site local
Conception de l'arborescence
Construire la navigation dans le site : les différents types de liens

Création et maintenance du site

Automatiser les tâches, faciliter la maintenance des pages, créer du code réutilisable

Insertion d'objets

Création de cadres dans une page HTML
Les différents types d'images
Interaction Dreamweaver / Fireworks
Insertion de tableaux : mode Standard ou mode 'Mise en Forme'
Insertion de calques
Les objets Formulaires et leur fonctionnement
Les ancres (dans un même document, dans des documents différents)
Créer une galerie d'images
Les objets Spry : créer des interfaces riches

Création de bibliothèques

Réutiliser plusieurs fois les mêmes objets
Mises à jour rapides de toutes les pages du site

Création de modèles

Les modèles standards, les modèles imbriqués
Définir des régions modifiables, répétées, facultatives
Mettre à jour rapidement tout le site

Créer des styles CSS

Contrôle de l'aspect visuel de l'ensemble du site, respect de la charte graphique
Mises à jour rapides du site
Les différents sélecteurs CSS
Méthodologie de mise en page complète en CSS
Utiliser les modèles CSS prédéfinis de Dreamweaver
La gestion des feuilles de style

Les fragments de code (snippets)

Créer du code réutilisable
Les différents types de fragments de code

Ajout d'interactivité et d'animations

Les comportements
Introduction au Javascript des comportements
Le cadre applicatif Spry (framework)
Les effets Spry
Vérification Spry de contrôles de formulaire
Insertion d'animations Flash

Les fonctions FTP

Paramétrer les infos distantes
Les opérations d'archivage et d'extraction
Utiliser les fonctionnalités du voilage
Synchroniser les sites (serveur/local)

Gestion globale du site

Vérifier les liens du site
Travailler avec la fenêtre de site
Utiliser le panneau des Actifs, regroupement des favoris
Faire valider le code HTML
Référencer le site

Les ressources de Dreamweaver

Installer les extensions Dreamweaver
Extension Manager
Le site Adobe Exchange, les sites Web, les forums de discussion

Développement d'un site Web : Introduction au html

Pré-requis : Connaissances Internet et Windows ou OSX * Durée : 4 Jours

Présentation :

Développer et publier des pages Web en utilisant HTML (HyperText Markup Language).
Configurer et maintenir un site Intranet ou Internet.
Configurer et utiliser un serveur Web.
Afficher des informations par l'intermédiaire d'une base de données.
Produire des pages Web dynamiques.

Objectif de la formation :

Stagiaire :

Contenu du stage :

Introduction au Web

Concepts fondamentaux d'Internet/intranet
L'architecture du Web
Comparaison des possibilités et étude des navigateurs multiples

HTML : HyperText Markup Language

Éléments de l'en-tête et du corps
Formatage du texte avec des marqueurs
Établissement de liens hypertextes
Listes ordonnées ou non
Application des couleurs et motifs de fond
Réglage des polices/couleurs/styles des textes
Définition des ancres relatives et absolues

Ajout d'éléments graphiques

Création d'une présentation graphique avec des images intégrées
Ajout de l'interactivité avec des images cliquables
Utilisation d'images animées pour dynamiser une page Web
Création de barres d'outils navigables avec des images cliquables par zones

Feuilles de style en cascade (CSS)

Attribution de propriétés de style aux marqueurs HTML
Création et application de feuilles de style
Utilisation des couleurs, des polices et du positionnement

Mise en œuvre d'un serveur Web

Communication serveur/navigateur Web
HyperText Transfer Protocol (HTTP)
Serveurs commerciaux ou Freeware
Mise en place de la structure des répertoires
Configuration des accès et sécurisation
Administration du serveur

Programmation sur le serveur

Interaction client/serveur/script
Fonctionnement des programmes serveurs : GET et POST
Accès aux variables d'environnement
Traitement côté serveur : CGI, ASP, PHP, JSP
Récupération de scripts réutilisables
Lecture et écriture de cookies

Interface à une base de données

Définition d'une base de données
Description des enregistrements d'une base de données
Utilisation de SQL pour manipuler la base
Création de pages Web pour insérer, supprimer et mettre à jour les enregistrements
Insertion et récupération des données avec PHP
Intégration de requêtes dans des pages Web

Création de pages Web dynamiques

Mise en page d'un document avec des feuilles de style en cascade (CSS)
Ajout d'Applets Java à votre site Web
Amélioration du fonctionnement avec JavaScript
Transmission de son en streaming
Insertion de vidéos
Plug-ins : Shockwave et Flash
Création de pages Web interactives avec DHTML
Compatibilité avec les navigateurs
Création d'images rollover en DHTML
Conception de nouvelles balises avec XML
Amélioration du classement de votre site Web dans les moteurs de recherche

Développement d'un site Web avec MySQL

Pré-requis : Bonne pratique du PHP * Durée : 3 Jours

Présentation :

Configurer et optimiser MySQL sur diverses plates-formes.
Concevoir, créer et maintenir des bases de données MySQL.
Construire des requêtes bénéficiant des extensions de MySQL.
Utiliser des types de données adaptées à votre application dans les tables.
Administrer vos données grâce à des outils graphiques.
Optimiser les performances de vos bases et améliorer leur fiabilité.

Objectif de la formation :

Stagiaire :

Contenu du stage :

Modélisation d’une base

Représentation des objets vers les bases de données et les tables
Normalisation des tables
Mise en oeuvre des requêtes SQL
Lecture des données avec SELECT_FROM_WHERE_
Modification des tables avec INSERT, UPDATE et DELETE
Données SQL, clés et index
Manipulation et formatage
Organisation des résultats avec ORDER BY et GROUP BY

Accès au serveur

Création de comptes utilisateurs
Attribution de droits d’accès
Modification des droits d’accès avec GRANT et REVOKE

Administration

Création d’une base avec les outils en ligne de commande
Construction de tables
Importation et exportation de données
Choix des types de données appropriées pour les champs

Outils graphiques

Gestion du serveur avec MySQL Administrator
Contrôle des bases et tables avec MySQL Query Builder

Fiabilité des données

Protection de l’intégrité des données
Sauvegarde grâce aux outils du système et spécifiques à MySQL
Optimisation de MySQL

Amélioration des performances

Mise en place de l’indexation en texte intégral
Activation du cache de requêtes
Réparation des tables de la base de données

Introduction au CMS : Spip

Pré-requis : connaissance du HTML, notions de programmation * Durée : 3 Jours

Présentation :

Installation de SPIP
L'interface d'administration de SPIP
La gestion des contributions
Les squelettes
Les formulaires
Les feuilles de style
Le traitement des images
Le multiLinguisme
Publier le site sur le serveur distant

Objectif de la formation :

Stagiaires :

contenu du stage :

Introduction

Content Management System (CMS) : fonctionnement et intérêts
Principe de fonctionnement de SPIP

Installation d'un site SPIP sans personnalisation

Procédure d'installation
Base de données crées
Présentation des parties public et privé
Création et publication de rubriques et d'articles
Visualisation du site
Accès FTP au site
Présentation du code HTML des squelettes

Personnalisation élémentaire d'un site SPIP

Intégration d'un site avec un niveau
Incorporation de styles CSS
Principes des boucles
Présentation des principales boucles
Principes des filtres
Génération d'un menu
Création du squelette

Intégration du moteur de recherche

Activer le moteur dans la partie d'administration
Personnalisation du moteur
Options de recherche du moteur
Principes d'indexation du moteur
Forcer l'indexation du moteur

Personnalisation avancée d'un site SPIP

Intégration d'un site à plusieurs niveaux
Création d'un menu dynamique
Utilisation de mots clefs
Personnalisation des différents squelettes
Création du chemin hierachique
Création du plan du site
Personnalisation des balises META
Création d'un squelette spécifique pour une rubrique
Création de squelettes pour les actualités

Intégration d'un forum de discussion

Présentation de la fonction forum de SPIP
Personnalisation d'un forum
Options des forums
Associer des forums à des rubriques du site

Intégration d'un agenda d'événements

Principe de fonctionnement
Création des squelettes
Appel d'événements de l'agenda sur la page d'accueil

Intégration d'un annuaire de sites Web

Présentation des annuaires de sites de SPIP
Création des squelettes

Suivre la vie d'un site SPIP

Les statistiques des visites
Présentation du cache de SPIP
Les différents problèmes qui peuvent survenir
La perception d'un site SPIP par les outils de recherche du Web
Syndication

Développements complémentaires de SPIP

Développer un cache pour un menu dynamique
Utiliser les URL-Rewriting
Créer un gestionnaire de base de données intégré à l'administration de SPIP
Ajout de champ à SPIP

Comprendre les enjeux du Web

Pré-requis : Bonne connaissance de l'outil informatique * Durée : 1 Jour

Présentation :

Comprendre l'articulation des technologies Web
Comparatif et présentation de solutions CMS
Utiliser les bonnes pratiques et les outils qui leurs sont dédiées.
Comment traiter les prestations connexes : référencement, intertionalisation, accessibilité, ...
Gérer les contraintes : compatibilité des navigateurs, certification W3C, ...
Piloter un projet Web, méthodologie et outils de suivis

Objectif de la formation :

Stagiaire :

Contenu du stage :

Conduite d'un projet Web

Les étapes du cahier des charges à la recette
Présentation d'UML et cahier des spécifications
Architecture internet, extranet, intranet
Le plan documentaire
Les outils de suivi
Tests unitaires et test utilisateurs
Méthodologies agiles

Environnement de développement et de production

Présentation de LAMP
Présentation des statistiques
Construire et migrer une plateforme Web
Sécurité et sauvegarde

La présentation du contenu

Présentation des languages de description de page
introduction au CSS
Intégration de la charte graphique
XML et XSL pour l'interopérabilité des données
Utilisation de templates
L'écriture Web

La programmation Web

Présentation des languages de développement
Bonnes pratiques et ré-utilisation de composants
Documentation développeur
commentaires des sources et charte de nommage
Présentation de PHP
PHP 5 : Le développement Objet

Développement Web avec bases de données

Panorama et benchmark des SGBD
Présentation de MySQL
Introduction au Web dynamique
Export et import de données Excel - Mysql

Réaliser un projet Web par Frameworks

Fonctionnement du framework
L'architecture MVC
Rationalisation des développements
Présentation du framework Symfony
Réponses apporté en termes de sécurité, d’internationalisation et de gestion des URL
Critères de choix et fonctionnalités attendues

Les CMS

Utilisation d'un CMS pour la réalisation d'un projet Web
Comparatif des CMS du marché
Les modules complémentaires : Wiki, Blog, Forums, ...
La gestion de workflow
Mise en place du CMS Drupal

Solutions e-Commerce

Le processus de commande en ligne
Solutions de paiement en ligne
Profil des sites, meilleures pratiques

Vidéo et rich media

Panorama des technologies
La visite virtuelle
Présentation de Flash
Le streaming
Opportunités et exemples à suivre

Le Web 2.0

Comme outil de communication marketing pour les entreprises
Comme outil de communication et d’information
Comme outil pédagogique collaboratif

L'accessibilité

Définition de l'accessibilité du Web
Accès au Web et handicaps
La labellisation AccessiWeb

Introduction au CMS : Drupal

Pré-requis : Bonne pratique de l'html * Durée : 2 Jours

Présentation :

Savoir installer, configurer et administrer un site Drupal.
Maîtriser les fondamentaux de la personnalisation et de la programmation avec Drupal.
Savoir s’y retrouver dans le code de Drupal, et savoir où chercher en cas de problème.
Avoir suffisamment de connaissances pour être autonome pour créer son propre site Drupal.

Objectif de la formation :

Stagiaire :

Contenu du stage :

Interface Drupal

Présentation de Drupal, son jargon (node, taxonomie...)
Configuration requise (PHP, MySQL, mod_rewrite...)
Présentation et installation des outils de développement
Téléchargement, installation et configuration avancée de Drupal
Présentation et utilisation des principaux modules par défaut
Publication des premières pages avec Drupal et création d’un menu
Présentation et utilisation de modules indispensables à télécharger
Présentation du système de thème/templates et création d’un thème
Personnalisation des comportements par défaut de Drupal
Personnalisation avancée de l’affichage avec le fichier template.php

Introduction à Views et CCK

Installation des modules CCK et Views
Présentation des types de champs proposés par CCK
Création d’un type de contenu simple puis complexe avec CCK
Personnalisation de l’affichage d’un contenu CCK avec contemplate
Présentation des différents types de Views (Table, List, Teaser…)
Création d’une View simple et d’une View complexe
Personnalisation de l’affichage d’une View

Développement d'un site Web : Introduction à php

Pré-requis : Connaissances Internet et Windows ou OSX * Durée : 3 Jours

Présentation :

Créer des sites dynamiques avec PHP et MySQL.
Maîtriser l'exploitation d'une base de données avec PHP.
Mettre en place un formulaire connecté à une base de données.
Gagner du temps grâce à la création et l'utilisation de bibliothèques.
Etre capable de mettre en place une application de e-commerce (vente en ligne).
Installer/ Utiliser les principaux outils Open Sources PHP (formation sur FPDF, CMS, CRM, Blog, ...).

Stagiaire :

Contenu du stage :

PHP

Introduction aux langages dynamiques côté serveur
Création de scripts php simples
Installation et utilisation d'EasyPhp (Apache, php, phpmyadmin, mysql)
Création de script php élaborés

Mise en forme

Utilisation de variables, tableaux
Conditions, boucles

Fonctions

Méthodes d'envoi GET et POST
Transmissions de variables par GET/POST
Objets _GET et _POST
Utilisation de formulaires
Tour d'horizon des fonctions PHP
Gestion des erreurs
Lecture/écriture dans un fichier texte

MySQL

Introduction aux bases de données relationnelles
Apprentissage du langage MySQL
Création d'une base et de tables
Etude et création de requêtes MySQL
Utilisation de PhpMyAdmin pour créer et gérer des bases de données MySQL

Echanges de données entre PHP et MySQL

Principe et intêrets
Syntaxe MySQL
Création de requêtes de sélections

Applications

Création d'une application complète dynamique
Création du back office (côté administration)
Création du front office (côté client)

Développement de pages Web avec les feuilles de style en cascade

Pré-requis : Bonne connaissance du HTML * Durée : 3 Jours

Présentation :

Développer des pages Web attrayantes, sophistiquées grâce aux CSS.
Générer des mises en page sans tableau (pure CSS).
Organiser la mise en page et le contenu pour faciliter la navigation et la maintenance de votre site.
Appliquer les bonnes pratiques pour développer des pages Web compatibles.
Créer des sites qui répondent aux normes W3C.

Objectif de la formation :

Stagiaire :

Contenu du stage :

Utilisation des CSS

Avantages des CSS
Utilisation des CSS
Optimisation de la navigation

Concepts fondamentaux des CSS

Définition de la structure des CSS
Unité de mesure
Taille fixe/taille relative
Propriétés de couleur et de police de caractère
Choix et application des styles
Attributs classes/attributs ID
Insertion de balises DIV et SPAN
Comparaison entre styles inline et block
Intégration des feuilles de style
Utilisation du mode en cascade CSS
Modèles CSS
Optimisation de la mise en forme grâce aux arrière-plans et aux images

Manipulation de la feuille de style

Gestion du navigateur
Importance de la directive !DOCTYPE
Choix des standards
Héritage et comportement du style

Mise en page

Gestion des éléments de la page avec les CSS
Mise en forme de pages en utilisant les techniques de 'pure CSS'
Superposition des éléments
Position relatif/position absolu
Organisation du contenu
Optimisation des pages pour l'accessibilité
Effets rollover

Techniques multinavigateurs

Bonnes pratiques
Optimisation des pages pour toutes plates-formes
Conception pour les PDA et les navigateurs de téléphones portables
Utilisation des styles pour un format d'impression

Navigation efficace

Organisation de l'information du site
Choix de techniques de menu
Conception de menus accessibles et attractifs avec onglets

Application de styles aux formes et tableaux pour plus d'accessibilité

Formatage des données tabulaires
Techniques de conception de tableaux efficaces
Utilisation des CSS pour rendre les tableaux attractifs
Création de formulaires efficaces et accessibles

formation

Syndicate