Maîtriser la création des pages Web

Cette formation vous apprendra à créer des pages et des applications Web basées sur les technologies HTML, CSS et JS .

Objectif

• Concevoir et développer des applications Web en HTML et CSS et JS
• Mettre en place et valider la structure HTML des pages Web
• Habiller des pages Web en CSS afin de les rendre plus attractives
• Rendre responsive design les pages Web d'un site 
• Animer et dynamiser les pages grâce au Javascript

Public Cible

Toute personne devant souhaitant créer des pages Web modernes .

Programme de la Formation

Première Interactions avec le Language HTML

• La structure d'un document HTML : images, feuilles de style CSS, JavaScript.
  
• Ecriture d'un programme : syntaxe et instructions.
• Outils de développement HTML.

Travaux pratiques : 

• Préparer l’environnement du travail 
• Ecriture, et exécution d'un programme HTML.

Le langage HTML 

• Structure d'une page
• Bases du langage et syntaxe HTML
• Insertion d'images, utilisation des listes ordonnées ou à puces
• Liaison des pages entre elles
• Tableaux pour la présentation de données tabulaires
• Insertion du son et de la vidéo en HTML 
• Nouvelle structuration HTML5
• Les éléments de structure <nav>, <section>, <article>, <aside>, <header> et <footer>.
• Les catégories de contenus : Metadata, Flow, Sectioning, Heading, Phrasing, Embedded et Interactive content.
• Intérêt des balises structurantes pour le référencement.
• Imbrication et type de contenu.

Travaux pratiques

• Mise en place et validation de la structure d'un document HTML5.
• Intégrer différents media à une page (videos, mp3, ...) 

Mise en forme du site web en CSS

• Mise en forme du site web en CSS
• Création et liaison d'un fichier CSS à une page web
• Architecture d'un fichier CSS
• Sélecteurs de base
• Modification des styles de texte, d'arrière-plan, mise en forme des blocs, etc.
• Des styles de texte, d'arrière-plan, mise en forme des blocs, etc.

Travaux pratiques

• Styler une page HTML en utilisant les balises CSS
• initiation au SCSS

Les Formulaires 

• Les balises de formulaire
• Les attributs action et méthode
• Les différents champs de formulaire
• Les différentes formes du champs input
• Les attributs pour les champs de formulaire (placeholder, required, etc)
• Valider un formulaire

Travaux pratiques

• Créer un formulaire HTML contenant les différents champs de saisie 
• Apprécier les règles de validation des Formulaires

Dynamiser votre site grâce au Javascript

• Concepts de base du JavaScript
• Principes et fonctionnements
• Variables et types de données
• Opérateurs
• Instructions
• Structures de contrôles (conditions, boucles...)
• Définition et utilisation de fonctions
• Objets prédéfinis (document, window ...)
• Contrôle de saisies et traitement de formulaires
• Gestion des fenêtres (ouverture, fermeture, communication)
• Boîtes de dialogue

Travaux Pratiques

Atelier : Installer et configurer JQuey

Atelier : animer et manipuler les composants d'une page HTML