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

Présentation au sujet: "Internet, le Web etc… (II) Benjamin I. Levine Novembre 2002."— Transcription de la présentation:

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

2 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…

3 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

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

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

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

7 Utiliser des cadres

8 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 ?

9 Quelle structure/disposition adopter ? Accueil Mes photos Mes amis Mon CV Vacances E-mail Accueil Mes photos Mes amis Mon CV Vacances E-mail Accueil Mes photos Mes amis Mon CV Vacances E-mail Accueil Mes photos Mes amis Mon CV Vacances E-mail

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

11 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

12 Si le navigateur ne gère pas les cadres

13 Les Liens

14 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

15 Construire un site

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

17 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

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

19

20 bandohaut.htm

21 photos.htm

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

23 Contenu du fichier photos.htm

24 Site Complet

25 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

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

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