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.

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.

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.

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

CWEB120.pdf

   Organisme de formation enregistré sous le n° 24450269645 auprès du préfet de Région Centre - Nos localisations | Recrutement | Contact | Plan du site | Infos légales