Nos formations sont offertes à distance(en ligne): classe virtuelle (Synchrone), E-learning (asynchrone). Des sessions en classe physique à Montréal, Québec, Sherbrooke, Gatineau ou Ottawa
Promotion d'été: (-30%) de rabais sur toutes nos formations, (-50%) pour les OBNL (à partir de 3 participants)
Nos formations sont remboursables à 50% par Emploi-Québec (contactez votre centre local d'emploi).

cours-website

Formation HTML5 / CSS3+ cours JavaScript

En ligne, classe virtuelle(à distance), Montréal, Gatineau , Québec, Sherbrooke, Toronto, Saguenay (Chicoutimi). Formation personnalisable en session privée.

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.

Détails du cours

image_pdfimage_print

Introduction

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

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Type des balises

Format des balises

Atelier pratique: Création d’un premier site web

Mettre du contenu texte, Insérer des liens hypertextes

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

Utiliser les images et les médias

Formats d’images pour le web

La balise img

Redimensionnement

Les sons, vidéos

Utiliser des listes

Les listes à puces

Les listes numérotées

Les liste de définitions

Atelier pratique:Créer un menu de navigation

Structurer un page avec des tableaux

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

Créer des formulaires

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

Apprendre les feuilles de style CSS

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

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Mise en page CSS, positionnement css

Marges intérieures et extérieures

Largeur et hauteur des blocs

Les blocs flottent

Différentes méthodes de positionnement css

Habillage CSS

Gérer l’arrière-plan

Utiliser les images de fond

Mise en pratique

Affichage des blocs et de leur contenu

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

E-marketing

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

Apprendre le langage JavaScript

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.

Déboguer et tester JavaScript

Outils de débogage des navigateurs

Déboguer dans l’éditeur de texte

Gérer les Evénements

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

Gestion de formulaires HTML

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

Manipulation de la page (DOM2)

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.

Introduction à AJAX

Principe de fonctionnement

l’objet XMLHttpRequest

Atelier pratique: Lire le contenu d’un fichier texte en AJAX


Commentaires des clients

commentaires

Avantages :

  • Un support de cours pour chaque participant
  • Soutien du formateur après la formation
  • Nous vous offrons en session publique:
    • Thé, café
    • Stationnement( seulement dans certaines villes)
    • La connexion internet sans-fil

Préalables :

Bonne connaissance de l’outil informatique.

Objectifs :

  • 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 conviviales en utilisant le langage JavaScript et le DOM (Document Object Model)
NOS FORMATEURS
M. Dumoulin

Fort de 20 ans d'expérience en développement...

    [ Fiche ]
Mamadou DEMBELE

Le Président : Mamadou Dembele. Détenteur d’...

     [ Fiche ]

Nos formations se font présentement en classe virtuelle(à distance), nous proposerons des formations en classe physique seulement si la situation sanitaire le permettra

Montréal :

24/05/2021 au 27/05/2021
07/06/2021 au 10/06/2021
21/06/2021 au 24/06/2021
05/07/2021 au 08/07/2021
19/07/2021 au 22/07/2021
07/09/2021 au 10/09/2021

Québec :

07/06/2021 au 10/06/2021
12/07/2021 au 15/07/2021
05/07/2021 au 08/07/2021

Gatineau / Ottawa :

31/05/2021 au 03/06/2021
14/06/2021 au 17/06/2021
28/06/2021 au 01/07/2021

Classe virtuelle (en ligne) :

24/05/2021 au 27/05/2021
07/06/2021 au 10/06/2021
21/06/2021 au 24/06/2021
05/07/2021 au 08/07/2021
19/07/2021 au 22/07/2021
07/09/2021 au 10/09/2021
Préférentiel*

1359 $

par participant.e

1119 $

Promotion d'été :,
s'applique uniquement aux commandes en ligne, -> M'INSCRIRE MAINTENANT

Durée : 4 jour(s), soit 28 heures.
Horaires : 9h-17h, 2 pauses café, dîner offert à 12h.

Voir le plan de cours en PDF

Lieux: Montréal, Gatineau / Ottawa , ville de Québec.

Voir les avis clients

Prix régulier: 1599 $

*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.

details_cours

Interessé par cette formation ?


Recevez cette formation dans votre entreprise

Formation pour entreprise

Soumission gratuite et sans engagement

Inscription avec paiement par carte de crédit

En relation avec la formation que vous consultez

details_cours
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...
details_cours
details_cours
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 ...

Formation en ligne

Vidéos de formations sur les logiciels en bureautique

Mark Plouffe, Gouvernement du Canada/ Government of Canada

“ 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. “

Maryse Duguay - Analyste fonctionnelle Base de donnée - Montréal

“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. “

Martin Côté - Analyste Assurance Qualité - Travailleur autonome – Montréal

“ 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!“