Les langages HTML5 et CSS permettent de créer des sites web modernes. Les objectifs de cette session sont de connaître le principe de fonctionnement du web, d'apprendre à installer un environnement de développement, de savoir caractériser ces langages et enfin d'apprendre à créer votre première page HTML5.

HTML5 est un langage qui utilise des balises ou tags. L'objectif de cette session est d'apprendre par la pratique à utiliser les balises HTML5 les plus courantes au sein d'une page web : balises de mise en page, de mise en forme, d'ajout d'images et d'éléments variés.

En HTML5, la mise en forme ainsi que la mise en page de contenus web sont déléguées au langage de styles CSS (Cascading Style Sheets). L'objectif de cette session est d'acquérir par la pratique les compétences nécessaires pour agencer une page web et mettre en forme son contenu. Vous allez apprendre à définir des styles et à créer les propriétés CSS les plus courantes.

Vous allez mettre en pratique les notions HTML et CSS acquises précédemment pour créer un site web d'un hôtel. Le site Atlantic HOTEL va contenir 8 pages. Dans ce TP, vous allez créer les premières pages en les codant en HTML5/CSS3 et en vous servant d'un éditeur de code adapté. Dans le TP II, vous pourrez compléter avec les pages restantes dans le but d'obtenir un site complet (8 pages).

Les formulaires sont des éléments d'interactivité qui permettent à un site d'interagir avec l'utilisateur. Dans cette session, vous allez apprendre par la pratique à créer, configurer et tester des formulaires web efficaces. Les connaissances acquises seront utiles si vous suivez par la suite une formation sur le développement web (PHP, Django, etc.).

En HTML5, la mise en forme ainsi que la mise en page de contenus web sont déléguées au langage de styles CSS (Cascading Style Sheets). L'objectif de cette session est d'approfondir vos connaissances en mise en forme et mise en page CSS : modèle de boîte, positionnements ou animations CSS.

Vous allez mettre en pratique les notions HTML et CSS apprises précédemment pour achever de créer le site web témoin. Dans ce TP, vous allez notamment : créer des pages, ajouter de l'interactivité, ajouter des formulaires, ajouter des champs de formulaire validés, utiliser les balises sémantiques, utiliser les balises d'organisation pour la mise en page, créer des animations CSS.

En HTML5, on n'a plus besoin d'un logiciel spécifique (plug-in) dans le navigateur pour insérer une vidéo ou un son. Les balises VIDEO et AUDIO sont directement lues par le navigateur. Dans cette session, vous allez apprendre à ajouter du son et de la vidéo à une page web. Un aperçu de l'API Media est aussi donné, en utilisant un peu de Javascript. Enfin, vous allez aussi apprendre à choisir l'hébergement de votre site, à installer et utiliser un logiciel FTP pour envoyer (publier) votre site en ligne.