HTML 5 | ||
| Langue : FR | Durée : 3 jours | |
| Lieu : Bertrange | Prix : 1 020.00 € (Euro) | |
Objectifs :
Ce cours a pour but de maitriser le langage HTML et de connaitre également d'autres langages coexistant avec HTML
Contenu :
Le Web
- Qu’est-ce que le Web ?
* Côté serveur : HTTP, FTP, langages, SQL
* Côté client : HTML, CSS, JavaScript
- Les langages et leur utilité
* HTML
* CSS
* JavaScript
- Les formats d’images
* Format Bitmap
* Format vectoriel
- Les navigateurs et leurs outils
- Préserver la lisibilité : l’indentation, les commentaires
* L’indentation
* Les commentaires
- Dossiers et chemins vers les fichiers
- Les éditeurs HTML
HTML 5
- Création d’une page web (les balises essentielles)
- Code HTML obligatoire
- Le doctype
- La balise
* Lien avec une feuille de style
* Lien avec un fichier JavaScript
- La balise
* Méthode et balises pour structurer une page
* Les caractères spéciaux
CSS3
- Les trois styles de base possibles
* Le style de balise
* Le style de classe
* Le style d’ID
* Combinaison des 3 méthodes
- Les polices de caractères et le Web
- Les sélecteurs
- Les pseudoclasses
* Pour les liens
* Pour le texte
* Pour les sélecteurs
- Gestion des couleurs
- Les images et les bordures
- Le positionnement
- Le débordement
- Utilisation de padding et margin
- Un préfixe par navigateur
- Des propriétés décoratives (ombre, dégradé, arrondi...)
- Des colonnes dans le texte
- Les transformations 3D
- Les transformations et animations
- Le responsive design et les media queries
JavaScript
- Introduction
- liste des tâches
- Variables et affectation
- Les types de variables
* Les valeurs numériques
* Le texte et la concaténation
* Les tableaux
* Les booléens
* Les objets
- Les opérateurs
- Les conditions
* if, else et les accolades
* switch case
- Itérations
* La boucle for
* Le while
* Le do ... while
* break et continue
- Déboguer un programme
- Les fonctions
* Déclaration
* Appel
* Les variables locales et globales
* Le retour d’une fonction
- Les cookies
- Gestion de l’historique du navigateur
- La géolocalisation
- Les bases de données locales
- Aperçu d'Ajax
Mise en page HTML et CSS
- Les blocs et leur position à l’écran
* Les tableaux
* Les div et les nouvelles balises HTML5
- Les listes
Les méthodes de dessin
- La balise Canvas
- La balise SVG
- Avantages et inconvénients des deux technologies
Le multimédia
- La balise vidéo
- Les codecs vidéo
- La balise audio
- Les codecs audio
Les formulaires
- Introduction
- Fonctionnement d’un formulaire client/serveur
- Les différentes balises du formulaire
- La validation du formulaire
Les liens et menus en HTML5
- Introduction
- Création de liens
* Ouverture de page HTML
* Ouverture d’une image
* Navigation dans la page
* Proposer le téléchargement d’un fichier
* Envoyer un mail
* Déclenchement d’un script JavaScript