Public Niveau 1- initiation : Débutant

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

Objectifs de la formation : Cette formation s’adresse aux personnes qui veulent créer des sites internet

Durée : 5 jours

---

Public Programme perfectionnement : Initié

Objectifs de la formation : Approfondir le logiciel.

Pré requis : La pratique de photoshop

Durée : 4 jours      

---

Programme initiation

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 : Initié 
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

Travaux 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 

Travaux pratiques

Récupération des éléments de l’interface créée précédemmentMise 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 

Travaux 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
  

Travaux pratiques

FINALISATION DU PROJET

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

Travaux pratiques et mise en ligne du projet

---

Aller plus loin avec Dreamweaver et les Styles de calques - CCS5 - 3 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