HTML5 et CSS : créer des sites web

Pré-requis :
- Savoir utiliser un ordinateur.
- Savoir utiliser un navigateur.

SESSIONS OUVERTES : PLAN
classe virtuelle, chat, webcam, partage
Introduction au HTML5 : #1
-
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.
+ Outils pour l'intégration
+ Le client serveur web
+ Les différents langages du web
+ La plateforme PHP MySQL
+ Outils : installer et tester
+ HTML : Caractéristiques et versions
+ Forces et nouveautés HTML5
+ Structure type d'une page HTML5
+ Le support des navigateurs
+ Principe des styles CSS
+ Principe du langage Javascript
+ Validateurs de code
Maîtriser le balisage HTML5 : #2
-
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.
+ Notion de balise et d'attribut
+ Paragraphes, sauts de ligne,séparateur
+ Titres, divisions, blockquote
+ Mise en gras et en italique
+ Caractères spéciaux, entités
+ Listes ordonnées eu non ordonnées
+ Autres balises HTML courantes
+ Différents types d'images web
+ Ajout d'images dans une page
+ Figure et figcaption
+ Liens, ancres, imagemap
+ Les balises sémantiques
+ Les tableaux HTML5
Les feuilles de styles CSS (I) : #3
-
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.
+ Les types de CSS
+ Commentaires, unités, couleurs
+ Sélecteurs par redéfinition
+ Classes, ID, sélecteurs composés
+ Pseudo classes, sélecteurs d'attributs
+ Polices, texte, listes
+ CSS des tableaux
Travaux pratiques HTML5 CSS3 (I) : #4
-
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).
+ Le site exemple ATLANTIC
+ Diagramme du site
+ Création des différentes pages
+ Ajout de tableaux et menus
+ Ajout de contenu : texte, images
+ Création de feuilles CSS
+ Habillage CSS
+ Test des pages
Utiliser les formulaires HTML5 : #5
-
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.).
+ Différents formulaires
+ Insérer un formulaire
+ Méthode, action, enctype
+ Les catégories de champs
+ Le code HTML des champs
+ Validation HTML5 des champs
+ Créer un formulaire complet
+ Soumission d'un formulaire
+ Récupérer les saisies (PHP)
Les feuilles de styles CSS (II) : #6
-
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.
+ Balises : inline, block
+ Propriété display
+ Le modèle de boîte
+ Marges, bords, bords arrondis
+ Mise en forme d'une boîte DIV
+ Les bords arrondis
+ Centrer boîtes et contenu
+ Float, clear et overflow
+ Positionnement CSS
+ Visibilité, z-index
+ Affichages, animations
Travaux pratiques HTML5 CSS3 (II) : #7
-
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.
+ Gabarits de mise en page
+ Les balises d'organisation
+ Ajout de formulaire
+ Ajout de différents champs
+ Valider des champs en HTML5
+ Soumission du formulaire
+ Le Projet VIGNOBLE
+ Positionner des éléments
+ Utiliser la visibilité et le z-index
+ Créer une animation CSS3
+ Ajout d'interactivité
Audio, vidéo et transfert FTP : #8
-
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.
+ Balises audio et vidéo
+ Les différentes propriétés
+ Notions sur l'API Media
+ Hébergements de sites web
+ Installer un client FTP
+ Configurer FTP
+ Publier un site
AVANTAGES ET TEMOIGNAGES
- Votre coach Reconvert.
- Pédagogie orientée pratique.
- Accès immédiat aux VOD.
- Supports PDF de qualité.

La qualité est excellente, l'enseignant crée un espace de confiance et rend la formation très agréable. J'ai adoré, le professeur et son cours sont très complets. La formation a été facile à comprendre et très dynamique. M. Gamba est un excellent professeur.
J. Ruiz
The Moneytizer, Mexico

La formation avec vous était géniale. C'est super intéressant et très formateur. Actuellement je suis chez Micropole, en tant que Cloud & Big Data Engineer. Merci.
A. Chuttoo
Micropole, France

Ces 4 jours ont été enrichissants. Suite à la formation HTML puis CSS, celle de Javascript m'a apporté encore plus de connaissances et de compétences sur le sujet.
J. Salgueiro
The Moneytizer, Brazil
Autres références :
Cliquez sur le logo.
Capgemini Atos Allianz TheMoneytizer CPAM M2iFormation Global Knowledge Ikea Hewlett Packard Ministère de la Défense AKKA Ministère de l'intérieur AFP Enedis Viveris Titeflex Autres
DATES DES SESSIONS LIVE
20 au 22 avril 2022
Horaire : 9 à 17H00 (heure de Paris)
Vous avez vos propres dates ? nous contacter
RESERVATION
Autres formations

Je découvre le développement web
Découvrir le développement web en 30 mn chrono, et voir si ce métier est fait pour vous.

Algorithmique et programmation structurée
Un algorithme permet de définir les différentes étapes à suivre pour résoudre un problème.

J'apprends le langage SQL avec MySQL
Bien démarrer avec une base de données en apprenant à écrire des clauses SQL simples

MYSQL : prise en main et langage SQL
Ecrire et tester du SQL pour les données de votre application web.

J'apprends à programmer en Python
Faire vos débuts en Python en apprenant à l'installer et à créer de petits programmes

e-marketing : techniques et outils
Comprendre et réaliser des campagnes e-marketing avec des outils professionnels