Formation Développement Internet
XHTML, feuilles de style CSS
XHTML et CSS sont les langages indissociables de la présentation Web : diffusion du message et de sa mise en forme. Il fut un temps le développement HTML et CSS était aisé : les pages Web étaient statiques construites sans rigueur, sans contraintes particulières, les navigateurs toléraient les erreurs.
Aujourd'hui, les exigences et attentes ont fortement évolué : accessibilité, conformité, interfaces riches et conviviales, Ajax, RIA (Rich Internet Application), diversité des supports de rendu…
Cela demande désormais une bonne connaissance de l'environnement client, de ses langages et de leurs mises en œuvre.
Objectifs
Acquérir les bases XHTML et CSS nécessaires
pour créer des documents Web conformes aux recommandations
du W3C, compatibles avec les principaux navigateurs Desktop (machines de bureau, ordinateurs portables...) .
Comprendre la diversité des environnements
Description
XHTML
L'environnement
- Les standards du Web, le W3C
- L'environnement client
les principaux navigateurs Desktop et moteurs de rendu
les différents supports de rendu : Machine de bureau, ordinateur portable, netbook, tablette, téléphone mobile...
- L'environnement de travail : les éditeurs, les outils de validation, le navigateur…
-
Les recommandations du W3C, la législation, l'accessibilité
- Les priorités, niveaux de conformité
Introduction au langage HTML-XHTML
- Les balises, les attributs, les entités
- L'imbrication des éléments
- La structure d'un document
- la déclaration DOCTYPE, l'en-tête, le corps du document, les commentaires
- Les différentes versions HTML-XHTML, XHTML MP, HTML5...
La prise en charge par les principaux navigateurs Desktop
- Valider un document
Créer un document HTML
- Définir le type du document (DOCTYPE)
- Définir la langue et l'encodage du document
- Définir le titre du document, les éléments méta comme "description" et "keywords"
Structurer un document et insérer les différents éléments
- Structurer un document, respecter la sémantique des éléments
- Titres, paragraphes, listes non ordonnées, ordonnées, de définitions
- Liens : lien vers une page Web, un document, une adresse électronique
- Images
- Eléments Mulimédia
Insérer un élément Flash avec un script
Insérer une vidéo .mov avec un script
- Tableaux
- Formulaires : les différents champs
- DIV et SPAN
Mettre en forme / Séparer le fond et la forme
- Principe de la séparation du fond et de la forme
Styles CSS
Introduction aux stylesCSS
- Principes et définitions
- Les différentes versions CSS : CSS2, CSS2.1, CSS3...
La prise en charge par les principaux navigateurs Desktop
- La syntaxe CSS
- Définir les styles : dans un attribut style, dans le document, dans un fichier externe
- Définir les sélecteurs, les médias, les unités et couleurs
Définir les styles des bordures
- Les différents types de boîtes CSS
- Définir les bordures, les espacements internes et externes …
Définir les styles de fond
- Définir les couleurs
- Définir une image de fond, répétition, positionnement…
Définir les styles de la typographie
- Définir les caractéristiques d'un texte : la taille, la police, la couleur, alignement …
- Choisir et définir les paramètres pour tout un document ou tout un site
- Appliquer un style à tout un paragraphe ou à une partie du paragraphe
Définir les styles d'une liste
Définir les styles des liens
Définir les styles d'un tableau
- Définir le placement de la boîte de légende
- Définir le modèle de bordure…
Définir les styles de positionnement
- Définir les dimensions, visibilité…
- Définir le positionnement, le flottant…
Créer un gabarit de page
- Créer un gabarit XHTML/CSS étape par étape
- Réinitialiser les styles, définir les styles généraux...
- Définir et positionner des zones, centrer une zone
- Habiller les contenus des différentes zones
- Valider le rendu avec différents navigateurs
Ateliers
Les ateliers illustrent par des exemples concrets les sujets abordés,
apportant ainsi aux participants une première expérience XHTML/CSS.
- Découvrir le comportement d'une page avec les principaux navigateurs
- Mettre en forme à l'aide de styles CSS
- Créer une page modèle pour différents médias (écran et imprimante) :
. analyse des contraintes, choix des solutions,
. construction de la page étape par étape,
. validation
Durée : 2 jours
Public : Webmasters, développeurs
de pages Web, personnes souhaitant créer un site
Internet, personnes en charge d'un projet Web, personnes souhaitant créer un modèle
de page pour un gestionnaire de contenu...
Pré-requis : Pratiquer la bureautique, savoir naviguer sur le Web.
Retour au catalogue des formations
Financement
Financement possible au titre de la formation continue.
Consultez votre OPCA (Organisme Paritaire Collecteur Agréé) ou contactez-nous.