Formations Web/Multimédia

Pour consulter le déroulé de la formation, faites fonctionner les volets en cliquant sur le titre de la formation choisie.
Pour un meilleur confort de navigation, repassez par ce volet général avant de faire un nouveau choix.

Developpement Web

Dreamweaver est l'outil leader pour le développement web et permet de concevoir, de développer et de maintenir des applications et des sites web répondant aux normes actuelles.

Détail de la formation

Présentation de Dreamweaver

• Présentation de l’espace de travail
• Fenêtre du document
• Barre d’outils, inspecteurs, panneaux et menus contextuels

La gestion des sites dans Dreamweaver

• Configurer un nouveau site
• Paramètres avancés de sites
• Structure dossier local, dossier distant
• Création et ouverture de documents
• Gestion des fichiers et des dossier
• La carte d’arborescence du site
• Importation/exportation de sites
• Acquisition/placement, synchronisation de fichiers

Mise en forme des pages

• Utilisation des règles, guides et grille de mise en forme
• Utilisation du tracé de l’image
• Mise en forme avec les styles CSS
• Présentation de contenu à l’aide de tableaux
• Mise en forme des pages avec le Mode mise en forme
• Utilisation des cadres

Ajout de contenu aux pages

• Définition des propriétés de page
• Utilisation des couleurs
• Aperçu et test de page dans les navigateurs
• Insertion de texte et mise en forme de texte
• Insertion d’images
• Liens et navigation

Création de formulaires

• Création de formulaires HTML
• Insertion d’objets de formulaire HTML
• Validation des données de formulaire HTML

Utilisation du code de page

• Configuration d’un environnement de codage
• Affichage du code
• Les balises HTML
• Modification du code en mode Création

Developpement Web

Dreamweaver est l'outil leader pour le développement web et permet de concevoir, de développer et de maintenir des applications et des sites web répondant aux normes actuelles.

Détail de la formation

La gestion avancée des sites dans Dreamweaver

• Voilage du site
• Utiliser les Design Notes
• Comparaison de deux fichiers
• Archivage et extraction de fichiers
• Gestion des actifs
• Utilisation des élément de bibliothèque

Gestion des modèles

• Modèles et documents basés sur un modèle
• Modèles imbriqués
• Paramètres de modèle
• Expressions de modèle
• Création d’un modèle Dreamweaver
• Création de régions modifiables
• Création de régions répétées
• Utilisation des régions facultatives
• Modification et mise à jour des modèles
• Modification du contenu d’un document basé sur un modèle

Utilisation des CSS pour mettre du texte

• Description des feuilles de style en cascade
• Inspecteur Propriétés et formatage de texte
• Panneau Styles CSS
• Création d’une règle CSS
• Liens vers ou importation d’une feuille de style CSS externe

Ajout d’éléments audio, vidéo et interactifs

• Insertion et modification d’objets multimédia
• Insertion et modification d’un objet de bouton Flash
• Insertion d’un objet texte Flash
• Insertion d’animations Flash
• Insertion de contenu Flash Vidéo
• Insertion d’animations Shockwave
• Ajout de son à une page

Utilisation des comportements JavaScript

• Panneau Comportements
• Les événements
• Gestion des comportements
• Utilisation des actions de comportement livrées avec Dreamweaver

Utilisation du code de page

• Définition des préférences de codage
• Définition des préférences du programme de validation
• Gestion des bibliothèques de balises
• Codage dans Dreamweaver
• Rédaction et modification de code
• Insertion de balises avec le Sélecteur de balises
• Modification de balises avec des éditeurs de balises
• Réduction du code
• Recherche et remplacement de balises et d’attributs
• Impression du code
• Optimisation et débogage de code
• Modification des scripts

Developpement Web

CSS (Cascading style sheets) est une technologie recommandée par le W3C et peut être utilisée pour déterminer l’apparence d’un site Web en éditant un simple document. CSS, pour les WebDesigners, est un puissant outil pour présenter l’aspect visuel d’un document sur le web. Elle permet en outre de séparer le contenu (structure) d’un document de sa présentation ce qui autorise une facilité pour maintenir ou mettre à jour le site.

Détail de la formation

Présentation de CSS

• Principes des feuilles de style en cascades
• Associer CSS et HTML
• Structure et cascade
• Valeurs et unités

Les sélecteurs CSS

• Règles de base
• Regroupement
• Sélecteurs de classe et d’identifiant
• Sélecteurs d’attribut
• Utiliser la structure du document, les balises
• Les sélecteurs d’éléments imbriqués
• Pseudo-classes et pseudo-éléments

Les propriétés de texte

• Polices de caractères
• Correspondance de polices
• Indentation et alignement horizontal et vertical
• Espacer les mots et les lettres
• Transformer, décorer le texte
• Styles pour les liens

Mise en forme visuelle de base

• Boîtes de base
• Eléments de type bloc
• Eléments de type en ligne
• Modifier l’affichage d’un élément
• Espacement, bordures et marges
• Couleurs et arrière-plan
• Flottement Positionnement
• Mise en forme des Tableaux

Formattage d’un tableau

• Bordures des cellules de tableau
• Dimensionnement des tableaux

Mise en forme des formulaires

Liste et contenu généré

Interface utilisateur

• Polices et couleurs système
• Curseurs
• Contour

CSS et autres média

• Feuilles de style propre à un média
• Média paginé
• Styles auditifs

Application pratique

• Mise en oeuvre d’une feuille de style HTML 4

Developpement Web

HTML (Hypertext Markup Language) est le langage utilisé pour créer une page web.

Détail de la formation

Présentation du HTML

• Comment fonctionne le HTML
• Les règles de syntaxe et d’écriture
• Les bases du HTML

La création de pages HTML

• Déclaration de Doctype
• Définir le titre de page
• Définir la police du document
• Définir l'arrière-plan

La gestion du texte

• Les formats html de paragraphes
• Les styles html de texte
• Les listes numérotées, simples et imbriquées
• Les listes de définitionRetrait de texte

Les images

• Les formats d'image Web
• Insérer une image
• Habillage du texte autour d'une image
• Aligner des images
• Texte alternatif
• Images d'arrière-plan

Les liens

• Liens vers une ancre, vers une page du site
• Liens externes, de messagerie, vers un fichier
• Créer des liens à partir de texte, d'images
• Ciblage du lien
• URL des liens
• Couleurs des liens

Les tableaux

• L'organisation avec les tableaux
• Alignement horizontal/vertical des tableaux
• Dimension, arriere-plan et bordures des tableaux
• Alignement du texte dans un tableau

Les cadres

• Utiliser les cadres, horizontaux, verticaux et imbriqués
• Cadres et Jeux de cadres
• Bordures et marges de cadres

Les formulaires

• Utiliser des formulaires pour collecter des informations
• Balises formulaires et attributs
• Les éléments de formulaire
• Les types de champ
• Définir l'ordre de tabulation
• Méthode Post/Get
• Actions de formulaire

Les en-tête

• Les Meta tags et attributs

Les objets multimédia

• Insérer un fond sonore
• Insérer des objets externes

Les feuilles de style CSS

• Associer CSS et HTM

Le Web interactif

Flash vous permet de créer de riches contenus interactifs avec vidéo, graphiques et animations pour vos sites web, expériences interactives et contenus mobiles.

Détail de la formation

Présentation de Flash

• L’espace de travail
• Utilisation de la scène
• Utilisation du scénario
• Utilisation des images et des images-clés
• Utilisation de la grille, des guides et des règles

Créer un document Flash

• Création d’un dossier de travail
• Création d’un document
• Ajouter des graphiques à la scène
• Ajouter/importer des graphiques à la scène
• Afficher les propriétés des objets
• Tester le document

Utiliser les calques

• Ajouter un calque et gestion des calques
• Ajouter un calque de masque
• Ajouter un calque de guide

Utiliser les outils d’accrochage

• Accrochage aux objets
• Accrochage à la grille, aux pixels
• Aligner par accrochage

Dessiner dans Flash

• L’outil forme, dessiner des formes géométrique
• Utiliser l’outil Ligne, l’outil plume
• Chevauchement de formes
• Fusion de dessins
• Utiliser la fonction Découpe
• Remodeler la forme du dessin
• Transformation des objets
• Attributs graphiques, contour et remplissage
• Remplissages de couleurs unies et dégradée linéaire ou radial
• Application de remplissages bitmap

Ajouter du texte à un document

• Créer un bloc de texte de taille variable, de taille fixe
• Définition des attributs de texte
• Modifier les attributs de caractères
• Sélectionner des polices de périphérique
• Vérification orthographique
• La transformation du texte
• Séparation du texte
• Liaison de texte à une URL

Créer des symboles et des occurrences

• Création de symboles, ajout d’un symbole
• Dupliquer et modifier une occurrence de symbole
• Modification des propriétés des occurrences
• Créer un symbole de clip
• Ajout d’un composant Bouton
• Activation, modification et test des boutons
• Ajouter un effet au clip

Utilisation d’illustrations importées

• Importation de formats de fichiers vectoriels ou bitmap
• Définition des propriétés d’un bitmap
• Séparation d’un bitmap
• Conversion de bitmaps en graphiques vectoriels

Créer une animation dans un scénario

• Animation image par image
• Créer une interpolation de mouvement
• Créer une interpolation de forme
• Ajouter/supprimer/déplacer des images ou images-clés
• Modifier la vitesse de l’animation
• Créer une transformation de dégradé
• Controler le mouvement avec l’effet pelure d’oignon
• Ajouter des effets de scénario
• Ajouter une scène
• Créer/gérer des séquences
• Se déplacer entre les séquences
• Lier un bouton à une scène
• Les filtres d’animation
• Modes de fondu dans Flash

Le contenu multimédia dans Flash

• Utilisation de la vidéo
• Importation de vidéo à l’aide de l’assistant d’importation vidéo
• Modification des propriétés d’un clip vidéo
• Utilisation du son
• Utilisation de commandes audio
• Compression des sons pour l’exportation

Publication du contenu Flash

• Lecture des fichiers Flash SWF
• Options de publication pour les fichiers SWF
• Utilisation des profils de publication
• Personnalisation des modèles de publication Html
• Utilisation de Flash Player
• Exportation d’images et de contenu Flash
• Insertion de contenus Flash dans un site Dreamweaver
• Créer du contenu Flash accessible
• Impression depuis des fichiers SWF

Le Web interactif

Flash vous permet de créer de riches contenus interactifs avec vidéo, graphiques et animations pour vos sites web, expériences interactives et contenus mobiles.

Détail de la formation

(sur demande uniquement)

Application de création et de gestion de sites Web

FrontPage fournit aux concepteurs et développeurs Web un jeu d’outils leur permettant de créer aisément et rapidement des sites Web dynamiques. FrontPage regroupe toutes les fonctions de création, de codage et de publication pour constituer une solution de création et de gestion totale de sites Web adaptée à vos compétences actuelles et futures en matière de création et de codage.

Détail de la formation

Présentation de Frontpage

• L’environnement de travail de Front Pag
• Les modes d’affichage, page (éditeur), dossier, rapport, navigation liens et taches
• Personnaliser l’écran Front Page

Créer un site Web

• Assistants de création de sites Web
• Charger un site Front Page
• Les menus et outils de l’explorateur Front page
• Gestion de l’arborescence du site
• Insérer des barres de navigation et bordures partagées
• Propriétés des barres de navigation
• Les mots clés de référencement

Créer des pages Web

• L’éditeur de Front Page
• Créer, modifier une nouvelle page
• Titre et nom d’une page
• Définir les marges de la page
• Prévisualiser le travail dans un navigateur
• Utiliser le modèle Normal
• Créer des pages avec les modèles prédéfinis
• WebBots, assistants et modèles de pages intractives
• Inserer des documents Word

La gestion du texte

• Insérer du texte
• Mettre en forme du texte
• Aligner, indenter des blocs de texte
• Listes à puces et listes numérotées
• Changer le style d’une liste
• Modifier les listes
• Créer des listes de répertoires ou de menus
• Listes de définitions
• Vérification orthographique
• Rechercher/remplacer
• Utiliser des lignes horizontales

Couleurs de texte et d’arrière-plan

• Changer les couleurs de texte et d’arrière-plan
• Définition de couleurs personnalisées
• Homogénéiser les couleurs

Insertion d’images

• Exploiter les formats de fichiers d’images, placer une image
• Fournir un texte de remplacement
• Coordonner des images avec du texte
• Aligner, laisser flotter des images
• Sauts de ligne avec des images
• Espacement texte/image
• Modifier la taille, ajouter une bordure à une image
• L’image d’arrière-plan
• Images de remplacement, images miniatures

Les liens

• Créer des liens, supprimer des liens
• Liens internes/externe, liens de messagerie
• Liens vers des fichiers, ancre nommée
• Les liens d’images
• Utiliser des cartes graphiques

Création de tableaux

• Créer un tableau, sa structure
• Insérer une cellule, une légende
• Scinder, fusionner des cellules
• Insérer un tableau dans un tableau
• Modifier l’aspect du tableau
• Importer un tableau Word ou Excel

Utilisation des cadres

• Concevoir un environnement de cadres
• Les modèles de cadres de Front Page
• Cadres de destination, cadres flottant
• Cadres et un jeu de cadres
• Gérer les liens entre les cadres

Les formulaires

• Assistant de formulaires et formulaires personnalisés
• Les champs de formulaire
• WebBot Enregistreur des résultats

Gestion des feuilles de styles

• Définition et syntaxe des feuilles de styles
• Styles de balise, styles de classe
• Styles liés, incorporés et styles en ligne
• Cascades de feuilles de styles

Insertion d’éléments multimédias

• Utiliser du son, lier avec un fichier son
• Insérer un fond sonore
• Utiliser la vidéo
• Faire défiler du texte à l’aide d’une bannière
• Compteur, bouton sensitif
• Commentaires, image temporaire et variables

Configurer les sites

• Paramètres et options avancées
• Les autorisations d’administrer
• Changer les mots de passe
• Configurer les options générales du site

Gestion d’un site Web

• Gérer les personnes, les informations et les ordinateurs
• Liste des tâches de Front Page
• Gérer grâce aux modes d’affichage de l’Explorateur
• Vérifier l’intégrité du site à l’aide des rapports

Publier un site Web

• Démarrer, configurer le serveur Web personnel de Frontpage
• Administration Web, protocole FTP
• Administrer les utilisateurs locaux
• Mise à jour du site

Référence pour la retouche d’images professionnelle

Le logiciel Adobe Photoshop, référence professionnelle en matière de retouche d'images.

Détail de la formation

Divers

• Sélection d’après les tranches
• Afficher les informations sur l’image dans Image Ready
• Galerie d’outils propres à Image Ready
• Supprimer les états d’une image dans Image Ready
• Appliquer plusieurs transformations en même temps (ImageReady)
• Couches dans Image Ready

Conception pour le Web : les tranches

• Découpage en tranches des pages Web
• Création de tranches
• Affichage des tranches
• Sélection et organisation de tranches
• Modification de tranches
• Conversion de tranches en tableaux
• Options de sortie des tranches

Conception pour le Web : les cartes-images

• A l'aide de l’outil de carte-image
• A partir d’un calque
• Modifier la forme d'une zone de carte-image
• La palette Carte-image
• Organiser ou aligner des cartes-images
• Prévisualisation d'images Web dans un navigateur

Création de galeries de photos Web

• Créer une galerie de photos Web
• Vérifier la concordance des couleurs
• Styles de galerie de photos Web
• Personnaliser ou créer un style de galerie de photos Web

Transformation par souris (rollover)

• La palette Contenu Web
• Créer une transformation par souris
• Ajouter un état de transformation par souris
• Afficher un aperçu des transformations par souris
• Copier et coller des états de transformation par souris

L’animation Web

• Créer une animation
• La palette Animation
• Ajouter une image à une animation
• Déplacer, supprimer et inverser l’ordre des images
• Trajectoire des images
• Spécifier une boucle
• Définir un délai
• Afficher l'aperçu d'une animation
• Optimisation des animations
• Enregistrement et exportation des animations
• Ouverture et importation de fichiers en tant qu'animations

Préparation des images pour le Web

• Optimisation des images pour le Web
• Enregistrer pour le Web
• Optimiser l’enregistrement pour le web
• Formats et options d’images pour le Web
• Utilisation de la table des couleurs
• Utilisation de l'optimisation pondérée
• Paramètres de sortie pour les images Web
• Utilisation des valeurs hexadécimales des couleurs

Enregistrement et exportation des images

• Enregistrement des fichiers GIF, JPEG et PNG
• Enregistrement des fichiers au format SWF
• Exporter les calques sous forme de fichiers
• Exportation d'images d'animation sous forme de fichiers
• Exportation des images au format ZoomView
• Les autres formats de fichiers

Automatiser les taches

• Actions de scripts
• Gestion des scripts
• Les droplets
• Graphiques adaptées aux données