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

Slides:



Advertisements
Présentations similaires
Comment utiliser PowerPoint
Advertisements

Lien hypertexte ou html
Les Couleurs.
Procédure pour faire un PowerPoint
Compétences et profil de classe
Gérer un site avec Kompozer
Les Couleurs.
Module 3.Adapter son portail Netvibes à ses besoins
Lexique des manœuvres de base pour utiliser à PowerPoint
PC 1 classe1 classe2 classe3 PC 2 classe1 classe2 classe3 PC 3 classe1 classe2 classe3 Mes docs (disque H) classe1 Mes docs (disque H) classe1 Mes docs.
Créer un document LES FONCTIONS ENREGISTRER LES FORMATS Retour au menu principal.
Les couleurs.
COMMENT CRÉER UNE ENQUÊTE AVEC SPHINX ?
Support Initiation Publisher 2010
Utilitaire pour créer des diaporamas en Flash et HTML : PORTA
Commission scolaire des Laurentides
Rédaction dun article sur le site internet du CRCACK Lien administration :
Logiciel auteur : convivial et simple d’utilisation
Création d’un diaporama avec le logiciel Microsoft Office -Powerpoint pour avancer clic sur la diapositive Pour mettre en œuvre le logiciel : Clic sur.
Accès aux Métiers de l’Informatique
Démonstration Interactive du logiciel EIME
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
~ Les bonnes pratiques ~
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Concevoir un diaporama avec Power Point.
Tableau croisé dynamique sous Excel (TCD).
Article de contribution Mini tutoriel. Après avoir cliqué sur « Article de Contribution », on obtient une page. Pour un souci de présentation, la page.
Création d'un diaporama Création d'un diaporama
I - Comprendre le plan du site : Nouveau site internet du CNGE.
Souriez, vous allez être présents sur Internet Daccord. Et comment ? Ou construire facilement mon site Web avec Easy Web.
TUTO POWER POINT Parole d’école décembre 2010
METHODE GLOBALE de construction d’un arbre phylogénétique
Les Couleurs.
un livre bleu une lampe bleue C’est de quelle couleur?
Formation – Power Point
Quel couleur?.
Création JJ Pellé le 26août 2012 UTILISER INTERNET.
Pourquoi est-il nécessaire d'installer de nouveaux logiciels sur votre ordinateur ? J'exclus de cette présentation l'installation de nouveaux matériels.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
CRÉER ET ALIMENTER UN BLOG A PARTIR DE LA PLATE FORME OVER BLOG
TD11 : Logiciel de présentation PowerPoint
CHAPITRE 1 LA COULEUR DES OBJETS. CHAPITRE 1 LA COULEUR DES OBJETS.
LOGICIEL DOCUMENTAIRE PMB
Tutoriel pour les contributeurs. Comment mettre des articles.
INTERNET Un réseau informatique mondial : ce sont des millions d'ordinateurs en permanence allumés (reliés entre-eux par des lignes téléphoniques, fibres.
D4 : Organiser la recherche d'informations numériques
Presented by Initiation à Google, un moteur de recherche Niveau 1.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
INTERNET Le langage HTML
MEDIAS ET ENSEIGNEMENT DU FLE BLOC 1 (1). Créer son premier site sur Wordpress Si vous avez déjà créé un site sur Wordpress, rendez-vous directement à.
Cours 3 21 janvier 2010 Quelques principes d’ergonomie de l’écran et du contenu de la page web Cours 3 21 janvier 2010 Quelques principes d’ergonomie de.
Création d’un site Web -Création « Graphique » de pages Création « Graphique » de pagesCréation « Graphique » de pages -Le graphisme Le graphismeLe graphisme.
Conception des pages Web avec
Les couleurs.
Clique sur une couleur pour jouer
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
FLASH MX : séance 1 Sandrine Rabin Nicolas Mollet SI28.
Environnement Flash MX
Guillaume MICHAUD – Yvan LECOMTE
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
SI 28 - Présentation Image Ready Aurélie Letenoux GSU 4.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
AVRIL ACCÉDEZ À L’ESPACE EXTRANET 1) Si vous ne possédez pas de mot de passe, veuillez cliquez sur « s’inscrire » dans la partie internet du.
Transcription de la présentation:

SITES internet ou Web

Larborescence dun site

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

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

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é

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

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.

Dominante JAUNE

Dominante JAUNE-ORANGE

Dominante ORANGE

Dominante ORANGE-ROUGE

Dominante ROUGE

Dominante VIOLET

Dominante BLEU

Dominante VERT

Dominante VERT-JAUNE sablé

Dominante ORANGE-MARRON

Dominante MARRON-NOIR

Dominante NOIR

Dominante GRIS

Dominante BLANC

Dominante GRIS-ROSE

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\ C:\Mes Sites Web\kaaron\ C:\Mes Sites Web\agedescancres.com\

QUESTIONNAIRE *** ?

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

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

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

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

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 ?

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

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