HTML TD 11

1
HTML TD 11

• Utilisation dInternet
• Création dun site Web

2
Sites Web définition

• Site Web un ensemble de fichiers (HTML, images,
  PDF, son, vidéo, etc.) placés dans le même espace
  du disque dur (arborescence) dun poste de
  travail (phase délaboration) ou dun serveur
  (phase de production/consultation) et liés entre
  eux par des liens hypertextes.

3
Sites Web définition

• Accès à un site web
• mondial (Internet)
• restreint au réseau dun organisme (Intranet)
• Restreint à un ensemble dorganismes (Extranet).
• Pour que le site soit accessible depuis un
  réseau, un serveur Web (logiciel) doit
  fonctionner sur le serveur (machine) qui héberge
  le site. Le plus utilisé est Apache. Cest un
  logiciel libre et multi-plateforme Windows,
  Unix, Mac OS, etc.

4
Création dun site Web

• But création dun site Web sur vos auteurs
  préférés.
• Organisation de linformation (simplifiée)
•   page daccueil
•   page(s) dinformations
• Charte graphique définit lidentité visuelle du
  site, les règles de composition des pages. Elle
  est constituée des éléments suivants 
• couleurs,
• fond de page,
• typographie (polices),
• éléments graphiques  logo, icônes, boutons.
•   Elle doit être homogène pour lensemble du
  site afin de faciliter lutilisabilité du site.

5
Page daccueil

• A laide de Word, créez une page Web contenant le
  titre  Mes auteurs préférés  en utilisant le
  style Titre 1
• Ecrivez une liste de 2-3 auteurs que vous aimez.
  Après la création dune page pour chaque auteur,
  il faudra revenir et créer des hyperliens vers
  leur pages respectives.
• Enregistrez le fichier sous le nom Auteurs et en
  format  Page Web .htm .html 
• Visualisez la page à laide dun navigateur Web

6
Pages dinformations

• Règle de composition des pages 2 zones
  principales 
• zone de navigation (corps des polices en général
  réduit, espace limité),
• zone dinformation (corps des polices en général
  important, espace maximal).
• Dans la zone de navigation mettez des hyperliens
  vers la page daccueil et vers les autres pages.
• Dans la zone dinformation, mettez des
  informations sur lauteur que vous pouvez
  rechercher sur le Web à laide dun moteur de
  recherche année de naissance, textes publiés,
  etc. Ajoutez aussi une ou plusieurs photos.
  Définissez une mise en page aérée, utilisez des
  tableaux, des colonnes, etc. Insérez une image en
  arrière-plan.
• Insérez des liens vers les sites que vous aviez
  sélectionnés  insérez un lien sur une image, sur
  un texte.
• Insérez en bas du document un lien vers une cible
  située en haut du document.

7
Hyperliens

• Dans la page daccueil ajoutez les hyperliens
  vers les pages que vous venez de créer.
• Actualisez aussi les hyperliens dans les pages
  dinformations.
• Le site est prêt, visualisez-le à laide dun
  navigateur Web.