Formation HTML/CSS : Fondamentaux + JavaScript

icon public

Public : Webmasters, Chef de projet Web, Rédacteurs de pages Web

icon horloge

Durée : 5 jour(s)

Syllabus de la formation HTML/CSS : Fondamentaux + JavaScript

Pré-requis : Notions de création de sites Web

Objectifs : Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT12-F

Taux de satisfaction : 3,78 / 5

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

À partir de

675,00 € HT / jour

1 700,00 €HT

964,29 € HT

Pour 10 heures utilisables pendant 12 mois

2 125,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

1 700,00 € HT

Tarif remisé :

Contacter Dawan
Autres cours

Programme de Formation HTML/CSS : Fondamentaux + JavaScript

Introduction

Edition de sites internet
Architecture d'un site
Communication navigateur/serveur (protocole, url...)
Technologies associées au web
Outils de développement

Conception de pages web avec HTML

Présentation du HTML : Historique, versions
Balises et attributs : principes et fonctionnements
Structure d'une page web (en-tête et corps)

Atelier : première page internet

Principales balises HTML

Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
Création de liens hypertextes (page, fichier, messagerie) et cibles
Insertion d'images et légende
Listes à puces (non ordonnées / ordonnées)
Tableaux : en-têtes, corps, propriétés
Formulaires : principe, composants, propriétés, attributs
Sons, vidéos

Atelier : un premier formulaire d'envoi de mail

Principes de base de CSS

Syntaxe d'une règle CSS
Types de sélecteurs (Balise, ID, Classe)
Pseudo-classes : de liens, de texte...
Architecture de feuilles de style
Politique de style d’un site Internet
Méthodes de création de sites web
Les sélecteurs et pseudo-selecteurs CSS3

Atelier : styliser une page existante

Présentation des enjeux du référencement

Concepts et insertion des balises d’en-tête
Quelques règles à respecter
Techniques avancées de création HTML

Présentation des techniques d’alignement

Présentation des balises sémantiques : Article, Header, Section, Footer
Création du squelette HTML5
Définition des feuilles de styles
Positionnement des block
Gestion de la compatibilité entre navigateurs (cross-browser compatibility)

Atelier : Réaliser un site avec une structure HTML5

Accessibilité ( accès au web pour les personnes handicapées )

Standards et ergonomie (WAI et ADAE)
Définition de l’architecture HTML
Feuilles de styles
Création des pages de contenus et application des normes
Les éditeurs WYSIWYG et l’accessibilité
L’intégration d’outil CMS et l’accessibilité

Atelier : tester l'accessibilité d'un site

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

Atelier : apprendre à valider un formulaire

Gestion des événements

Chargement d’une page
Gestion de la souris
Contrôle de la saisie clavier
Comportements et actions

Atelier : réaliser une galerie de photos

Manipulations de page en JavaScript / DHTML

Présentation du DOM (Document Object Model)
Accès, modification, ajout d'éléments et d'attributs
Gestion dynamique des CSS

Atelier : scénarios et menus dynamiques

 

00

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Bordeaux Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Bordeaux Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Bordeaux Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Bordeaux Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Bordeaux Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Distance Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Distance Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Distance Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Distance Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Distance Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Lille Du 25/11/2024 au 29/11/2024 Oui S'inscrire
Lille Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Lille Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Lille Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Lille Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Lille Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Lyon Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Lyon Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Lyon Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Lyon Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Lyon Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Marseille Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Marseille Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Marseille Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Marseille Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Marseille Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Montpellier Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Montpellier Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Montpellier Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Montpellier Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Montpellier Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Montpellier Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Nantes Du 03/03/2025 au 07/03/2025 Oui S'inscrire
Nantes Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Nantes Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Nantes Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Nantes Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Nice Du 24/02/2025 au 28/02/2025 Oui S'inscrire
Nice Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Nice Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Nice Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Nice Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Paris Du 25/11/2024 au 29/11/2024 Oui S'inscrire
Paris Du 10/02/2025 au 14/02/2025 Oui S'inscrire
Paris Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Paris Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Paris Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Paris Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Rennes Du 03/03/2025 au 07/03/2025 Oui S'inscrire
Rennes Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Rennes Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Rennes Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Rennes Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Strasbourg Du 03/03/2025 au 07/03/2025 Oui S'inscrire
Strasbourg Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Strasbourg Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Strasbourg Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Strasbourg Du 08/12/2025 au 12/12/2025 Oui S'inscrire
Toulouse Du 09/12/2024 au 13/12/2024 Oui S'inscrire
Toulouse Du 17/02/2025 au 21/02/2025 Oui S'inscrire
Toulouse Du 12/05/2025 au 16/05/2025 Oui S'inscrire
Toulouse Du 21/07/2025 au 25/07/2025 Oui S'inscrire
Toulouse Du 29/09/2025 au 03/10/2025 Oui S'inscrire
Toulouse Du 08/12/2025 au 12/12/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • J'ai rarement suivi un cours avec autant de plaisir. Le cours était très bien donné et savamment bien expliqué.
  • Pascal D.

  • Ai beaucoup appris au travers de cette formation. Je projette une application immédiate et intéressante dans mes développements
  • Cette formation va me permettre d'optimiser mes développement.
  • Excellente prestation. toujours à l'écoute.
  • Chantal H.

  • La formation me permet de recadrer ma façon d'utiliser css, que j'utilise depuis plusieurs années en auto formation et ainsi de partir sur de bonnes bases. Idem pour javascript.
  • Formateur à l'écoute.
  • Chantal H.

  • A l'écoute et pédagogue.
  • Hervé T.

  • Très bien
  • Adapté à ma demande
  • Jérémie L.

  • très orienté vers nos besoins
  • Ludovic B.

  • Parfait environnement, aéré, ergonomique. Bon matériel, clé USB fournie. Locaux agréables et lumineux et très bien situés dans la ville.
  • Programme riche et complet. Progression parfaite adaptée au niveau de départ.
  • Formation répondant tout à fait à mes attentes en termes de bases à acquérir pour postuler aux emplois désirés.
  • Très disponible, sympathique et professionnel. Très bonne pédagogie. Répond à toutes les questions, prend le temps d'expliciter les notions. Très compétent pour les explications, corrections, et aide à la compréhension.
  • Amandine C.

  • Tout est ok.
  • Cours très intéressants et complets.Bien illustrés
  • Le formateur est toujours disponible lorsqu'on ne comprend pas quelque chose, et n'hésite pas à répéter. Les exercices sont bien adéquats avec ce qui a été vu précédemment en cours.
  • Jessie D.

  • très bien
  • très efficace
  • très bien et pédagogue
  • Houda B.

  • Env de travail est OK, RAS, de plus, j'étais seul avec le formateur, donc ...
  • Impossible de savoir si c'est bon ou très bon!
  • Jean N.

  • Explicite et à l'écoute.
  • Laetitia P.

  • Bonnes bases pour appréhender la formation "Joomla"
  • Un grand merci à Pierre pour sa patience et son écoute.
  • Noemie G.

  • Formateur pédagogue et à l'écoute des besoins. Très satisfaite.
  • Aurélie G.

  • très disponible (formation et des exercices)
  • Alain B.

  • Excellent formateur, très disponible, très bonnes connaissances. Je suis TRES SATISFAIT !
  • Vincent D.

  • Que du positif sur accueil, pause, café.... repas du midi, autres formateurs
  • La progression est interessante, le choix des exos pertinent
  • J'ai particulièrement apprécié l'implication de Monsieur Martin. Il a su reformuler, s'adapter à mes interrogations formulées ou pas. Il a aussi répondu spontanément à mes questions " hors programme". Je suis ravi de cette semaine.
  • Philippe C.

  • Fait du bon café!
  • Marie L.

  • Rien à redire, les pauses avec les gâteau et le café sont une très bonne idée.
  • Cours complet, rien à redire
  • J'ai appris à faire un site web, mettre en forme avec le css et faire des appels javascript, exactement comme je l'attendais et comme indiqué dans l'intitulé de la formation.
  • Formateur sympatrique et pédagogue!
  • Nicolas V.