Module 14: Réalisation de Sites Web Statiques

Ce module de compétence particulière s’inscrit en fin de 1 ère année du programme d’étude. Les notions fondamentales du développement d’applications web statiques nécessitent une bonne connaissance des techniques de programmation et intervient donc après l’enseignement des modules « Techniques de programmation structurée » et « Techniques de programmation orientée objet », notamment pour l’utilisation des feuilles de style. Il constitue un préalable au module « Programmation côté client », les scripts réalisés dans ce dernier module s’intégrant dans un site web statique.

DESCRIPTION

L’objectif du module est de faire acquérir les connaissances et les techniques nécessaires pour le
développement d’applications web statiques. Il s'agit de mettre en œuvre les dernières recommandations du W3C concernant notamment la séparation du fond et de la forme des pages web, donc le développement de feuilles de style. Ce module doit être enseigné à l’aide du simple éditeur (Bloc-notes) ou Nodepad++ ou tout autre éditeur équivalent, ainsi que l’éditeur Dreamweaver CS6 ou Frontpage 2010.

1. Décrire le langage utilisé.
        ∙ Principe du langage à balises.
        ∙ Les principales balises HTML5.
                ✓ La déclaration de la version supportée.
                ✓ Les balises d'en tête, de mise en page du texte, et des images.
                ✓ La gestion des couleurs.
                ✓ Les balises de gestions des listes et tableaux.
                ✓ Les frames.
                ✓ Les formulaires.
∙ DHTML.
                ✓ Notions d'interactivité.
                ✓ Exemples (mouvements de la souris, survol, etc.).
        ∙ Notions de métalangage XML.
2. Citer les sources de standardisation.
        ∙ Recommandations du W3C.
3. Mettre en œuvre un éditeur web.
        ∙ Fonctionnalités d'un éditeur Wysiwyg.
                ✓ Les modes d'utilisation.
                ✓ La gestion des fichiers.
                ✓ Les propriétés d'édition.
4. Mettre en œuvre le protocole FTP.
        ∙ Protocole ftp.
        ∙ Installation d'un client ftp.
        ∙ Accès au service FTP.
                ✓ Notion de port Login et mot de passe.
A. Analyser le cahier des charges.
        ∙ Les différents objectifs possibles d’un site.
∙ Les fonctionnalités d’un site.
        ∙ Les caractéristiques techniques d’un site.
B. Créer des pages web.
        ∙ L’environnement graphique de l’éditeur Web utilisé.
        ∙ Création d’une page Web.
        ∙ L’intégration d’éléments de base:
                ✓ multifenêtrage ou « Frames ».
                ✓ tableaux.
                ✓ liens.
                ✓ formulaires.
C. Utiliser des feuilles de style dans des pages Web en CSS3
        ∙ Création et utilisation des modèles de conception de pages.
        ∙ La bibliothèque d’objets..
        ∙ Les codes d’erreur.
        ∙ Principe des feuilles de style.
        ∙ Syntaxe des feuilles de style css:
        ✓ L'appel des feuilles de style (globale et intraligne).
                ✓ Les classes et ID.
                ✓ Les feuilles en cascade.
                ✓ Les balises structurales (DIV et SPAN).
                ✓ Le positionnement avec css.
                ✓ Les styles de texte et couleur.
        ∙ Utilisation des styles dans les pages HTML.
        ∙ Tendances graphiques actuelles.
D. Intégrer des éléments multimédias.
        ∙ Tendances graphiques actuelles.
        ∙ Lecture du cahier des charges du client.
        ∙ Intégration des éléments multimédia:
                ✓ texte.
                ✓ images.
                ✓ animations.
                ✓ éléments sonores.
                ✓ vidéos.
                ✓ hyperliens.
E. Tester les fonctionnalités du site et sa compatibilité avec les différents navigateurs.
F. Publier le site.
        ∙ Vérification de taille mémoire allouée sur le serveur.
        ∙ Transfert du contenu du site sur le serveur.
        ∙ Utilité des balises META.
        ∙ Référencement du site.