Introduction

Qu'est-ce qu'un site Web ?
Présentation des langages et technologies du web : HTML,CSS, Web 2.0 ...

Historique des sites Web

Sites statiques
Sites dynamiques
Sites avec contribution (CMS, Blog, Forum)
Evolution des sites dans le futur

Introduction au langage de présentation du web : le HTML

Aperçu du code HTML
Principes de fonctionnement
Présentation des principales balises
Attributs des balises HTML
Création de tableaux en HTML

Atelier pratique : création d'un premier site en HTML

Donner du style à son site grâce aux CSS

Principes de base
Associer un style à une balise HTML
Définition des styles des sélecteurs : liens survolés, liens actifs...
Création de styles personnalisés
Application de styles personnalisés
Modification de styles
Attacher une feuille de styles

Atelier pratique : ajouter des styles à un document HTML

Présentation de la méthode des tableaux

Problématique : système de navigation de site Web
Création de l’ergonomie d’un site Web
Création d'un menu
Génération du gabarit principal

Atelier pratique : composer un site web à l'aide de tableaux

Le graphisme pour le Web

Les différents formats d'images
Comment sont créées les chartes graphiques ?
Création d'une charte graphique avec l'outil gratuit « Gimp »
Découpage d'une charte graphique

Atelier pratique : création de fonds dégradés et de boutons stylisés  pour votre site

Transférer son site sur un serveur

Qu'est-ce que le FTP ?
Les autres techniques de mise en ligne de documents.

Atelier pratique : mise en ligne du site réalisé précédemment

Qu'est-ce qu'un serveur ?

Schéma des échanges client/serveur
Caractéristiques d'un serveur
Présentation d'hébergeurs
Environnement (Linux, Windows)
Langages de programmation (PHP, JSP, ASP, autres)
Les outils pour le serveur (CMS, Blog, etc.)

Le référencement

Présentation des enjeux du référencement
Insertion des balises d’en-tête
Critères de classement des outils de recherche
Règles à respecter et Spam-dexing

Introduction aux formulaires

Principes de l'interaction avec l'utilisateur
Zones de saisies
Cases à cocher
Boutons d'envoi

Atelier pratique : création d'un questionnaire en ligne

Introduction à PHP

Présentation et historique
Qu'est-ce qu'une variable ?
Qu'est-ce qu'une boucle ?

Atelier pratique : envoi des réponses aux questionnaires par mail avec PHP

Qu'est-ce qu'une base de données ?

Présentation de MySQL
Comment enregistrer les données du questionnaire dans une base ?
Comment lire le contenu d'une base ?

Atelier pratique : exploration d'une base de données liée à un site

Conclusion de l'initiation

Les compétences exigées par la création d'un site
Les technologies à employer en fonction du volume du site

Introduction à la création d'animation flash

Présentation de Flash
Utiliser Flash dans une page
Générer une animation Flash : création, outils en ligne

Atelier pratique : création un bandeau Flash

Les outils standard et libres

Les CMS : présentation
Besoins pour l'installation, l'apprentissage, la manipulation, la maintenance d'un CMS typique
Autres outils : l'exemple du Blog

Atelier pratique : installation de SPIP et Wordpress et manipulations variées 

Introduction à la sécurité

Les types d'attaque et de défaillance
Repérer, analyser, modifier les points faibles
Prévoir, observer, réagir
Checklist et propositions de maintenance d'un projet

Atelier pratique : analyse d'un projet

La gestion de projet web

Bilan des étapes, technologies, besoins, etc.
Faire une analyse complète et une chronologie
Les acteurs du projet

Atelier pratique : conception de votre projet de site Web 

• Un support et les exercices du cours pour chaque stagiaire
• Un formateur expert ayant suivi une formation à la pédagogie
• Le déjeuner compris en inter-entreprises
• Boissons offertes pendant les pauses en inter-entreprises
• Soutien du formateur pendant un mois
• Salles lumineuses et locaux facilement accessibles
• Méthodologie basée sur l'Active Learning : 75% de pratique minimum