HTML5 et CSS : créer des sites web


        

 Voir plus d'extraits


DESCRIPTION

Dans cette formation, vous allez apprendre à créer des sites web en HTML5 et CSS3, en tapant vous même le code adéquat. Elle vous permettra de réaliser l'intégration web en codant en HTML5 et CSS les pages de votre application. C'est le point de départ pour la création d'applications web.

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

  Télécharger le plan




SESSIONS OUVERTES : PLAN

classe virtuelle, chat, webcam, partage | vidéo à la demande 24h/24 et 7j/7

  •   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.
  • Replay des sessions en direct.
  • 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

En direct:
12 au 14/07/2021 (3 jours)
18 au 20/10/2021 (3 jours)
08 au 10/11/2021 (3 jours)

En VOD :
Accès 24h/24 et 7j/7
Vous avez vos propres dates ? les proposer ici



RESERVATION

Paiement flexible : vous pouvez payer en une ou en plusieurs fois, sans aucun frais. Toutes les sessions Reconvert se font en DIRECT ou classe virtuelle ou en VOD ou vidéo à la demande.

 Réservation possible pour 1 groupe

Session en direct
417 €.


Autre type de paiement ? nous contacter



Autres formations

Python par la pratique
Apprendre par la pratique à programmer en langage Python.


PHP : créer des pages dynamiques
Développer en PHP les interactions avec les bases de données SQL.


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


Programmation Javascript
Créer de l'interactivité sur le navigateur avec le langage Javascript.


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


Je crée mon blog sans programmer
Apprendre à créer un blog perso ou d'entreprise directement dans votre navigateur, sans programmer


Programmation jQuery
Rendre une page interactive avec jQuery et utiliser la technologie Ajax.


Java Database Connectivity
Interfacer votre du code Java avec une base de données relationnelle.