Webmasters, Chef de projet Web, Rédacteurs de pages Web
Notions de création de sites Web
Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML.
Edition de sites internetArchitecture d'un siteCommunication navigateur/serveur (protocole, url...)Technologies associées au webOutils de développement
Présentation du HTML: Historique, versionsBalises et attributs: principes et fonctionnementsStructure d'une page web (en-tête et corps)
Atelier: première page internet
Mise en forme de texte (polices, titres, paragraphes, texte préformaté)Création de liens hypertextes (page, fichier, messagerie) et ciblesInsertion d'images et légendeListes à puces (non ordonnées / ordonnées)Tableaux: en-têtes, corps, propriétésFormulaires: principe, composants, propriétés, attributsSons, vidéos
Atelier: un premier formulaire d'envoi de mail
Syntaxe d'une règle CSSTypes de sélecteurs (Balise, ID, Classe)Pseudo-classes: de liens, de texte...Architecture de feuilles de stylePolitique de style d’un site InternetMéthodes de création de sites webLes sélecteurs et pseudo-selecteurs CSS3
Atelier: styliser une page existante
Concepts et insertion des balises d’en-têteQuelques règles à respecterTechniques avancées de création HTML
Présentation des balises sémantiques: Article, Header, Section, FooterCréation du squelette HTML5Définition des feuilles de stylesPositionnement des blockGestion de la compatibilité entre navigateurs (cross-browser compatibility)
Atelier: Réaliser un site avec une structure HTML5
Standards et ergonomie (WAI et ADAE)Définition de l’architecture HTMLFeuilles de stylesCréation des pages de contenus et application des normesLes éditeurs WYSIWYG et l’accessibilitéL’intégration d’outil CMS et l’accessibilité
Atelier: tester l'accessibilité d'un site
Principes et fonctionnementsVariables et types de donnéesOpérateursInstructionsStructures de contrôles (conditions, boucles...)Définition et utilisation de fonctionsObjets prédéfinis(document, window...)Contrôle de saisies et traitement de formulairesGestion des fenêtres (ouverture, fermeture, communication)Boîtes de dialogue
Atelier: apprendre à valider un formulaire
Chargement d’une pageGestion de la sourisContrôle de la saisie clavierComportements et actions
Atelier: réaliser une galerie de photos
Présentation du DOM (Document Object Model)Accès, modification, ajout d'éléments et d'attributsGestion dynamique des CSS
Atelier: scénarios et menus dynamiques
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Contrôle continu
Attestation de fin de stage mentionnant le résultat des acquis
Luxembourg: A 8 minutes à pied depuis Gare de Luxembourg: 750m (proximité Parcs de Pétrusse)
Locaux accessibles PMR
Paris, rue Antoine Bourdelle:
Strasbourg: A 7 minutes à pied depuis Gare Centrale de Strasbourg: 600m
Bruxelles: A 14 minutes en tramway depuis gare du Midi: lignes 2 et 6 - arrêt Madou
Lille: A 7 minutes en métro depuis la gare Lille Flandres: ligne M1 arrêt Rihour
Nos formateurs sont habitués à travailler en classe virtuelle (visio-conférence). Au préalable, nous réalisons un audit afin de s’assurer systématiquement en amont de la possibilité pour les stagiaires de suivre à distance (équipement, qualité de la connexion, etc...).
Cela vous permet d'interagir pleinement lors de la session.
Pour un déroulement optimal en visioconférence (et après test de connexion en amont) nous vous suggérons de prévoir:
Le(s) logiciel(s) installé(s) sur le poste du participant, Une connexion internet stable, Idéalement 2 écrans (dont 1 pour interactivité et 1 pour poste de travail et prise en main éventuelle à distance par le formateur), Un micro et haut-parleur ou kit mains-libres (pour interagir avec le formateur) et en option une webcam
Le participant devra être dégagé de ses contraintes professionnelles et/ou personnelles durant la formation.
Plus d'informations sur le déroulement de nos formations à distance: https://youtu.be/GsZhStn1OgI