Formations Webmaster niveau 2 - Création de site et Webdesign

Formation Webmaster sur Marseille - Formation Webmaster sur Aix - Formation Webdesign sur Marseille - Formation Webdesign sur Aix

Durée

10 jours

Participants

Groupe de 8 maximum

Quand ?

des sessions toute l’année

Objectifs :

Dreamweaver Initiation + Perfectionnement – 5 j
• Toutes les bases de la formation Initiation +++
• Toutes les fonctions avancées

Photoshop pour le WEB – 3 j
 
Connaître le traitement des photos pour le web
• Savoir créer une charte pour un site web

Apprendre le HTML et le CSS – 2 j
Les deux langages du web indispensables

Public :
Toute personne souhaitant créer son site Internet, apprendre le métier de Webmaster.

Pré-requis :
Connaître l’outil informatique.

Formation à la création de site Internet Webmaster 2
Programme de la FORMATION WEBMASTER  » apprendre à créer son site Web – Webdesign » – 10 jours

DREAMWEAVER en  5 jours

L’initiation 3 jours

Notions de base
• XHTML, CSS, hyperlien, e-mail
• Les éléments : texte, images,  animations, vidéo, son
• La navigation et l’arborescence
• Répertoires, fichiers : les nommer ?

Interface
• Interface de travail
• Configuration/Déclaration du site

Les pages HTML
• Création et modification
• Propriétés de la page

Le texte
• Insertion et mise en page
• Hyperliens, ancres, liens e-mails

Les Feuilles de styles CSS
• Mise en forme CSS2 CSS3
• Gestion des styles CSS
• Gestion des boîtes DIV

Les images
• Insertion d’images, propriétés
• Préchargement des images
• Mappage d’une image
• Roll-over entre deux images
• Roll-over multi zones

Les éléments dynamiques
• Les comportements
• Insertion d’animation Flash
• Insertion de fichier PDF
• Insertion de fichier vidéo
• Dreamweaver Exchange

Mise en ligne
• Nettoyage du code HTML
• Tester le site avec les navigateurs
• Configuration et transfert FTP
• Vérifier les liens

Le Référencement
• Insertion du référencement
• Astuces

Le Perfectionnement 2 jours

Les pages HTML
• Apprentissage des balises de code

Le texte
• Formatage en CSS

Les Feuilles de styles CSS2
• Mise en forme CSS
• Gestion des styles CSS
• Gestion des boîtes DIV

Les Feuilles de styles CSS3
• Nouveauté en cours

Les formulaires
• Description de la palette formulaire
• Création et configuration

Les Médias
• Insertion d’animation Flash
• Insertion de vidéos
• Insertion de fichier PDF
• Dreamweaver Exchange

Les plus
• Widgets Spry
• Effets Spry

Référencement
• Optimisation de son référencement

PHOTOSHOP pour le WEB en 3 jours

Notion de base
• Image numérique (pixels-résolutions)
• La colorimétrie (RVB, #ccc)
• L’interface simplifiée, repères/grilles
• Les formats d’enregistrement web

Retouche d’images
• Outils de maquillage, densité, netteté, tampon, correcteur, pièce, oeil rouge
• Réglages : niveaux, couleurs…

Dessin
• Outils de dessin : pinceau, crayon
• Formes de brosses
• Choix des couleurs, contours, remplissage et dégradés

PHOTOSHOP (suite)

Sélection et détourage
• Outils de sélections : baguette, lassos,
• Outil sélection rapide
• Travail sur les sélections : contour progressif, contracter, dilater…

Les Outils vectoriels
• Outil de dessins et tracés vectoriels

Les calques
• Création et gestion des calques
• Chaînage et fusion
• Les masques de fusion simple
• Les calques de remplissage
• Les calques de texte
• Les styles et effets de calques

Les filtres dynamiques
• Présentation et utilisation

Découpage de la charte
• Découper et enregistrer pour le web

Exportation en PDF
• PDF basse définition (web)

TP
• Création et découpage d’une charte

HTML en 1 jour

Les bases du HTML
• Les balises

Créer une page HTML
• Structure d’une page HTML
• Les balises de référencement
• Insérer des commentaires
• Insérer des caractères spéciaux

Le Texte
• Définir un paragraphe
• Définir un saut de ligne
• Listes à puces et numérotées
• Les infobulles (title)
• Les liens hypertextes

Insérer des images
• Les formats : GIF, JPEG, PNG
• Le texte alternatif
• Lien hypertexte sur une imag
• Lien MAP sur une partie d’image

Mettre en page
• Les Boîtes DIV

Définir les liens hypertextes
• Vers une ancre
• Vers une page du site
• Vers une adresse externe
• Vers une messagerie.

Les formulaires
• La balise formulaire
• Les divers champs

CSS en 1 jour

Approche
• Principes et utilités des CSS
• La structuration d’une CSS
• Appliquer les CSS dans Dreamweaver

Synthaxe du code CSS
• Les sélecteurs de style
• Les types balises
• Les types classes
• Les types identifiants
• Les sélecteurs imbriqués
• Les types pseudo-classe

Propriétés des CSS
• La gestion des couleurs
• La gestion du texte
• La gestion des images
• Les arrières-plans
• Les blocs
• Les boites DIV
• Les bordures
• Les listes
• Le positionnement des éléments

Nouveautés des CSS 3
• Coins arrondis
• Ombre automatique
• Ajout de dégradé
• Background multiples
• Transitions

Imprimer le programme

en version PDF

Votre financement

Nos conseils

Nous joindre

04 42 83 54 97

%

Cours Théoriques

%

Travaux Pratiques

%

Echanges | Retour d'expériences

Retour Menu

Toutes nos Formations
Webmaster
Webmaster

Webmaster

Site Internet | Webdesign| Langage | Référencement

Des formations Webmaster complètes avec Dreamweaver ou WordPress, acquérir une formation complète qui englobe le langage HTML et CSS, ainsi que l’utilisation d’un éditeur de création de site Internet comme WordPress ou Dreamweaver. Mais aussi savoir créer une Charte Web (webdesign) ou optimiser son référencement naturel.

Nous vous conseillons pour définir ensemble la formation adaptée à vos besoins, vos spécificités et votre niveau de compétence.

04 42 83 54 97

Nous joindre

FORMATION HTML & CSS – Langages WEB

Si vous souhaitez être à votre aise devant le code d’un site Internet ou d’un e-mailing ?
Si vous souhaitez apprendre les bases de ces langages WEB pour actualiser facilement votre site Internet ?