Publics: Ce séminaire présente le webdesign et les 3 logiciels utilisés à partir du « point zéro » et en balaye les bases afin de permettre une autonomie de création suffisante à l’élaboration d’un site web. Il est donc destiné à des personnes n’ayant pas de connaissances dans le domaine, ou désireuses de rationaliser et structurer une connaissance de base peut-être trop confuse. Pré-requis:

Une familiarisation préalable avec l’environnement et l’explorateur Windows est nécessaire.

Contenu – programme:

1. Photoshop - 16h

o    Notions d’images Vectoriel et bitmap
o    Modes d’images : Niveaux de Gris , Couleur indexée, RVB, CMJN
o    Formats d’image : JPG, PSD, TIFF, RAW, GIF, PNG (Compression, Transparence, Nbr couleur)
o    APN
o    Présentation global de Photoshop (G, D, Haut, menu, …)
o    Le pixel/pouce, Ecran et impression, taille de l’image.
o    Imprimantes, Scanners, Calibration
o    Taille de la zone de travail
o    Taille de l’image
o    Rotation, symétrie
o    Calques
o    Réglage d’une photo (niveau, couleur, contraste)
o    Aperçu et utilisation des outils de sélection
o    Outils de sélection : réglage partie (tunisien, barbecue)
o    Outils de sélection : découpe partie (nuage Tunisie, Tête bush).
o    Goutte d’eau
o    Utilisation des scripts  (bbq)
o    Calque de réglage   (bbq, bébé, musulman)
o    Tampon et Correcteur   (Nad)
o    Retouche des yeux rouge   (Emi et Sand)
o    Netté et Flou  (Tunisien, Bri, portNB, Nad Cheminee)
o    Densité   (Cerne Nad et Tache joue)
o    Gomme
o    Crayon et pinceau    (Yeux, regard)
o    Pipette
o    Formes et paramètre  (Cadre bebe et forme)
o    Réalisé un fond de maquette
o    Style de Calque   (fusion + different mode +contour)
o    Texte
o    Travail du Renoir
o    Filtre
o    Création d’un Layer, représentation graphique d’une page web
o    Utilisation des outils divers
o    Création des tranches de découpe
o    Préparation des tranches
o    Préparation animation éventuel
o    Exportation en html 
o    Export vers Dreamweaver
o    Création d’un layer général pour un modèle
o    Galerie Web Automatique
o    Planche Contact
o    PhotoMerge
o    Réalisation d’un GIF animé

 

2. Flash - 32h

• Animation et site en Flash
• Présentation globale de Flash
• Outils Flash et base de l’animation
• Création graphique
• Finalisation d’une animation 3
• Initiation à ActionScript

 

3. Dreamweaver - 40h

1.    Vue Globale – métaphore de la Cité
1.    Qu'est-ce que Internet?
2.    Qu'est ce qu'un site internet?
3.    Qu'est ce que le Web 2.0 et le le Web 3.0 ?

2.    Comprendre l'environnement du Web
1.    Les navigateurs
2.    Les Sites Internet
       1.    Selon leur fonction
       2.    Classé selon les technologies

3.    Technologies du Web
       1.    Les protocoles de transfert
       2.    Les différents langages du web

3.    Les notions de base du web
1.    Les différents formats de fichiers

4.    Concevoir son site
1.    Le WYSIWYG
2.    Le contenu
3.    La structure - Le WireFrame
4.    Les différents formats d'écrans (ne pas oublier les mobiles)
5.    Les menus

5.    Les bases de Dreamweaver
1.    Le système des fenêtres attachées
2.    Les différentes fenêtres et leurs fonctions
3.    Les commandes clavier utiles.
4.    Le menu de contrôle
5.    Décomposition de la zone visualisation
6.    Présentation des divers modes de travail
7.    Les encodages de caractères. (iso ou utf-8)
8.    Saisie et mise en forme des caractères
9.    Saisie et mise en forme des paragraphes
10.    Affichage dans les divers navigateurs

6.    Anatomie d'une page Web
1.    Distinction entre CS, HTML et Javascript
2.    Les bases de l'HTML
3.    ON NE PROGRAMME PAS EN HTML!
4.    Le CSS, qu'est ce que c'est?
5.    Le javascript, programmation.
6.    Les interactions entre les 3.

7.    Gestion de sites avec Dreamweaver
1.    Création d'un dossier racine local du site
2.    Organisation de l'arborescence d'un site
3.    Vérification des liens et plan de site
4.    Publication d'un site avec Dreamweaver

8.    Propriétés de la page Web
1.    Gestion de l'arrière plan
2.    Couleur de la police par défaut
3.    Couleur des liens
4.    Marges diverses

9.    Les tableaux
1.    Avantages et inconvénients
2.    création et modification
3.    Largeur de colonnes et hauteur de lignes
4.    Bordures et arrière plan

10.    Les images
1.    La notion de taille de fichiers
2.    Les différents formats
3.    Insertion et positionnement dans la page
4.    Les effets de survol
5.    Les images et le css

11.     Les liens hypertextes
1.    Sur texte et sur image
2.    Liens vers email
3.    Liens internes au site (les ancres)
4.    Liens externes

12.    Les formulaires
1.    Utilité
2.    Les différentes zones de formulaire

13.    Les calques Dreamweaver (div)
1.    Différences entre DIV et SPAN
2.    Création, dimensionnement et positionnement
3.    Relations entre calques et tableaux

14.    Les styles (css)
1.    les abus de dreamweaver
2.    Comprendre le CSS
3.    limites liées aux navigateurs (la nition de cross browser)
4.    Création de styles pour différents média
5.    Modification de styles existants
6.    Styles intégrés dans une page
7.    Styles et feuille de styles (css)
8.    Les Balises Html et leur paramètres par défaut
9.    Construire des styles intelligemment

15.    Intégration de fichiers multimédia
1.    intégration d'un fichier flash.
2.    Intégration de vidéos

16.    Les modèles de pages (templates)
1.    Utilité des Modèles
2.    Créer un modèle
3.    Définir des zones modifiables
4.    Créer des pages à partir d'un modèle
5.    Mise à jour du modèle et des pages

17.    Le javascript comprendre les bases
1.    Test de navigateur
2.    Test des champs d'un formulaire

18.    Les comportements Dreamweaver (les javascripts de dreamweaver)
1.    Gestion des événements OnClick, onMouseOver
2.    Le Spry

Horaire: De 18 à 22h Formateur(s): Une équipe de webdesigners : Sébastien Wolfs (Photoshop), Benoît Buyse (Flash) et Xavier Zinzen DreamWeaver) Organisation:

Différentes notions théoriques et techniques sont abordées afin de permettre l’élaboration d’un site web. Ces notions sont toujours accompagnées d’exemples concrets et pratiques permettant à chacun l’apprentissage par l’essai. Un projet de site web est élaboré tout au long de ce séminaire. L’accent est mis sur l’interactivité.

Le cours est ouvert à toutes les questions des participants. Le niveau exact du cours (vitesse, détails abordés, complexité des exercices, …) est déterminé par le niveau moyen des différents participants.

Attestation – Certificat délivré en cas de réussite:

Attestation de participation

Centre(s) de formation: Liège Détail lieu(x) de formation:

Formation PME Liège - rue du Château Massart, 70 - 4000 LIEGE

Renseignements:

Tél. : 04/229 84 60 - Fax : 04/229 84 69

Se rendre sur le lieu de la formation:Télécharger le plan d'accès