Objectifs de la formation : Cette formation s’adresse aux personnes qui veulent créer des sites statiques, des pages à contenu fixe..

Niveau : Débutant

Pré requis : La pratique régulière de Windows ou de l’OS X est nécessaire pour suivre ce stage.

Durée : 5 jours

Journée 1
Le site internet:
Structure, logique et impératifs de préparation

• Architecture d’un site internet
• Plan de site et navigation
• Notions de charte graphique
• Notions de mise en page internet
• Les contraintes de la lecture écran
• Règles de navigation
• Le design et l’interface
• Les couleurs et le web
• Les formats d’images et le web
• Préparer ses images pour le web avec Photoshop Eléments 6 ou CS3

 

Journée 2

Présentation interface Photoshop ElementS 6 ou CS3

• les couleurs web et la résolution
• la résolution écran
• Les calques images
• Les calques textes
• Les effets d’images (styles de calque, filtres...)
• Préparation d’une bannière,
• Optimisation des images pour le web
• Exportation pour le web

Journée 3

DECOUVERTE DES PRINCIPALES BALISES HTML

• Balises meta
• Balises de structures
• Balises de mise forme
• Insertion d’image
• Construction de tableau
• Création de lien hypertexte
• Création de lien de messagerie

 

Journée 4

INTERACTIVITÉ AVEC DREAMWEAVER

• Insertion de tableau, d’images, de
• media extérieur (Flash animation/vidéo)
• Les médias et formats pour le web
• Utilisation de comportements javascript (roll-over, popup)
  

Journée 5

CONSTRUCTION D’UN SITE WEB

• Travail en mode mise en forme
• Création de feuilles de styles
• Gestion et application de feuilles de styles (externes ,internes)
• Gestion de site web sous Dreamweaver
• PUBLICATION DE SITE WEB
• Protocole FTP sous Dreamweaver
• Publication de données sur internet

 

Aller plus loin avec Dreamweaver et Photoshop 2 ième partie - 5 jours
 
Objectifs de la formation : Cette formation s’adresse aux personnes qui veulent créer des sites statiques, des pages à contenu fixe  (2ième partie).
Niveau : Débutant
Pré requis : La pratique régulière de Windows ou de l’OS X est nécessaire pour suivre ce stage.
Durée : 5 jours

Au travers de la réalisation d'un projet de site, ous vous proposons d'utuliser et de perfectionner vos acquis des logiciels Dreamweaver et Photoshop ainsi que leur complémentarité

le design et l’interface avec Photoshop Eléments 6 ou CS3

• Création et effets visuels (styles, mode de fusion..)
• Incrustation d’images
• Travail avec le texte (déformation/ vectorisation)
• Création

Traveaux pratiques

Mise en application des acquis et création d’une interface “design”

Préparation de :

• La bannière
• le menu, les rollowers
• Le fond de la page de navigation
• les divers éléments de motifs de fond
• Découpages avec les tranches
• Exportation pour le web

 

Traveaux pratiques

Récupération des éléments de l’interface créée précédemment
Mise en forme de la page en mode tableaux

• - La bannière
• - le menu, les rollowers
• - Le fond de la page de navigation
• Les CSS2 , présentation
• Les CSS2, utilisation

 

Traveaux pratiques

Création des différentes pages du site selon le modèle de navigation choisi (en rapport avec l’interface et l’architecture de celui-ci)

• Création de pages externes
• Insertion d’un plan Google
• Mise en place d’un formulaire
  

Traveaux pratiques

FINALISATION DU PROJET

• Vérification générale
• Aperçu avec les différents navigateurs
• Mise ligne sur un serveur d’éssai
• Corrections
  

Traveaux pratiques et mise en ligne du projet

Aller plus loin avec Dreamweaver et les Styles de calques - CCS2 - 2 jours

Objectifs de la formation : Cette formation s’adresse aux personnes qui veulent optimiser leur site grâce à l’utilisation avancée de feuilles de styles CSS2.

Niveau :Connaissances du HTML - Dreamweaver niveau initiation.

Pré requis : La pratique régulière de Windows ou de l’OS X est nécessaire pour suivre ce stage.

Durée : 3 jours

 
INTRODUCTION

Principes des feuilles de styles en cascades
La structuration d’une feuille de style
Appliquer les styles CSS2

LA SYNTAXE DES CSS2

• Les sélecteurs de style
• Les balises
• Les classes
• Les identifi cateurs
• Les sélecteurs d’éléments imbriqués
• Les pseudo-éléments : les liens CSS, les lettrines

LES DIFFERENTES PROPRIETES

• La gestion des couleurs avec les CSS
• La gestion du texte avec les CSS
• Les arrières-plans
• Les blocs
• Les boites
• Les bordures
• Les listes
• Le positionnement des différents éléments avec les CSS

APPLICATIONS PRATIQUES

• Des cadres arrondis avec les CSS
• Centrage des éléments avec les CSS
• CSS dynamique : des survols ou des infobulles sans javascript
• Construction d’un menu avec les CSS
• Une page sans tableau aux normes du W3C

 

 

Photoshop CS3/4, Photoshop Eléments

Illustrator CS3/4

Flash CS3/4