Outils pour utilisateurs
Ceci est une ancienne révision du document !
Table des matières
Les page web
But et travail à faire
Réaliser un document numérique sous une autre forme qu'une page réalisée grâce à un traitement de texte.
Choisir une femme célèbre et rechercher des informations sur elle.
Le résultat des recherches sera présenté sous la forme d'une page WEB à laquelle sera associé une page de style pour sa mise en forme à l'écran.
Les informations recherchées sont :
- Son nom complet ( et surnom ou nom d'artiste)
- Sa nationalité et ses dates et lieux de naissance
- Une photo libre de droit
- Une description des faits importants relatifs à sa célébrité
- Un avis personnel sur la personne (le votre)
Sites ressources
Voici une liste non exhaustive pour choisir la personne dont vous allez parler. D'autres sites tel Wikipédia vous permettront d'avoir des informations supplémentaires à son sujet.
Description sommaire
La page WEB
Une page web <html> est un document textuel dont le contenu est décrit à travers des balises. Elle contient des informations générales, l'entête <head>, destinées au navigateur qui l'affiche et un contenu, le corps <body>, qui comprend le texte et sa description pour le lecteur.
Chaque partie du contenu est placé entre une balise ouvrante et une balise fermante (ex. <balise>Contenu</balise>) décrivant le type de contenue (titre, texte, image, lien ..). La balise fermante est la même que l'ouvrante avec une barre oblique au début. Il existe des balises sans contenu (ex. <balise />). Chaque balise et généralement écrite sur une ligne séparée en utilisant des indentations (espaces en début de ligne pour faciliter la lecture).
En HTML5 (version actuelle des pages web) cela donne :
La 1ere ligne indique un document en HTML5
La 2ème indique le début de la page web dont le contenue est en langue française
Début de l'entête pour le navigateur
Contenu de l'entête
Fin de l'entête
Début du corps
Contenu du corps
Fin du corps
Fin de la page
L'entête
Un entête peut contenir beaucoup d'informations mais ici nous allons nous limiter à 3 balises principales :
<head> <title>Titre de la page dans l'onglet du navigateur</title> <meta content='text/html; charset=UTF-8' http-equiv='content-type' /> <link rel='stylesheet' type='text/css' href='style.css' /> </head>
- title : indique le titre affiché dans l'onglet du navigateur
- meta : indique le codage des caractères, généralement “UTF-8” en HTML5 (voir le cours sur la numérisation des informations)
- link : indique l'URL de la page de style “style.css” utilisée pour la mise en forme à l'écran. En son absence, une mise en forme par défaut est utilisée.
Les balises meta et link n'ont pas un contenu affichable tel le titre de la page et n'utilisent pas de balise fermante mais la barre oblique de fin.
Le corps
