testDreamweaver - Edition de pages HTML
(création et gestion de site Web)

OBJECTIFS

• Concevoir ou modifier un site web à l’aide du logiciel Macromedia Dreamweaver (l’un des standards du marché)
• Savoir mettre à jour le contenu d’un site web existant

DUREE	PRE-REQUIS	PUBLIC
3 jours	Connaissances des bases du langage XHTML	Toute personne amenée à créer ou modifier des pages HTML
		Toute personne devant aborder une technologie utilisant le langage XHTML

PROGRAMME

• Interface de Dreamweaver
  • Description de l’espace de travail
  • Les divers modes d’affichage (code, fractionner, création)
  • Réglage et affichage des divers navigateurs
  • Les différents panneaux

• Le texte
  • Saisie et mise en forme des caractères et des paragraphes
  • Utilisation des formats d’entêtes (h1..)

• Les images
  • Les différents formats
  • Insertion
  • Les effets de survol
  • Les cartes cliquables

• Les liens hypertextes
  • Sur texte et image
  • Lien email
  • Liens relatif/absolu
  • Les ancres...

• Les tableaux
  • Utilité, création et modification
  • Largeur de colonnes, hauteur de lignes, bordures et arrière plan

• Les listes
  • Création de listes numérotées et de listes à puces

• Propriétés de la page
  • Gestion de l’arrière plan (couleur, image)
  • Couleur de la police par défaut et couleur des liens
  • Gestion des marges

• Les méta tags
  • Les mots clés, description, titre des pages...

• Gestion de sites avec Dreamweaver
  • Création d’un dossier racine local du site
  • Publication d’un site

• Les formulaires
  • Eléments de formulaire (zone de texte, bouton radio ...)
  • Traitement d’un formulaire

• Les styles
  • Création de styles
  • Gestion de feuilles de style externes

• Les modèles de pages (templates)
  • Création d’un modèle avec définition de zones modifiables
  • Utilisation des modèles

• Les calques
  • Création et positionnement des calques

• Les comportements Dreamweaver
  • Gestion des événements OnClick, OnMouseOver, ...
  • Vérification des champs de formulaire...

• Référencement
  • Les bonnes pratiques pour faciliter le référencement

testFlash
(animation de pages Web)

OBJECTIFS

• Concevoir ou modifier avec le logiciel Adobe Flash des animations et des effets sonores
• Gérer l’insertion d’animations Flash dans des pages Web

DUREE	PRE-REQUIS	PUBLIC
3 jours	Connaissance des bases du langage XHTML souhaitée	Toute personne amenée à insérer des animations Flash dans des pages Web

PROGRAMME

• Les éléments de base de Flash
  • Scénario, scène, outils divers

• Créations, modifications des objets
  • Les différents types d’objets
  • Texte
  • Bitmaps, importation d’images

• La bibliothèque d’objets

• Utilisation des calques

• Les symboles
  • Symbole graphique
  • Symbole clip
  • Symbole bouton

• Animations
  • Animation image par image
  • Animation par interpolation de mouvement
  • Animation par interpolation de formes
  • Déplacement selon une trajectoire
  • Effet masque

• Gestions des boutons
  • Création de boutons interactifs

• Insertion de sons

• Exportation et optimisation
  • Tester, exporter et intégrer une animation
  • Principes d’optimisation

testFlash - ActionScript - Initiation

OBJECTIFS

• Découvrir la logique de programmation du langage Action Script de Flash
• Création de contenus interactifs pour Internet

DUREE	PRE-REQUIS	PUBLIC
3 jours	Connaissance de l’interface flash ou avoir suivi le stage de Flash animations	Toute personne connaissant le logiciel Flash et souhaitant aller plus loin dans l’interactivité.

PROGRAMME

• L’environnement de script
  • Panneau d’Actionscript
  • Action d’image, de bouton, d’évènement
  • Ecriture de script
  • Débogage et traçage

• Movie clip et propriétés
  • Chemin cible
  • Création dynamique de clip
  • Les propriétés et méthodes
  • Manipulation des propriétés
  • Test de collision
  • ...

• Gestion des textes
  • Texte dynamique et de saisie
  • Scrolling du texte
  • Classe TextField
  • Classe TextFormat
  • Texte externalisé (fichier txt)

• L’objet Son, propriétés et méthodes
  • Gestion du son
  • Importer dynamiquement des sons au format MP3
  • Démarrage, arrêt, réglage du niveau et de la balance des sons

• Variables et opérateurs
  • Type de variables
  • Opérateurs

• Tests et conditions
  • Conditions
  • Boucles

• Fonctions

• Quelques utilisations classiques
  • Navigation interne
  • Création de menu
  • Gestion du chargement
  • Importation dynamique d’images
  • Manipuler les dates

testHTML - Langage de base du Web
(programmation en langage HTML – XHTML)

OBJECTIFS

• Comprendre le langage des pages Web de manière à maîtriser la présentation des documents sur le Web ;
• Etre capable de développer des documents XHTML ;
• Savoir mettre à jour le contenu d’un site web existant ;
• Debugger, optimiser des pages Web, rendre un document conforme aux recommandations du W3C ;
• Publier un site en ligne.

DUREE	PRE-REQUIS	PUBLIC
2 jours	Connaissances générales et pratique de la navigation sur Internet	Toute personne désirant apprendre les bases de la programmation XHTML
	Maîtriser l’utilisation de Windows (notions de dossiers/fichiers) est absolument nécessaire	Toute personne amenée à créer des pages HTML sous n’importe quel éditeur ou désirant mieux comprendre la structure des pages Web
		Toute personne devant aborder une technologie utilisant le langage XHTML

PROGRAMME

• Introduction
  • Principes de fonctionnement du web
  • Structure et nature d’une page HTML
  • Versions et normes du langage HTML et XHTML

• Conception de pages web
  • Organisation du projet
  • Conseils sur la conception des pages web

• Création des pages web
  • Les principales balises
    • Mise en forme des textes
    • Mise en forme des paragraphes
    • Insertion de liens hypertextes
    • Insertion d’images
    • Création de listes
    • Gestion de tableaux
  • Entête de la page XHTML (balises META)
  • L’insertion de Scripts (principes)
  • Les formulaires

• Publication d’un site Web
  • L’hébergement des pages Web
  • Utilisation d’un client FTP

• Les feuilles de style (présentation)

testCSS - Les feuilles de style du Web
(Cascaded Style Sheet)

OBJECTIFS

• Acquérir une bonne vue d’ensemble des fonctionnalités offertes par les CSS2
• Permettre de modifier et maintenir des feuilles de style existantes.
• Concevoir et écrire des feuilles de style conformes aux standards.
• Assimiler les bonnes pratiques : séparation de la forme et du fond
• Réalisation de fonctionnalités : gabarits de page, menus à base de listes ...

DUREE	PRE-REQUIS	PUBLIC
2 jours	Connaissance des bases du langage HTML ou avoir suivi le stage de HTML	Développeurs web
		Toute personne désirant apprendre les mises en forme sans tableaux

PROGRAMME

• Présentation des feuilles de style
  • Les CSS2 et le HTML
  • Avantages des feuilles de style
  • Définition d’une feuille de style interne/externe

• Les feuilles de styles
  • Gestion des marges, mise en forme du texte, utilisation de background…
  • Redéfinition des balises HTML
  • Création de sélecteur de type classe
  • Création de sélecteur de type ID
  • Les sélecteurs de pseudo-classes

• Propriétés
  • Eléments inline ou bloc
  • Utilisation d’éléments HTML/XHTML neutres (DIV et SPAN)
  • Héritage des styles

• Positionnement d’éléments
  • Absolu
  • Flottant

• Comment bien structurer une interface
  • Création de gabarit de page :
  • Réalisation d’une page sans tableaux
  • Utilisation des listes pour les menus

testSPIP - Content Management System
(gestionnaire de contenu) Version 1.9.2

SPIP est un Système de Publication pour Internet permettant de gérer le contenu d’un site Web à plusieurs.

OBJECTIFS

• Etre capable de mettre en place un site sous SPIP
• Concevoir et modifier des squelettes

DUREE	PRE-REQUIS	PUBLIC
3 jours	Connaissances langage HTML et CSS	Toute personne ayant à mettre en place un site sous environnement SPIP

PROGRAMME

• Introduction
  • Principe de fonctionnement d’un site dynamique

• Configuration
  • Installation d’Easy PHP.
  • Installation de Spip.

• Structure d’un site Spip
  • L’espace privé et l’espace public
  • Articles, rubriques, les brèves...

• L’administration du site (partie privée)
  • Interface simplifiée/ complète
  • La barre d’outils
  • Administrateurs, auteurs, visiteurs ...
  • Gestion du contenu
  • Statuts d’un article mise en ligne

• Mise en forme des contenus
  • Textes
  • Paragraphes
  • Caractères
  • Liens
  • Tableaux
  • Listes
  • Images
  • Logos

• Les squelettes de SPIP (personnalisation de la mise en page)
  • Rôle et structure d’un squelette
  • Utilisation d’un ou de plusieurs squelettes

• Les boucles dans SPIP
  • Rôles et structures des boucles (articles, rubriques, brèves ..)
  • Les balises SPIP
  • Critères d’affichage
  • Utilisation de filtres

• Utiliser des feuilles de styles

• Formulaires
  • Les différents formulaires

• Administrer le site
  • Publier le site en ligne (outil FTP)
  • Attributs lectures/écritures des dossiers distants
  • Sauvegardes et restauration de la base de données