webleads-tracker

Formations SITE INTERNETData Formation vous ouvre les portes de l'informatique

5

Jours

Site Web - Atelier de construction d'un site Web

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

Une attestation de formation sera délivrée à chaque participant.

Dernière date de mise à jour 2016-06-03T00:00:00


Villes dans lequelles nous organisons la formation Site Web - Atelier de construction d'un site Web
Formation Site Web - Atelier de construction d'un site Web Paris (75000)
Formation Site Web - Atelier de construction d'un site Web Marseille (13000)
Formation Site Web - Atelier de construction d'un site Web Toulouse (31500)
Formation Site Web - Atelier de construction d'un site Web Bordeaux (33300)
Formation Site Web - Atelier de construction d'un site Web Montpellier (34000)
Formation Site Web - Atelier de construction d'un site Web Lille (59800)
Formation Site Web - Atelier de construction d'un site Web Strasbourg (67000)
Formation Site Web - Atelier de construction d'un site Web Lyon (69000)
Formation Site Web - Atelier de construction d'un site Web Toulon (83200)
Formation Site Web - Atelier de construction d'un site Web Grenoble (38000)
Formation Site Web - Atelier de construction d'un site Web Nantes (44200)
Formation Site Web - Atelier de construction d'un site Web Dijon (21000)
Formation Site Web - Atelier de construction d'un site Web Nimes (30000)
Formation Site Web - Atelier de construction d'un site Web Rennes (35000)
Formation Site Web - Atelier de construction d'un site Web Saint Etienne (42000)
Formation Site Web - Atelier de construction d'un site Web Orleans (45000)
Formation Site Web - Atelier de construction d'un site Web Clermont Ferrand (63000)
Formation Site Web - Atelier de construction d'un site Web Annecy (74000)
Formation Site Web - Atelier de construction d'un site Web Versailles (78000)
Formation Site Web - Atelier de construction d'un site Web Avignon (84000)
Formation Site Web - Atelier de construction d'un site Web Evry (91000)
Formation Site Web - Atelier de construction d'un site Web Nanterre (92000)
Formation Site Web - Atelier de construction d'un site Web Saint Denis (93200)
Formation Site Web - Atelier de construction d'un site Web Angers (49000)
Formation Site Web - Atelier de construction d'un site Web Brest (29200)
Formation Site Web - Atelier de construction d'un site Web Metz (57050)
Formation Site Web - Atelier de construction d'un site Web Caen (14000)
Formation Site Web - Atelier de construction d'un site Web Mulhouse (68100)
Formation Site Web - Atelier de construction d'un site Web Nancy (54100)
Formation Site Web - Atelier de construction d'un site Web La Rochelle (17000)
Formation Site Web - Atelier de construction d'un site Web Agen (47000)
Formation Site Web - Atelier de construction d'un site Web Albi (81990)
Formation Site Web - Atelier de construction d'un site Web Alençon (61000)
Formation Site Web - Atelier de construction d'un site Web Amiens (80090)
Formation Site Web - Atelier de construction d'un site Web Angoulême (16000)
Formation Site Web - Atelier de construction d'un site Web Argenteuil (95100)
Formation Site Web - Atelier de construction d'un site Web Arras (62000)
Formation Site Web - Atelier de construction d'un site Web Auch (32810)
Formation Site Web - Atelier de construction d'un site Web Aurillac (15000)
Formation Site Web - Atelier de construction d'un site Web Auxerre (89000)
Formation Site Web - Atelier de construction d'un site Web Belfort (90000)
Formation Site Web - Atelier de construction d'un site Web Besançon (25000)
Formation Site Web - Atelier de construction d'un site Web Blois (41000)
Formation Site Web - Atelier de construction d'un site Web Bourg en Bresse (01000)
Formation Site Web - Atelier de construction d'un site Web Bourges (18000)
Formation Site Web - Atelier de construction d'un site Web Cahors (46000)
Formation Site Web - Atelier de construction d'un site Web Carcassonne (11000)
Formation Site Web - Atelier de construction d'un site Web Châlons en Champagne (51000)
Formation Site Web - Atelier de construction d'un site Web Chambéry (73000)
Formation Site Web - Atelier de construction d'un site Web Chartres (28000)
Formation Site Web - Atelier de construction d'un site Web Châteauroux (05380)
Formation Site Web - Atelier de construction d'un site Web Colmar (68000)
Formation Site Web - Atelier de construction d'un site Web Créteil (94000)
Formation Site Web - Atelier de construction d'un site Web Digne les Bains (04000)
Formation Site Web - Atelier de construction d'un site Web Epinal (88000)
Formation Site Web - Atelier de construction d'un site Web Evreux (27000)
Formation Site Web - Atelier de construction d'un site Web Gap (05000)
Formation Site Web - Atelier de construction d'un site Web Guéret (23000)
Formation Site Web - Atelier de construction d'un site Web La Roche sur Yon (85000)
Formation Site Web - Atelier de construction d'un site Web Laval (53000)
Formation Site Web - Atelier de construction d'un site Web Le Mans (72100)
Formation Site Web - Atelier de construction d'un site Web Limoges (87280)
Formation Site Web - Atelier de construction d'un site Web Mâcon (71870)
Formation Site Web - Atelier de construction d'un site Web Melun (77000)
Formation Site Web - Atelier de construction d'un site Web Mende (48000)
Formation Site Web - Atelier de construction d'un site Web Montauban (82000)
Formation Site Web - Atelier de construction d'un site Web Moulins (03000)
Formation Site Web - Atelier de construction d'un site Web Nevers (58000)
Formation Site Web - Atelier de construction d'un site Web Niort (79000)
Formation Site Web - Atelier de construction d'un site Web Périgueux (24000)
Formation Site Web - Atelier de construction d'un site Web Perpignan (66100)
Formation Site Web - Atelier de construction d'un site Web Poitiers (86000)
Formation Site Web - Atelier de construction d'un site Web Quimper (29000)
Formation Site Web - Atelier de construction d'un site Web Reims (51100)
Formation Site Web - Atelier de construction d'un site Web Rodez (12000)
Formation Site Web - Atelier de construction d'un site Web Rouen (76100)
Formation Site Web - Atelier de construction d'un site Web Saint Brieuc (22000)
Formation Site Web - Atelier de construction d'un site Web Saint Lô (50000)
Formation Site Web - Atelier de construction d'un site Web Tarbes (65000)
Formation Site Web - Atelier de construction d'un site Web Tours (37100)
Formation Site Web - Atelier de construction d'un site Web Valence (26000)
Formation Site Web - Atelier de construction d'un site Web Vannes (56000)
Formation Site Web - Atelier de construction d'un site Web Vesoul (70000)
Formation Site Web - Atelier de construction d'un site Web Pau (64000)
Formation Site Web - Atelier de construction d'un site Web Mont de Marsan (40000)