Introduction

Internet, le World Wide Web et les sites web
Vue d'ensemble fonctionnelle du web: HTTP, URL, serveur, navigateur ...
Présentation des langages et technologies des sites web : HTML,CSS, Web 2.0 ...

Comprendre l'histoire des sites Web

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

Découvrir le HTML

Aperçu du code HTML
Principes de fonctionnement
Présentation des principales balises
Attributs des balises HTML
Insertion de liens et d'images

Concevoir un site web

Structure d'une page HTML, balises et attributs
Panorama des principales balises : titres, paragraphes, liens, images

Atelier pratique : création des premières pages en HTML

Donner du style à son site grâce aux CSS

Principes des règles CSS : sélecteur, propriété et valeur
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, pseudo-classes
Principales propriétés CSS : texte, fond, bordure
Sélecteur de classe et identifiants

Atelier pratique : ajouter des styles à un site web

Créer un système de navigation de site Web

Ergonomie d’un site Web
Création d'un menu

Atelier pratique : créer le gabarit d'un site de 5 à 10 pages

Incorporer des contenus

Mise en forme de pages avec du texte seul
Mise en forme de pages avec du texte et des images
Création de tableau
Création de signets

Atelier pratique : créer 5 à 10 pages à partir du gabarit précédent

Faire ses premiers pas avec le graphisme pour le web

Les différents formats d'images
Présentation du logiciel Gimp
Manipulations élémentaires des images : format, dimension, recadrage

Atelier pratique : créer et ajouter une bannière sur un site Web

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

Comprendre ce qu'est un hébergeur

Protocole de communication 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.)

Utiliser les formulaires

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

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

Découvrir PHP

Présentation et historique
Notions de base en PHP

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

Référencer son site Web

Présentation des enjeux du référencement
Insertion des balises d’en-tête
Présentation des outils de recherche
Soumission dans les moteurs et annuaires

Aller plus loin avec les CSS

Pseudo-classes
Dimensionnement, marges
Positionnement de calques

Comprendre quelques techniques d'habillage de page Web

Habillage de boîtes
Fonds dégradés
Gestion des marges

Atelier pratique : mise en ouvre de techniques d'habillage sur un site

Bien organiser son site Web

Cohérence visuelle du site
Inclusion PHP
Organisation des fichiers ressources

Atelier pratique : créer différentes pages sur un gabarit,
mettre à jour le gabarit sur l'ensemble du site

Découvrir les principes de base de l'ergonomie sur le Web

La barre de navigation
Fil d'Ariane
Menu déroulant
Onglet

Utiliser Javascript

Présentation de Javascript
Les évènements

Atelier pratique : incorporer un menu déroulant sur un site Web 

Comprendre ce qu'est une base de données

Présentation de MySQL
Présentation de PHPmyAdmin
Utilité d'une base de données pour un site Web

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 à l'approfondissement

Présentation d'outils usuels pour le Web
Rappels de HTML 

Découvrir les outils standards et libres pour les sites Web

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

Atelier pratique : installation de Wordpress et manipulations variées

Gérer le contenu d'un site Web avec un CMS

Rédiger, publier et modifier des articles
Éditeur de contenu: mode visuel et texte
Insertion d'élément multimédia
Création de pages

Créer un template graphique

Présentation d'outils évolués pour la création graphique de site Web
Définition de la structure : arrière-plan, zones de contenus, en-tête, pied
Création des menus
Incorporation d'un template dans Wordpress

Atelier pratique : Créer et incorporer un modèle Wordpress

Conduire un projet de création de sites web

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

Atelier pratique : conception et réalisation de votre site Web

Aller plus loin après le cours

Flash : histoire et principe
Vidéos : formats, utilité de youtube
E-Marketing : Google adwords, publicité
Autres questions

• 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