Langages HTML & XML
HTML est le langage universel utilisé pour communiquer sur le Web.
Tout comme le XML, le HTML est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l’écriture d’un document avec des balises de formatage.
Les balises permettent d’indiquer la façon dont doit être présenté le document et les liens qu’il établit avec d’autres documents.
L’objectif initial est de faciliter automatisé de contenus complexes (arbres, texte riche…) entre systèmes d’informations hétérogènes.
Objectifs
Au sortir de cette formation, les participants :
- utiliseront les langage HTML & XML
- seront capables de réaliser une page Web statique
- sauront utiliser des feuilles de style (CSS et XSL)
Pré-requis
- Savoir se servir d’un navigateur
- Maîtriser l’environnement micro-informatique
Matériel mis à disposition
Un support de cours et un ordinateur avec accès Internet (possibilité de venir avec son propre matériel)
Modalités de la formation
Le planning horaires : 9h-12h et 13h-17h
Accessibilité
Nos locaux sont situés au 16 rue Guy de Maupassant, Portillon 9, 06400 Cannes.
Du fait de l’architecture extérieure du bâtiment, nos locaux ne sont pas accessibles aux personnes à mobilité réduite.
Néanmoins nos formations peuvent toutes être données à distance ou au sein d’autres locaux mieux adaptés. N’hésitez pas à nous contacter pour envisager une alternative personnalisée : [email protected] ou 04 93 99 81 12.
Programme
Journée 1
Présentation du langage HTML
- Principe du langage HTML
- Le concept des balises
- Le document HTML
- L’en-tête et le corps d’un document HTML
La mise en forme du texte
- La police, la taille des caractères
- Mettre en gras, italique
- Modifier la couleur d’un texte
- Définir un paragraphe, l’aligner, créer un retrait
- L’alignement
- Les caractères spéciaux
Les listes
- Numérotées
- A puces
- Imbriquées
Journée 2
Mettre en page avec les tableaux
- Les cellules de tableau
- La fusion des cellules
- Gestion de la taille du tableau
- En-tête et légende
- Les bordures
Créer des liens hypertextes
- La balise de liens
- Liens vers une autre page
- Liens à l’intérieur d’une page (gestion des ancres)
- Liens vers un autre site Web
- Liens vers une adresse électronique
- Liens pour télécharger un fichier
- Les Target
- La couleur des liens
- Liens et feuilles de style
Insérer des images
- Les formats d’images du Web : GIF, JPEG, PNG
- Redimensionnement, taille, positionnement, texte alternatif
- Intégrer une image d’arrière-plan
- Insérer un son, une vidéo, une animation flash
- L’insertion d’image d’arrière-plan
Journée 3
Les formulaires
- Créer un formulaire
- Zone de texte simple
- Zone de texte multilignes
- Zone de texte de type mot de passe
- Menu déroulant
- Case à cocher
- Bouton radio
- Bouton de commande (envoi d’un formulaire)
- Bouton d’annulation (Reset)
- Envoyer les informations par mail
- Récupérer les informations d’un formulaire
Les cadres
- Principe des cadres
- Cadres verticaux et horizontaux.
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
Journée 4
Exercices pratiques
- Création d’une page web
- Mise en forme du document
Journée 4
Journée 5
Présentation du langage XML
- Description du XML
- Les langages XML et HTM
- Syntaxe du langage XML
La démarche pratique
- Un premier document XML
- Le document type – DTD
- Afficher le XML avec CSS
- Afficher le XML avec XSL
- Afficher du XML dans du Html
- Des éditeurs XML expliqués
- La recommandation W3C
Journée 6
Les différentes techniques
- Vue d’ensemble : XML vsSGML vs HTML
- Pourquoi passer de HTML à XHTML
- XML bien formé : syntaxe et analyseurs syntaxiques
- Applications de XML
- Sources d’information et outils de création de contenu XML
- Unicode ou texte XML
- Vocabulaires et espaces de nommage
- XML valide : associer une d finition de type de document (DTD) ou un schéma W3C à un document XML
- XPath : définition d’un chemin, axes principaux, prédicats, sélection de l’information et fonctions XPath