5 Jours Site Web - Atelier de construction d'un site Web dans CREATION WEB - SITE INTERNET Objectifs de la formation Création d'un site web Structurer les dossiers et fichiers des sites Web qu'il créera Utiliser des règles de base du design pour créer un site Web Créer, traiter et optimiser adéquatement des images destinées au Web avec Photoshop Créer des animations avec Flash Assembler les pages Web d'un site et de les mettre en ligne avec Dreamweaver Programme de la formation Structure et design de sites Web structure des dossiers d'un site Web structure des fichiers d'un site Web choix du contenu d'un site Web notions de base du design appliqué au Web création d'esquisses et de maquettes Photoshop Introduction aux concepts de base qu'est-ce qu'une image numérisée vs un objet vectoriel taille / poids d'une image résolution d'une image noir et blanc et couleurs
Découvrir l'espace de travail Ouvrir et importer une image en provenance d'un site WEB en provenance d'un unité de stockage La navigation pan / main navigateur zoom Sélectionner une image ou une partie d'image utilisation des outils de sélection addition et soustraction de sélection transformation d'un tracé en sélection mémoriser une sélection Enregistrer une image format PSD autres formats Enregistrer une image pour le Web format gif format jpg S'initier aux calques Peindre et retoucher une image
crayon, pinceau, aérographe les outils d'édition; goutte d'eau, netteté, densité -, densité +, doigt, éponge utilisation des couleurs, pot de peinture, contour et dégradé Retoucher, répéter et restaurer les outils tampon, pinceau historique et gomme Découvrir l'outil texte Démonstration des principaux effets de texte Utiliser les outils de traitement de l'image recadrage d'une image conversion d'une image (modèle) appliquer des transformations (filtres, réglages) Outil tranche Introduction à Image Ready les différents outils (tranche, etc.) optimisation des images (gif, jpg) création de gifs animés Flash Apprivoiser l'environnement de travail l'écran les menus flottants le scénario la boîte à outils la zone de travail
Enregistrer et ouvrir des fichiers les formats.fla et.swf Distinguer les graphiques vectoriel bitmap Utiliser les outils de dessin de base zoom et pan rectangle, carré ellipse, cercle trait et crayon plume et sélection pinceau, chaudière et encrier pipette et efface Modifier les objets sélection d'un objet déplacement d'un objet déduction et agrandissement à l'échelle d'un objet rotation et retournement des objets Aligner et distribuer les objets Découvrir les différents outils de l'alignement la règle la grille Grouper et dissocier les objets
groupe d'objets dissociation d'objets Éditer le texte l'édition de texte ordinaire l'édition de bloc de texte l'édition de champ de texte les attributs de caractères Utiliser les calques création d'un calque le nom d'un calque édition d'un calque masque et protection d'un calque suppression d'un calque Importer et exporter des objets vectoriel bitmap Animer des graphiques image par image interpolation de la forme interpolation du mouvement avec repère de forme avec guide de déplacement Animer du texte animer du texte en tant qu'élément graphique transformer du texte en un objet et vice-versa Création de symboles et utilisation de la bibliothèque
graphique bouton clip d'animation Programmation de base stop play go to get URL on mouse Event Diffuser l'animation Exportation du fichier compressé shockwave flash (swf) Dreamweaver Se familiariser avec les composantes d'une présentation World Wide Web les composantes d'une Page Web les fonctions internes du Web le système d'adressage du Web visualisation du code source d'une page définition du HTML Se familiariser avec l'interface le démarrage de Dreamweaver la création d'un site Web l'ouverture d'un site Web importation de fichiers ou de dossiers les vues de Dreamweaver la fermeture d'un site Web la suppression d'un site Web Créer un document
création d'une page Web l'enregistrement d'une page Web la modification du titre de la page l'ouverture d'une page la suppression d'une page les différentes barres d'outils Éditer avec Dreamweaver insertion de texte mise en forme du texte mise en forme de caractères mise en forme efficace de paragraphe formatage des titres et de paragraphes la suppression de mise en forme les autres styles de paragraphes les listes Relier des documents entre eux les liens hypertexte les liens vers une ancre la suppression de liens l'affichage liens hypertexte Utiliser efficacement des images introduction d'une image les propriétés de l'image l'insertion d'un lien sur une image insertion de plusieurs liens sur une image Créer des tableaux insertion de tableau les propriétés d'un tableau les propriétés de cellules
sélection de cellules / lignes / colonnes l'ajout de lignes / colonnes suppression de lignes / colonnes / tableau fractionnement et la fusion de cellules insertion et la mise en forme de la légende Modifier les propriétés visuelles d'une page les qualités d'une page attrayante insertion de lignes horizontales les couleurs d'arrière-plan les images de d'arrière-plan Organiser ses pages dans des cadres les modèles de cadres création de la page de cadres enregistrement de la page de cadres enregistrement des pages dans les cadres modification des propriétés du cadre modification des propriétés de la page de cadres les liens hypertexte dans des cadres Faire la mise en ligne du site Web Pré-requis Aucun Public cible Tous Pédagogie
Méthode d évaluation : Alternance de contenus théoriques et cas pratiques afin de permettre aux participants se s approprier progressivement les outils et méthodes. Tout d abord, l animateur détaille les principes essentiels. Puis des exercices d application et des études de cas illustrent ses exposés et facilitent l appropriation des connaissances. Enfin, l animateur termine la formation par des exercices de test. Les exercices pratiques sont élaborés en tenant compte des spécificités de l activité professionnelle du stagiaire. Intervenant : Formateur de terrain de haut niveau professionnel, doté d un véritable sens de la pédagogie. Supports de formations remis : Kit écriture, livrets récapitulatifs et corrigés des excercices.