SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash.

Présentation au sujet: "SITES internet ou Web. Larborescence dun site Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash."— Transcription de la présentation:

1 SITES internet ou Web

2 Larborescence dun site

3 Schéma darborescence Page INDEX ou daccueil images pages vidéos diaporamas sons flash

4 De plus en plus de sites utilisent la partie supérieure pour limage 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 nest plus quà remplir les espaces par des textes et des images de son choix. Ces compositions ne sont guère créatives mais ont lavantage 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

5 Les HYPERLIENS Menus déroulants verticaux qui laissent apparaître des liens hyperactifs qui vont eux- mêmes, une fois cliqués, nous permettre douvrir 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 daccueil 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 dun 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 quil ny ait cependant une quelconque rupture. La main, symbole dhyperactivité des liens Lien direct coloré (ici bleu) et souligné

6 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 dun livre papier. vidé o illustration : photomontage illustration s phot o diapora ma typographi e texte Référents plastiques et textuels dun site

7 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 lextension.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 dun NOM de DOMAINE qui se fait en ligne avec un hébergeur qui diffuse le site sur Internet.

8 Dominante JAUNE

9 Dominante JAUNE-ORANGE

10 Dominante ORANGE

11 Dominante ORANGE-ROUGE

12 Dominante ROUGE

13 Dominante VIOLET

14 Dominante BLEU

15 Dominante VERT

16 Dominante VERT-JAUNE sablé

17 Dominante ORANGE-MARRON

18 Dominante MARRON-NOIR

19 Dominante NOIR

20 Dominante GRIS

21 Dominante BLANC

22 Dominante GRIS-ROSE

23 Les SONORITÉS dAMBIANCES Certains sons accompagnent certains sites, cela accentue lambiance du site et nous met en emphase avec les images ou pages qui vont suivre : C:\Mes Sites Web\ptitbestiole\www.ptitbestiol.com\index.html C:\Mes Sites Web\kaaron\www.kaarondesign.com\index.html C:\Mes Sites Web\agedescancres.com\www.agedescancres.com\index.html

24 QUESTIONNAIRE *** ?

25 c: b: e: d: a: Diapo 1: Donnez le noms de ces parts constituantes de site

26 Diapo 2: il sagit ici dune composition a: oblique ? b: justifiée à droite ? c: justifiée à gauche ? d: supérieure ?

27 Diapo 3: il sagit ici dune composition : a: oblique ? b: justifiée à droite ? c: justifiée à gauche ? d: supérieure ?

28 Diapo 4: il sagit ici dune composition a: oblique ? b: justifiée à droite ? c: justifiée à gauche ? d: supérieure ?

29 Diapo 5 : a: Combien donglets (hyperliens) ce site utilise-til ? 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 ?

30 Diapo 6 : a : Quel nombre donglets y a til ? 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

31 a : Quel est lintrus ? b : Justifiez… A B C D E F