Html 5

Ce cours a pour but de mieux maîtriser le langage HTML et de connaître également d'autres langages coexistant régulièrement avec HTML.

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

Qu'est ce que le langage HTML

• L'histoire du langage HTML
• Les principes de bases
• La structure d'un document HTML
• Les outils pour l'écriture de documents HTML
• Conception de simples documents (apprentissage de la méthode et syntaxe)
• La notion d'hypertexte (liens entre documents)
• Conception de documents plus complexes (mises en forme spécifiques)
• Création de tableaux
• Les outils d'aide à la conception (éditeur de pages)
• Les limites du langage HTML
• Les frames (cadres)
• Les images cliquables ou réactives
• Les images animées (Outils de conception)
• Les formulaires
• Les marqueurs de documents (Meta-Tags)
• Les feuilles de style
• Le langage JavaScript
• Pourquoi utiliser JavaScript?
• L'intégration du langage JavaScript dans un document HTML
• Les instructions de JavaScript
• Quelques exemples de réalisation avec JavaScript
• JavaScript et les formulaires
• Différences entre JavaScript et Java
• Applications Java et Applets Java
• Intégrer une Applet Java dans un document HTML
• Qu'est ce que XHTML?
• Pourquoi transiter vers XHTML
• Les différentes normes CSS
• Exemples de réalisations avec CSS

Une évaluation est remise à chaque stagiaire à la fin du cours.

Un certificat de formation est remis à chaque participant à la fin du cours.

Nous limitons par principe, à 8 (voire 10), le nombre de personnes par formation.
Nos formations 'calendrier' sont données en français sur la version courante du logiciel anglais.
Toutes peuvent être organisées sur mesure (durée et contenu personnalisés).
La plupart de nos formations peuvent être assurées en langue française, luxembourgeoise, anglaise ou allemande.