Objectifs pédagogiques de la formation

Comprendre ce qu'est un site Web et apprendre à en créer sans utiliser de logiciel payant - découvrir toutes les notions fondamentales : HTML, CSS, pages dynamiques (JSP, PHP, ASP), référencement, création graphique, WEB 2.0, etc.

 

Programme de la formation

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 standards 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