Zone 1 Zone 2 Zone 3 Zone 4 Zone 5 Zone 6. La zone 1 : le bandeau devra faire 741 pixels de largeur et ne pas comporter de motifs à sa droite afin de.

Slides:



Advertisements
Présentations similaires
Votre logo à insérer ici
Advertisements

Lundi 15 Décembre 2008 Aujourd'hui, les balises et.
Plusieurs réponses sont possibles …….
Les étapes de conception d’un site web
Cours XHTML/CSS Lundi 9 Février 2009
Présentation déclinaisons graphiques du site FTVP 10/07/2008.
L'architecture d'un site Toile : L'architecture d'un site Toile : Quelles informations pour Quel public ? Deux questions très importantes sont à poser.
Principe de défilement du document dans un traitement de texte
Les TABLEAUX Retour au menu principal.
ATTENTION Les lignes pointillées doivent être effacées avant impression. Il sagit juste de repères. Ainsi que les blocs indicatifs bleus. 1 re de couverture.
RETOUCHE DE PHOTOS ET PEINTURE AVEC LES STYLES DE CALQUE
Newsletter Bonnes pratiques.
Formation au module Structure de ZENTO
Présentation de l’E. N. T. Liberscol
Le programme didentification visuelle et Internet.
IHM Responsive Design François BONNEVILLE aricia - Laboratoire d'Informatique de lUniversité de Franche-Comté
~ 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.
Autodesk® Revit® Building 9
Mode demploi du forum Taper sur la barre despace ou cliquer avec la souris pour faire avancer le diaporama à votre rythme.
La numérisation de documents.
INFORMATIONS UTILES Fiches résumées Mathieu Andrieux Laurent Solini
Mars 2013 Grégory Petit
Le PIV adapté aux situations des sites gouvernementaux.
ANALYSE D’UNE TENSION ALTERNATIVE PERIODIQUE.
 Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style.
Dans la barre des messages, cliquez sur Activer la modification,
Prise en main de Powerpoint 2007
Exporter – Graver - Présenter  C'est grâce aux collections que "Exporter graver présenter" prend tout son sens  On peut y exporter un ensemble d'images,
Création et présentation d’un tableau avec Word 2007
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
LCL – Refonte HP / Vidéos
Petit manuel pour visiter le site L.T.L. Des captures d'écran dans le but De vous aider à parcourir le site. Pour faire défiler les pages, appuyez sur.
Cliquer ici Le but de ce module est de vous donner des notions d’affichage Ces notions devraient vous aider fortement à mieux comprendre par la suite.
Exercice 8: Insérer une image d’animal. Cette image doit être de type clipart et elle doit venir de la bibliothèque.
Question 1 Quelles sont les dimensions du terrain?
Manipuler les images numériques : Traitement de l’image. 1 Préparer une image pour une utilisation picturale ou graphique. Faire un.
L’image numérique : concepts et principes de traitement
L’agenda masque encore le début des textes du Mag and co. Nous maintenons la demande du décalage de 50 pixels. Possible de réduite la typo Possible de.
Location d’appartements de standing
Finalisation des sites témoins de circonscription - Jeudi 19 mars
Titre de votre session Votre logo à insérer ici Prénom NOM Fonction ORGANISME.
1.Conception graphique du site 'Algoma' par la technique des tableaux Réalisez la page d'accueil du site suivant le modèle et les images ressources fournis.
AJOUTER UNE BORDURE BLANCHE © 2010 Frederic DAVID.
Réaliser le site Bic à l'aide de calque, avec les éléments suivants: Image de fond: fondBIC.gif (20k) Personnage BIC: bicman.jpg (4k) Barre de navigation,
Réaliser le site Bic à l'aide de calque, avec les éléments suivants: Image de fond: fondBIC.gif (20k) Personnage BIC: bicman.jpg (4k) Barre de navigation,
Introduction à SVG Scalable Vector Graphic. Informations ● Plus d'informations ici (draft, tutoriaux, outils... ): –
Retour sur l’évaluation préalable. résolution : grosse photo, petits pixels.
Pierre de lune Pour arrêter la présentation et retourner au site, utilisez la touche arrière de la barre de navigation.
Conception des pages Web avec
SOUTENANCE DE PROJET LE GASTRONAUTE IUT de Troyes Département MMI
VISUALISATION DE LA FORME URBAINE Protocoles de visualisation La perspective traditionnelle –Mode de construction & Principes de base –Limites du modèle.
REDIMENSIONNER UNE IMAGE © 2010 Frederic DAVID. Le but est de redimensionner une image Image redimensionnée Image originale.
Gestion d’un chantier ou d’un Projet
Dreamweaver Séance 1.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Dreamweaver le retour Avec Les Formulaires Les Calques
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
SI28 - Écriture interactive et multimédia Laurent FETZER GSU04, Lucie SOLA GSU06 P PRESENTATION Dreamweaver 2.
L’image Quelques repères sur l’image Quelques repères sur l’image.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
SI28 : D REAMWEAVER 2 Audrey BUISSON – GSU05 Romain LASSALLE – GI05 1 SI28 – Ecriture interactive et multimedia.
Faire dépasser les images ou les zones de couleurs jusqu’aux traits de coupe. FACULTÉ DE MÉDECINE Le texte de l’affiche doit être contenu dans cette zone.
Règlement modifiant le règlement de l’arrondissement de Sainte-Foy-Sillery-Cap- Rouge sur l’urbanisme relativement à une autorisation personnelle à la.
Les ateliers l’environnement numérique de travail en Midi-Pyrénées L’ENT MIDI-PYRÉNÉES EST SOUTENU PAR L’ent : prise en main - CLIQUEZ POUR CONTINUER -
Exemple mémoire. Ci-joint l’exemple d’une memoire.
Transcription de la présentation:

Zone 1 Zone 2 Zone 3 Zone 4 Zone 5 Zone 6

La zone 1 : le bandeau devra faire 741 pixels de largeur et ne pas comporter de motifs à sa droite afin de permettre une répétition pour s’adapter aux différentes résolutions d’écran. La hauteur maximale (chemin de fer compris) devra être de 145 pixels. Aucun champ de texte ne sera fait graphiquement. Le bandeau devra, comme dans l’exemple avoir un support de navigation (chemin de fer, voir bandeau dans la zone 1 ’accueil’ ). Il se découpa ainsi : La zone 2,3,5 : Ces zones graphiques devront être d’une largeur maximale de 170px et minimale de 150 px. Elles se découperont ainsi : La zone 4 : Elles sera découper ainsi : 4 coins et une barre entre les deux pouvant s’agrandir en fonction du contenu. Image1Image2 Image1Image2Image3

La zone 6 : Le site devra être délimiter dans le bas par un élément graphique comme dans l’exemple ci-dessus. Le principe est le même que pour le bandeau, il doit pouvoir s’agrandir à volonté. Cette zone sera découpée ainsi : Image1 Image2 Image1 Image2 Image 3 Image4Image5 Image6 Image7 Image 8