HTLM et CSS initiation

Introduction

• Qu’est-ce qu’un site Internet ?
• De quoi a-t-on besoin pour le créer et le visualiser ?
• Les étapes de la création

Réflexion pre-projet

L’analyse

• Définir des objectifs : les recherches, le cahier des charges

La conception

• Créer l’arborescence du site et prévoir l’ergonomie ou l’interface du site : les usages, la hiérarchie de l’information
• Réaliser une charte graphique : choix des couleurs, polices, tailles des visuels
• Sélectionner des contenus : textes, images, animations

Production du site

Connaître les contraintes techniques d’internet : accès rapide à l’information, structure du répertoire racine du site, affichage, navigateurs, nom des fichiers…
Les bases

• Réaliser des pages simples
• Découvrir les nouveautés du langage HTML5
• Mettre en place le balisage sémantique pour Google
• Insérer des liens internes et externes
• Intégrer des médias : insertion d’images et de liens, texte secondaire sur les médias

Les normes CSS pour la mise en page

• Réaliser des mises en page en CSS2 en mono-colonne : les feuilles de styles internes, externes, les sélecteurs avec les propriétés et valeurs, les règles de création des styles (class, id…), les balises hiérarchiques
• Réaliser des mises en page en multi-colonnes et blocs différenciés
• Les boutons en Roll-Over et les menus déroulants

La mise en page responsive

• Initiation aux normes CSS3 et mise en page responsive pour smartphones
• Optimiser le balisage pour faciliter le responsive
• Utiliser les @media query

L’exploitation du site

• Faire le choix de l’hébergement
• Connaître les principes de mise en ligne
• Préparer le site pour le référencement (balises méta et sémantiques)
• Avoir une méthodologie pour l’indexation dans les moteurs de recherche