Internet, le Web etc… (II) Benjamin I. Levine Novembre 2002

Ce qui aurait du être fait… Réfléchir à la disposition de votre page Réunir des Images (CD, disque ou adresses internets) S’inscrire sur free ou ifrance ou…

Internet, le Web etc…(II) Benjamin I. Levine Novembre 2002 Balise meta et le référencement La définition des couleurs Les cadres et leurs utilisations Construction d’un site avec des cadres

Les Balises Meta et le référencement Le codage des couleurs

Balise META ftp://ftp.isi.edu/in-notes/iana/assignements/character-sets

Codage des couleurs Rouge Vert Bleu Valeur RGB #ff0000 #0000ff#00ff00 #FFFFFF Base 16 (hexadécimal) : ABCDEF

Utiliser des cadres

Questions à se poser : Quelle structure/disposition adopter ? Quel cadre doit gérer la navigation ? Dans quelle fenêtre les pages cibles doivent-elles s’afficher ? Et les navigateurs anciens, peuvent-il afficher les cadres ?

Quelle structure/disposition adopter ? Accueil Mes photos Mes amis Mon CV Vacances Accueil Mes photos Mes amis Mon CV Vacances Accueil Mes photos Mes amis Mon CV Vacances Accueil Mes photos Mes amis Mon CV Vacances

Définition de la structure Fichier2.htm Index.htm Fichier1.htm Fichier3.htm

Exemple de code HTML pour un cadre Exemple de page avec des cadres Désolé mais il n'existe pas de version de ce site sans cadres... (contenu du fichier index.htm) Zone de définition des cadres

Si le navigateur ne gère pas les cadres

Les Liens

L’attribut target Un lien peut renvoyer vers une page externe. Il y a plusieurs façons de l’afficher. "_parent" "_blank" "_top" "nom_de_cadre" target= GOOGLE

Construire un site

Structure du fichier index.htm Principal bandohaut Bandogauche frhome.htm bandohaut.htm Bandogauche.htm 20%

Contenu du fichier index.htm Exemple de page avec des cadres Désolé mais il n'existe pas de version de ce site sans cadres... (contenu du fichier index.htm) Zone de définition des cadres

Carte du site Accueil frhome.htm Mes Photos photo.htm Mes amisMon CVMes Vacances Les liens pointerons tous vers le cadre principal Seul un fichier : bandogauche.html contient des liens Target="principal" bandogauche.htm

bandohaut.htm

photos.htm

Utilisation de Tableaux Mise en page Les cellules peuvent contenir des gifs transparent Balises

Contenu du fichier photos.htm

Site Complet

Précautions à prendre avec les cadres Pour un petit site, ils sont un peu lourds Les sites composés de cadres sont plus long à charger En cas de lien externe il faut penser à ouvrir une nouvelle fenêtre car il y a risque de confusion Il faut faire attention à établir des liens vers un jeux de cadre lorsqu’on relève une URL

Javascript Bonus <!-- window.defaultStatus="Bienvenue sur notre site Web!"; // -->

Les logiciels et leurs limites DreamWeaver 2,3,4 et MX FrontPage Express et 2000 HotDogPageWiz