Retour en haut de la page

XHTML - CSS FEUILLES DE STYLE

2 jours - 14 heures

Objectifs

Savoir intégrer une charte graphique dans un site Web sans que le contenu en soit bouleversé, mieux structurer le contenu d’un site, améliorer un site existant et optimiser l’affichage entre les différents navigateurs.

Participants

Informaticiens et Web Designers ayant une expérience dans le domaine du web.

Prérequis

Avoir une bonne pratique du HTML.

Pédagogie

La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.

Spécificités pédagogiques de la session à distance

Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.

Remarques

 

Certification

Formation Certifiante ENI - Code CPF 236 234

Profil de l'intervenant

Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.

Moyens techniques

Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.

Moyens techniques relatifs aux sessions à distance

Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.

Méthodes d'évaluation des acquis

Exercices individuels et collectifs durant la formation. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis de fin de stage sont adressées avec la facture.

Méthodes d'évaluation des acquis de la formation à distance

Exercices individuels et collectifs communiqués durant la formation via la bibliothèque pédagogique virtuelle mise à disposition ou directement par le formateur. Ces activités constituent les modalités de suivi et d’évaluation du Stagiaire de la part du formateur. Suivi permanent du formateur durant l’animation et durant les exercices pratiques.

Programme

Introduction à XHTML et CSS2

  • Avantages et bénéfices du changement
  • Appréhension de la compatibilité pour les différentes versionsdes navigateurs
  • Outils d’édition HTML, XHTML et CSS : présentation de différents outils
  • Le langage CSS : les différents types de sélecteurs : classe de sélecteur, identifiant de sélecteur, sélecteurs contextuels,sélecteurs groupés
  • Les blocs de texte, les boîtes de texte
  • Les propriétés CSS1, CSSP, CSS2
  • Unités de mesures relatives, absolues

Techniques de mise en page

  • Démos de sites full css, xhtml
  • Structure de documents : utilisation de balises de structurationet de sémantique
  • Positionnement avec la propriété position, positionnementavec la propriété float
  • Création de plusieurs colonnes
  • Mise en page pour les formulaires
  • Mise en page pour les tableaux de données
  • Mise en page pour les menus

Introduction à SVG (Scalable Vector Graphics)

  • Rôle et importance du SVG
  • Utilisation de SVG côté client : les formes de base
  • Structure de document SVG, exemple de balises
  • Utilisation des styles CSS avec SVG
  • Différentes méthodes d’intégration du SVG dans un document XHTML

Optimisation du code Javascript

  • Introduction au DOM et au Javascript
  • Accéder aux objets du document : les différentes techniquesd’accès, l’utilisation du mot-clé this, créer dynamiquementdes éléments
  • Positionnement d’éléments à l’aide du Javascript :positionnement d’éléments par rapport à la souris, mouvement d’éléments
  • Affichage/masquage d’éléments pour la création de menushiérarchiques
  • Techniques d’optimisation du code : utilisation d’objets, littéraux d’objet, optimisation des boucles
Datadock Microsoft TOSA Certification Robert Samsung partners

Grand-Est (Bar le duc, Chalons en champagne, Colmar, Epinal, Metz, Mulhouse, Nancy, Reims, Strasbourg, Troyes) Nouvelle-Aquitaine (Agen, Angouleme, Biarritz, Bordeaux, Brive, Compiegne, La rochelle, Limoges, Niort, Pau, Perigueux, Poitiers) Auvergne-Rhônes-Alpes (Annecy, Bourg en bresse, Chambery, Clermont ferrand, Grenoble, Lyon bron, Lyon masset, Lyon vendome, Saint etienne, Valence) Normandie (Caen, Le havre, Rouen) Bourgogne-Franche-Comté (Auxerre, Belfort, Dijon, Sens) Bretagne (Brest, Rennes) Centre-Val-de-Loire (Blois, Bourges, Chartres, Chateauroux, Orleans, Tours) Corse (Ajaccio, Bastia) Île de France (Aulnay sous bois, Groupe, La defense courbevoie, Nanterre, Paris nation, Paris ternes, Poissy) Occitanie (Cahors, Castres, Montauban, Montpellier, Narbonne, Nimes, Pamiers, Perpignan, Rodez, Toulouse) Pays de la Loire (La roche sur yon, Le mans, Montaigu, Nantes) Hauts de France (Amiens, Lille, Roubaix, Soissons) Provence-Alpes-Côte d'Azur (Aix en provence, Avignon, Marseille, Nice)