Cette formation HTML, CSS et JavaScript s'adresse à des débutants en développement web, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript.
La formation commence par des notions de base comme la création d'une première page web simple, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour que les participants soient autonomes.
Le cours aborde tout d'abord le langage HTML5 pour montrer comment structurer une page web, de disposer les éléments de la page web.
Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur.
Le dernier langage abordé dans ce cours est le langage JavaScript qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, de valider des formulaires.
Besoins technologiques pour la formation en ligne: avoir un ordinateur connecté à internet et un microphone.
Modèle Client/Server: Les protocoles associés
Sites (statiques, dynamiques)
Environnement de développement
Atelier pratique:Mise en évidence et installation des outils de développement
Principes de fonctionnement
Structure d’un document XHTML
Doctype
Type des balises
Format des balises
Atelier pratique: Création d’un premier site web
Les entités HTML
Balise de type bloc
Balise de type en ligne
Retour chariot
Les liens
Les ancres
les liens mailto
Liens relatifs
Liens absolus
Formats d’images pour le web
La balise img
Redimensionnement
Les sons, vidéos
Les listes à puces
Les listes numérotées
Les liste de définitions
Atelier pratique:Créer un menu de navigation
Spécifier un tableau : taille, bordure, centrage, couleur de fond, …
Créer un tableau html
En têtes de tableau
fusion des cellules d’un tableau
Atelier pratique:Structurer notre site web avec les tableaux
Principes de l’interaction avec l’utilisateur
Les champs de saisie, les boutons de sélection
Cases à cocher
Les listes de sélection
Bouton d’envoi
Atelier pratique: création d’un formulaire de contact
Fonctionnement et avantages
Insérer et Définir un style
Principes des règles CSS
Associer un style à une balise HTML
Types de sélecteurs : balise, classe, ID, composé
Les couleurs et arrière plans
Organisation en boîtes : bordures et marges
Atelier pratique:mettre en forme notre site web
Famille de police
Aspect des lettres
Ajustement du texte
Atelier pratique: mettre en forme du texte
Diviser un document
Les identifiants de division
Identifiant avec CSS
La balise span
Atelier pratique:Structurer notre site web avec les div
Marges intérieures et extérieures
Largeur et hauteur des blocs
Les blocs flottent
Différentes méthodes de positionnement css
Gérer l’arrière-plan
Utiliser les images de fond
Mise en pratique
Affichage des blocs et de leur contenu
Sélecteurs d’attributs
Imbriquer les sélecteurs
Présentation des enjeux du référencement
Connaître les actions de base.
Choix des mots-clés
Soumission dans les moteurs et annuaires
E-mailing, newsletter et affiliation;
Atelier pratique: référencer les pages de notre site web
Déclaration et portée des variables.
Types de données (Number, Boolean, Date, Math, String, Array).
Gestion des chaînes de caractères
Manipulation des dates
Manipulation des tableaux
Opérateurs logiques et arithmétiques.
Boucles (for, while…).
Boîtes de dialogue prédéfinies
Fonctions de base prédéfinies en JavaScript
Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques.
Outils de débogage des navigateurs
Déboguer dans l’éditeur de texte
Les principaux événements JavaScript
ajouter un gestionnaire d’événement
associer un traitement à un événement
Atelier pratique:Changer dynamiquement les propriétés d’une image
Manipulation de contenu de formulaire
Créer des contrôles de saisie en JavaScript
Fonctions de validation de formulaire.
Evénements liés aux éléments de formulaire : changement, initialisation, clic…
Atelier pratique: Contrôle des champs de formulaire avant soumission
Arbre DOM
Méthodes de sélection d’éléments
Les Propriétés d’état
Les propriétés de relation
Modification du contenu HTML
Modification du style des éléments HTML
Atelier pratique:Mise en oeuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques.
Principe de fonctionnement
l’objet XMLHttpRequest
Atelier pratique: Lire le contenu d’un fichier texte en AJAX
→ Formation Transitions, Animations, Canvas, SVG, WebStorage
→ Formation HTML5 / CSS3+ cours JavaScript
→ Cours HTML/CSS, HTML5 – CSS3 | Formation continue
En relation avec la formation que vous consultez
Formation Transitions, Animations, Canvas, SVG, WebStorage
Rappel HTML5 Syntaxe, nouveau doctype et outils format des balises type des balises structure et sémantique Nouvelles balises HTML5 Atelier pratique : Créer un site en HTML5/CSS3 Le positionnement en CSS3 position relative position absolue float displa... |
Formation HTML5 / CSS3+ cours JavaScript
Connaître les principales balises HTML Concevoir des pages internet comprenant du texte, des images et des formulaires en respectant les standards W3C Appliquer des mises en forme à l'aide des styles CSS Rendre les pages web plus interactives et con... |
Cours HTML/CSS, HTML5 – CSS3 | Formation continue
Créer des pages Web avec HTML et HTML5 Appliquer des mises en forme à l'aide des styles CSS et CSS3 |
Populaire sur Doussou Formation
Formation Adobe Acrobat Pro: Formulaire et Signature Numérique
Créer des formulaires. Créer votre signature électronique. Protéger un fichier PDF. |
Formation Microsoft Teams
Cette formation vous permettra d’apprendre à utiliser Microsoft Teams, partage de document et visioconférence dans l’environnement de travail Microsoft. Avec cette formation, vous apprendrez à utiliser cet outil de manière sécuritaire et efficace. |
Cours – Formation Excel
Comprendre l’interface Excel, la structure d’un fichier et la gestion des onglets. D’utiliser de manière optimal les formules excel, les représentations par graphique. Créer et lire les tableaux & graphiques croisés dynamiques. |
Formation – cours JavaScript
À la fin de la formation JavaScript, vous serez capable/en mesure de comprendre du code Javascript et dans quelle situation l’utiliser. Créer des événements dans une page Web. Utiliser les méthodes, les boucles, les objets & les fonctions... |
Formation Wordpress, formateur expert
Créer un site WordPress ou un blog WordPress. De créer, modifier, supprimer des pages, articles, étiquettes et catégories dans un site Wordpress. D’importer et utiliser plusieurs types de médias (audio, vidéo, image) dans votre site Wordpress |
FORMATION INITIATION: GÉRER LINKEDIN POUR PROFESSIONNELS
S’initier à LinkedIn. Comprendre les fonctionnalités de LinkedIn. Créer et configurer un compte LinkedIn d’entreprise. Développer et animer son réseau. |
FORMATION GÉRER FACEBOOK POUR ENTREPRISE
Découvrir les fonctionnalités de Facebook. Créer les composantes Facebook (compte, page, groupe). Configurer un compte Facebook d'entreprise. Optimiser une page Facebook qui valorise votre entreprise. |
Formation InDesign Initiation
À la fin de la formation, vous serez capable/en mesure de : Maîtriser à la fois les techniques, les termes spécialisés et les outils de base pour réaliser divers types de documents associant textes, illustrations, tableaux, monter une couverture, utiliser un modèle de page, réaliser un ... |
“ I want to thank you both for providing my resources some excellent training(Cobol) over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “
“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “
“ Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité/Adaptabilité/Professionnalisme/Courtoisie. Merci!“