Atelier de construction d'un site Web

Transcription

1 Atelier de construction d'un site Web Web 5 jours, 3,5 UEC POURQUOI DEVRIEZ-VOUS SUIVRE CE COURS? pour concevoir un site Web de qualité pour apprendre à structurer un site Web pour apprendre des notions de base du design Web pour apprendre à créer des images destinées au Web pour ajouter des éléments dynamiques à des sites Web pour apprendre l'assemblage de pages Web et comment les mettre en ligne PRÉALABLE Avoir suivi le cours Windows Expérimentation - 1 ou posséder des capacités opérationnelles équivalentes et être familier avec le concept d'importation d'éléments (images, etc.) dans un fichier Word, Powerpoint, etc. OBJECTIFS Le participant sera en mesure: de structurer les dossiers et fichiers des sites Web qu'il créera d'utiliser des règles de base du design pour créer un site Web de créer, traiter et optimiser adéquatement des images destinées au Web avec Photoshop de créer des animations avec Flash d'assembler les pages Web d'un site et de les mettre en ligne avec Dreamweaver CONTENU 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 Page 1 of 5

2 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 Page 2 of 5

3 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 Page 3 of 5

4 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 Page 4 of 5

5 Powered by TCPDF ( Atelier de construction d'un site Web 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 Source URL: Page 5 of 5