Accès direct à toutes nos formations Web & Multimédia :
Conception et réalisation d’un site web
Entretien de site internet & traitement d'images sous Photoshop
| Objectif | Prise en main des outils nécessaires à la réalisation d'un site Web sur DreamWeaver. Apprentissage des règles et méthodes nécessaires à la réalisation d'un site web. Intégration du site avec Dreamweaver |
| Public Concerné | Toute personne désirant connaître les aspects fondamentaux de la réalisation d’un site web |
| Pré requis | Aucun |
| Matériel | Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows |
| Durée | 3 jours |
| Dates et tarifs | Nous consulter |
RMQ : En fonction des attentes et des priorités du client, intégration possible à la session de formation des logiciels Flash Mx , Photoshop…
Option : jour supplémentaire : aide à la finalisation du projet après que le client ait appliqué seul les acquis.
| Objectif | A l’issue de cette formation, les stagiaires seront capables de créer un site web et de préparer les transferts vers un serveur |
| Public Concerné | Graphistes, designers, monteurs, réalisateur...voulant élaborer des sites web classiques de promotion de leurs travaux |
| Pré requis | Environnement Windows XP / vista / Mac OS X – Photoshop |
| Matériel | Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows Logiciels : DreamWeaver CS4 |
| Durée | 15 x 7 = 105 heures |
| Dates et tarifs | Du 01 au 19 juin 2009 & du 02 au 20 Déc 2009 - 4670 € |
Jour 1
Introduction
- Historique d’Internet
- Les rapports stations de travail/serveur
- Lexique et utilitaires
- Les formats du web
Jour 2
Environnement de travail
- Les palettes couleur dédiées web
- Règles typographiques
- Les différences entre Macintosh, PC et plateforme Linux
- Les navigateurs
- Animation et interactivité
Jour 3
Fireworks 1/3
- Interface
- Structure d’image
- Photoshop et FireWorks
- Identification des objectifs
- Maquettage
Jour 4
Fireworks 2/3
- Les tables d’image
- La division d’image
- Nombre d’images
- Edition de texte
- Outils de dessin
Jour 5
Fireworks 3/3
- Les comportements
- Les propriétés
- Les liens externes
- Optimisation et exportation
Jour 6
DreamWeaver 1/4
- Le HTML et nous
- Normes et plugins
- DHTML, PHP et les évolutions du web
- Interface
- Analyse d’une page simple
Jour 7
DreamWeaver 2/4
- Correspondances avec Fireworks
- Code et balises
- Liens, ancres, images et tableaux
Jour 8
DreamWeaver 3/4
- Gestion des cadres
- Utilisation des calques et DHTML
- Les medias
Jour 9
DreamWeaver 4/4
- Les styles CSS
- Comportements et JavaScript
- Utilisation des bibliothèques
Jour 10
FTP et Transferts
- Gestion de site
- Utilisation du client FTP
- Exportations et Hébergement
Jour 11
TD - Création de site
- Sous contraintes clients définies
- Analyse des objectifs
- Choix personnels
Jours 12, 13 et 14
TD - Création de site
- Réalisation et finalisation du site
- Exportations sur le serveur
Jour 15
Projection
- Exposition du travail stagiaires
- Navigation PC et Macintosh
- Analyse et conclusion
| Objectif | A l'issue de cette formation, les stagiaires seront capables, sur un site internet déjà constitué, de créer des nouveaux liens, mettre dates et informations à jour et d'y intégrer des images préalablement traitées sous photoshop. |
| Public Concerné | Tout public, responsables de petites structures souhaitant développer leur autonomie via prestataires internet. |
| Pré requis | Environnement Windows |
| Matériel | Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows |
| Durée | 5 x 7 = 35 heures |
| Dates et tarifs | Dates: Nous contacter. Tarif intra: 2800 € HT |
Jour 1
Introduction
- Historique de l’internet
- Les différents acteurs de l’internet
- Protocoles et architecture client / serveur
- Découverte de l’environnement de travail : Dreamweaver (éditeur de code) et Photoshop (photo numérique)
- Organiser son espace de travail : différence entre le miroir local du futur site internet et les documents sources. Structure d’un site internet.
- Structure d’un document HTML : initiation aux balises
Jour 2
Les principales balises HTML et leur utilisation
- L’en-tête : head
- Le corps : body
- Le texte : p, h1, h2, etc
- Les liens : a
- Les images : img
- Les tableaux : table, tr, td, etc.
- Les formulaires : form
- Spécificités des balises bloc et des balises en-ligne
- Les attributs de balises
- Imbrication des balises
- Exercice de mise en page avec tableaux
Jour 3
Initiation aux CSS (cascade style sheet)
- Les principale caratéristiques des CSS : l’enrichissement typographique et visuel (différence entre les CSS et les attributs de balises liées à l’enrichissment typographique et visuel)
- Aperçu des CSS de positionnement : exercices de mise en page sans tableau
Jour 4
Les principaux formats d'image sur le web et leur utilisation
- Les principaux formats d’image sur le web et leur utilisation
- Initiation Photoshop : les claques, la boite d’outils principaux, exportation pour le web
- Traitement des images dans photoshop
- Création d’images animées dans photoshop : le format gif
- Création d’images animées dans Dreamweaver : initiation aux comportements (génération de code Javascript par Dreamweaver).
Jour 5
Intégration d’objets dans une page HTML (balise object) : animations flash, vidéos, iframes
- Révisions : exercices de mise en page et intégration
- Finalisation du site et référencement naturel
- Utilisation d’un logiciel de FTP, mise en ligne du site.