sites internet ou web. larborescence dun site schéma darborescence page index ou daccueil images...
TRANSCRIPT
![Page 1: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/1.jpg)
SITES internet ou Web
![Page 2: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/2.jpg)
L’arborescence d’un site
![Page 3: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/3.jpg)
Schéma d’arborescencePage INDEX ou d’accueil
images
pages
vidéos
diaporamassons
flash
![Page 4: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/4.jpg)
De plus en plus de sites utilisent la partie supérieure pour l’image du site et la partie gauche pour la présentation des menus. Ce sont pour la plupart des compositions banalisées déjà pré-élaborées par des logiciels où il n’est plus qu’à remplir les espaces par des textes et des images de son choix. Ces compositions ne sont guère créatives mais ont l’avantage d’être globalisantes dans leurs contenus respectifs et adaptées à la vision commune de lecture du web.
Onglets de menu de page
Modes de COMPOSITION
![Page 5: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/5.jpg)
Les HYPERLIENS
Menus déroulants verticaux qui laissent apparaître des liens hyperactifs qui vont eux-mêmes, une fois cliqués, nous permettre d’ouvrir de nouvelles pages
Menus déroulants horizontaux en cascade, ici coloré en rouge dès que pointés par la souris
Ces onglets de menu renvoient soit à une nouvelle page qui remplacera celle d’accueil soit dérouleront des menus déroulants qui une fois cliqués, nous feront apparaître soit une nouvelle page (pleine ou « pop up ») .Ce sont les « hyperliens » actifs qui apparaissent souvent en couleur lorsque la souris les survole pour montrer leur singularité de fonction active. Il est ainsi possible de descendre en profondeur dans tous les dossiers et sous-dossiers d’un site pour montrer ou mettre en évidence un détail. Il est de même possible de renvoyer par un simple lien à un site différent sans qu’il n’y ait cependant une quelconque rupture.
La main, symbole d’hyperactivité des liens
Lien direct coloré (ici bleu) et souligné
![Page 6: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/6.jpg)
Vidéos, diaporamas, photos, images, illustrations, textes, typographies, montages sont les constituants plastiques de communication utilisés communément dans tout site internet. Ils sont choisis en fonction de leur contexte informatif et en cela très proche de la composition d’un livre papier.
vidéovidéoillustration :
photomontageillustration : photomontage
illustrationsillustrations
photophoto
diaporamadiaporama
typographietypographietext
etexte
Référents plastiques et textuels d’un site
![Page 7: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/7.jpg)
Les INTITULÉS de NOMS de DOMAINE
Chaque site reçoit un intitulé URL qui détermine sa nature.Ex : .fr : France.com (référence internationale, commerce, communication).org (organisation, associatif, communautaire).net (relatif aux sites internet).eu (europe).info (information).biz (business).pro (professionnel).cc (égale de l’extension .com).tv (archipel des Tuvalu, aussi TV et télédiffusion).me (Monténégro, site perso « moi »).mobi (fonctionne sur tous types de matériel mobile).tel (annuaire universel en temps réel).fm (projets liés à la radio ou autres).mu (musique).name (adresse identitaire)Etc.Ces données sont fournies lors de la création d’un NOM de DOMAINE qui se fait en ligne avec un hébergeur qui diffuse le site sur Internet.
![Page 8: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/8.jpg)
Dominante JAUNE
![Page 9: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/9.jpg)
Dominante JAUNE-ORANGE
![Page 10: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/10.jpg)
Dominante ORANGE
![Page 11: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/11.jpg)
Dominante ORANGE-ROUGE
![Page 12: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/12.jpg)
Dominante ROUGE
![Page 13: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/13.jpg)
Dominante VIOLET
![Page 14: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/14.jpg)
Dominante BLEU
![Page 15: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/15.jpg)
Dominante VERT
![Page 16: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/16.jpg)
Dominante VERT-JAUNE sablé
![Page 17: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/17.jpg)
Dominante ORANGE-MARRON
![Page 18: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/18.jpg)
Dominante MARRON-NOIR
![Page 19: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/19.jpg)
Dominante NOIR
![Page 20: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/20.jpg)
Dominante GRIS
![Page 21: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/21.jpg)
Dominante BLANC
![Page 22: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/22.jpg)
Dominante GRIS-ROSE
![Page 23: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/23.jpg)
Les SONORITÉS d’AMBIANCESCertains sons accompagnent certains sites, cela accentue l’ambiance du site et nous met en emphase avec les images ou pages qui vont suivre :
C:\Mes Sites Web\ptitbestiole\www.ptitbestiol.com\index.htmlC:\Mes Sites Web\kaaron\www.kaarondesign.com\index.htmlC:\Mes Sites Web\agedescancres.com\www.agedescancres.com\index.html
![Page 24: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/24.jpg)
QUESTIONNAIRE***
?
![Page 25: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/25.jpg)
c:
b:
e:
d:
a:
Diapo 1: Donnez le noms de ces parts constituantes de site
![Page 26: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/26.jpg)
Diapo 2: il s’agit ici d’une composition
a: oblique ?
b: justifiée à droite ?
c: justifiée à gauche ?
d: supérieure ?
![Page 27: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/27.jpg)
Diapo 3: il s’agit ici d’une composition :
a: oblique ?
b: justifiée à droite ?
c: justifiée à gauche ?
d: supérieure ?
![Page 28: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/28.jpg)
Diapo 4: il s’agit ici d’une composition
a: oblique ?
b: justifiée à droite ?
c: justifiée à gauche ?
d: supérieure ?
![Page 29: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/29.jpg)
Diapo 5 :a: Combien d’onglets (hyperliens) ce site utilise-t’il ?
b : Pour arriver à la 3° page (détail), combien de liens ont-ils été cliqués ?
c : Comment se nomme cette action graphique qui simplifie, géométrise un élément réaliste ?
![Page 30: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/30.jpg)
Diapo 6 :
a : Quel nombre d’onglets y a t’il ?
b : combien de liens actifs découvrez-vous en dehors de ces onglets ?
c : nommez ces éléments constitutifs (1 à 5) du site.
1
2
3
4
5
![Page 31: SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash](https://reader035.vdocuments.fr/reader035/viewer/2022062511/551d9d7d497959293b8b5554/html5/thumbnails/31.jpg)
a : Quel est l’intrus ?
b : Justifiez…
A
B
C
D
E
F