Parcours certifiants avec certification PAO / CAO / DAO

Retour

parcours métier

webdesigner

Parcours Webdesigner

  • 10 Jours
  • REF: METIER-WEBDESIGN
  • Partager :

Introduction à la création de site internet

1. Définition du métier

  • Du rédacteur en ligne à l'informaticien
  • Un peu de théorie...
  • Un site pour qui ?
  • L'hébergement
  • Nommer son site
  • L'Internet et la législation

2. Architecture réseau

  • Les différents types de connexions
  • Les notions essentielles de TCP/IP
  • Résolution de noms avec DNS

3. Tour d'horizon des langages et des outils de développement

  • Les langages de base HTML, XHTML, XML, CSS
  • Les scripts côté client (javascript, jscript, vbscript)
  • Les scripts côté serveur (ASP, JSP, PHP, Perl...)
  • Le langage Java Les outils du moment

4. Rendre un site interactif

  • Les images
  • Les bannières Gif
  • Le Flash
  • Les formulaires

5. Tour d'horizon des serveurs web

  • Le type de machine
  • Quel système d'exploitation ?
  • Le choix du logiciel Serveur Web

6. Publier son site

  • Publier avec FTP
  • Publier avec son outil de développement

7. Promouvoir son site

  • Le référencement
  • Les outils de promotion
  • Mesurer l'audience

Photoshop : Initiation

1. Introduction

  • Version de Photoshop
  • Réglages des préférences
  • Gestion d'interface simplifiée avec espaces de travail directs

2. Affichage des images

  • Les onglets, la rotation de l'affichage, l'affichage dynamique
  • Gestion des supports (Adobe Mini Bridge)
  • Apprendre à analyser une image

3. Tailles et résolutions

  • Taille des images, taille de la zone de travail
  • Résolution, PPP et ré échantillonnage

4. Modes de couleur

  • Niveaux de gris et bichromie
  • Couleurs RVB et CMJN, couleurs indexées

5. Les sélections

  • Lassos, baguette magique, sélection rapide
  • Soustraction et addition de zone
  • Améliorer le contour
  • Mémoriser une sélection
  • Le mode masque
  • Récupération d'une sélection par un calque

6. Outils de dessin et de retouche

  • Pinceau, crayon, gomme
  • Tampon de duplication, correcteur, pièce
  • Déplacement basé sur le contenu
  • Retouche avec contenu pris en compte
  • Retouche par filtre : correction de l'objectif, netteté optimisée

7. Couleurs et dégradés

  • Gestion du nuancier, pipette
  • Dégradés, couleurs unies et remplissage

8. Déformations

  • Rotation, homothétie, torsion
  • Inclinaison, perspective
  • Mise à l'échelle basée sur le contenu

9. Outils plume et tracé

  • Création de tracés
  • Ajout de points d'ancrage et modification de tracés
  • Création d'un masque de détourage vectoriel

10. Les techniques de détourage

  • Les masques de détourage
  • La sélection vectorielle
  • Plage de couleurs
  • Autres méthodes

11. Gestion des calques

  • Création et utilisation des calques
  • Rechercher les calques
  • Les masques de fusion
  • Montage d'images
  • Les calques de réglage
  • Les masques d'écrêtage
  • Les styles de calques : relief, ombre portée, lueur

12. Retouche colorimétrique

  • Courbe et niveaux
  • Menu Image / Réglage : les possibilités
  • Vibrance et protection des tons
  • Réglage noir et blanc

13. L'outil Texte

  • Les calques de texte
  • Effets et transformation des textes
  • Réglages avancés, texte pixellisé

14. Les filtres

  • Quelques astuces pour combiner des filtres
  • Filtres dynamiques : effets non-destructifs et masques associés

15. Enregistrement, impression, exportation

  • Choisir un format d'enregistrement en fonction d'un contexte technique : PSD, TIFF, JPG, PDF, GIF, PNG, EPS
  • Règles d'exportation et d'enregistrement
  • Enregistrement optimisé pour le Web
  • Couleurs indexées, transparence

16. Mise en pratique

Dreamweaver

1. Introduction

  • Rappels sur Internet, Intranet
  • Notions fondamentales de publication
  • Les différents types de serveurs Web et technologies utilisées (html, dhtml, java, asp, php, perl...)

2. Présentation de l'interface Dreamweaver

  • Définition d'un site : infos locales, infos distantes
  • Les fenêtres : l'écran principal, les panneaux,
  • l'inspecteur de propriétés, la barre d'outils
  • Les modes d'affichage : code, création, fractionné

3. Création d'une page

  • Les propriétés, le titre, l'arrière-plan, les couleurs
  • L'insertion de texte, les paragraphes, les caractères spéciaux
  • Rechercher du texte, vérifier l'orthographe
  • Les listes à puces ou numérotées
  • La mise en forme du texte
  • Les barres horizontales

4. Les images

  • Les formats (gif, jpeg, png)
  • Taille, résolution et mode de couleur pour le Web
  • Insérer une image, la paramétrer
  • L'alignement par rapport au texte

5. Les tableaux (mode standard et mise en forme)

6. Les formulaires

  • Création
  • Ajout d'objets
  • Envoi de données

7. Les objets

  • Insérer un texte au format Flash
  • Insérer un bouton Flash
  • Insérer un script ou un applet JAVA
  • Les comportements liés aux objets

8. Les calques

  • Le positionnement
  • Les propriétés
  • Gérer les calques
  • Transformer les calques en tableau
  • Les comportements liés aux calques

9. Les feuilles de styles CSS

  • Créer un style dans une page
  • Créer une feuille de styles externes

10. Les liens

  • Les différents types de liens
  • Les zones réactives sur une image
  • Les barres de navigation
  • Afficher la carte et gérer la structure du site

11. Exploitation de modèles

  • Contexte, conception, utilisation, mise à jour

12. Dynamiser le site à l'aide des comportements

  • Appliquer un comportement
  • Modification et suppression

13. Approche du code HTML

  • Référence de code HTML
  • Visualiser le code d'une page
  • Modifier le code source

14. Publication du site

  • Les métas informations
  • Gérer le site
  • Publication
  • Hébergement et mise en ligne

 

Référencement de site web

1. Contexte

  • Introduction à la formation SEO
  • Définitions et chiffres
  • Histoire et évolution du référencement
  • Le SEO aujourd'hui
  • Comment fonctionnent les moteurs de recherche (index, Spider ...)
  • Le comportement des internautes

2. Optimisation du contenu

  • Introduction du concept in-page
  • Le choix des bons mots clés (longue traîne)
  • Concept de Longue Traîne au référencement
  • Le générateur de mots-clés / Google Trends
  • Structuration d'un contenu éditorial H1 à H6
  • La rédaction pour le web
  • Balise Title
  • Balise Meta description / Balise Meta Keywords
  • Attribut ALT des images
  • Ergonomie et maillage interne

3. Optimisation 'Off page'

  • Robots.txt et Sitemaps
  • Choix du nom de domaine
  • URL des pages
  • Les URL exotiques
  • Redirection et entêtes HTTP
  • Critères bloquants (flash, iframe, javascript)
  • Notions de Duplicate Content
  • Popularité et PageRank
  • Réputation : contenu des textes d'ancre des liens
  • Les techniques de netlinking : Choisir des bons liens (nofollow)
  • Les techniques de netlinking : Maillage interne

4. Soumission & Référencement

  • La soumission dans les annuaires
  • Le Link Ninja / Linkbaiting
  • Le blog pour le référencement
  • SMO : Socialisation des contenus et e-reputation
  • Référencement universel
  • Référencement par les communiqués de presse
  • Référencement sur Google Maps et Google Adresses

5. Suivi du positionnement : Les outils et solutions logicielles

Ce parcours métier vous préparera au métier de webdesigner. Mi-graphiste, mi-informaticien, le web- designer est spécialisé dans la création des pages Web. Il s'occupe de tout l'aspect graphique d'un site Internet (illustrations, animations, typographie...). 

Ce parcours s'adresse à toute personne amenée à faire du webdesign

– Méthode participative et active

– Mises en situation, jeux de rôles, vidéo

– Support de cours remis à chaque participant,  1 stylo et un bloc-notes par stagiaire

– FORMATEUR : formateur/consultant ayant une expérience significative en entreprise sur le métier concerné et expert en formation avec en moyenne 10 ans d’expérience

– Vidéoprojecteur et tableau blanc et/ou paperboard

– Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage

Dates

Formations associées

153 avenue d'Italie

PARIS - Paris (75)

Prochaines formations
Toutes les dates de ce centre
Infos centre

CHOISIR FEELEUROPE Formation

C’est choisir la force d’un réseau national avec une capacité d’intervention dans 100 villes en France et 45 centres accueillant aussi bien les formations interentreprises qu’en intra-entreprise.

C’est choisir la compétence avec plus de 300 formateurs experts dans différents domaines : une offre de formation de plus de 600 programmes standards, une élaboration sur mesure de programmes spécifiques en fonction de vos besoins en intra-entreprise, une clientèle allant au-delà de 5000 entreprises, administrations et collectivités locales.

C’est choisir un réseau assurant une réelle capacité logistique avec plus de 200 salles équipées et une capacité d’accueil de 2000 stagiaires par jour...

C’est choisir une équipe dynamique, disponible et réactive, à l’écoute de vos besoins.

FEELEUROPE Formation, la vie est plus simple quand on est bien formé !