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