Nos formations sont accessibles à distance: classe virtuelle (Synchrone), E-learning (asynchrone). Nos horaires sont vos horaires, on s'adapte à vos contraintes. Contactez-nous !

cours-website

Formation HTML5 / CSS3+ cours JavaScript

Montréal, Gatineau , Québec, Sherbrooke, Winnipeg, et Saguenay (Chicoutimi). Formation personnalisable en session privée. Contactez-nous pour avoir la formation à distance.

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.

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


Avantages :

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

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 ]

Montréal :

06/04/2020 au 09/04/2020
27/04/2020 au 30/04/2020
18/05/2020 au 21/05/2020
22/06/2020 au 25/06/2020
27/07/2020 au 30/07/2020

Québec :

06/04/2020 au 09/04/2020
20/04/2020 au 23/04/2020
11/05/2020 au 14/05/2020
08/06/2020 au 11/06/2020

Gatineau / Ottawa :

06/04/2020 au 09/04/2020
20/04/2020 au 23/04/2020
25/05/2020 au 28/05/2020
29/06/2020 au 02/07/2020

Autres villes :

Sherbrooke
Saguenay(Chicoutoumi)
Winnipeg
Préférentiel*

1019 $

par participant.e

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: 1199 $

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

details_cours

Interessé par cette formation ?

Également disponible la fin de semaine et sur demande en session privée.
L'offre est valabe à partir du 01/01/2020.

Me renseigner

Recevez cette formation dans votre entreprise

Formation pour entreprise

Soumission gratuite et sans engagement

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