Le site Internet de FilCall.com

Dimension: px
Commencer à balayer dès la page:

Download "Le site Internet de FilCall.com"

Transcription

1 Le site Internet de FilCall.com Visuel de la page d'accueil du site FilCall.com (Février 2008) Introduction Le développement du site FilCall.com (filiale de la société VitavieTravel.com) a été conçu à partir du seul élément graphique existant au sein de la société, le logotype, tant au niveau des couleurs (rouge et blanc) qu'au niveau de la forme (rectangle à coins arrondis pour l'interface). Le site se découpe en trois partis principales : l'en-tête, le corps (où s'insère le menu principal d'un côté et le contenu des pages de l'autre) et le pied de page. Du fait d'un site "vitrine" avec peu de contenu, l'ensemble est centré dans la fenêtre des navigateurs sur un fond dégradé rouge pour focaliser l'attention des internautes. 33

2 Découpage fonctionnel du site FilCall.com (Février 2008) Une interface moderne et efficace L'obtention d'un design épuré, convivial et chaleureux s'est fait de la manière suivante : Les pages sont construites de façon claire et aérée par une implémentation d'éléments graphiques sur fond blanc et l'emploi de couleurs sombres au niveau du texte (noir pour les paragraphes, gris pour les titres, rouge orange pour les liens, etc.) créant un fort contraste pour une lisibilité accrue. La navigation linéaire et principalement en seul clic se fait intuitivement. L'ensemble des liens se situe dans la partie gauche des pages sous forme de liste. Seulement quatre autres liens se trouvent dans l'en-tête du site (en haut et à droite) sous forme d'icône simple de couleur blanche : une enveloppe pour contact, un cadenas pour l'espace privée, une feuille cornée pour mentions légales et une maison pour accueil. Le message direct et concis (phrases simples et paragraphes courts) amplifie le discours qui se veut franc et précis. 34

3 L'organisation du site Le découpage du site s'est fait sous forme d'un tableau de 710 pixels de large et centré dans la fenêtre des navigateurs Internet (il est constitué d'une seule colonne sur cinq lignes). Les pages génériques sont quant à elles composées par des blocs via le style CSS : {DIV #minimenu} pour le menu du site à gauche et {DIV #contenu} concernant le contenu des pages. Découpage fonctionnel d'une page générique du site FilCall.com (Février 2008) Il y a bien sûr une petite exception concernant le page d'accueil ("Homepage") qui a sa propre mise en page dans le style "marketing" : une grande photographie en fond qu'argumente une phrase d'accroche jouant sur la différence de taille et de graisse au niveau de la police de caractères. 35

4 La mise en page La cohérence visuelle de l'ensemble des pages est confiée à des styles CSS (présents dans le fichier "include.php" insérés par programmation dans chaque page agissant ainsi comme une feuille de styles externe). La puissance du CSS au niveau des effets visuels réalisables, la facilité et la rapidité de transformation sur la totalité du site est la principale raison de son utilisation. La feuille de styles Les pages sont hiérarchisées principalement en deux niveaux de titre par les balises HTML suivantes : <H1> et <H2>. Le corps du texte est quant à lui mis en forme par la balise <P> (paragraphe). Détail de la feuille de styles du site FilCall.com (Janvier 2008) 36

5 Les polices de caractères utilisées Les titres se différentient, en dehors de la taille et de la couleur, par l'utilisation de la famille de police de caractères serif ("Times New Roman", Times, serif) en opposition de la famille sans-serif (Verdana, Arial, sans-serif) pour le corps du texte. Les couleurs utilisées Mise en forme du texte d'une page générique type du site FilCall.com (Février 2008) Rouge FilCall (fond et texte) R V B / #E43A3A Rouge intermédiaire R V B / #8F1D1D Rouge sombre (fond) R V B / #3A0000 Orange (liens et texte) R V B / #F35B14 Gris clair (texte) R V B / #BFBFBF Gris intermédiaire (titres) R V B / #8F8F8F Noir (texte) R V B / # Blanc (texte) R V B / #FFFFFF 37

6 Le graphisme Les images La réalisation des divers visuels a été effectuée sous Adobe Photoshop CS2 (et ImageReady occasionnellement) aux deux formats usuels du Web : le.jpg et le.gif. Le.JPG est dédié aux photographies, aux images complexes avec beaucoup de couleurs comme l'apparence générale du site, les bandeaux en haut des pages, les logotypes des différents référents, etc. Exemples d'en-tête de page du site FilCall.com Le.GIF est utilisé pour les éléments avec transparence, peu de couleur ou animés tel que les puces, les icônes en haut du site, les boutons d'action, les bandeaux publicitaires, etc. Exemple d'un bandeau publicitaire du site FilCall.com 38

7 L'animation La recherche graphique concernant l'en-tête du site FilCall.com s'est effectué sous Adobe Photoshop CS3 avec l'élaboration d'une image d'arrière-plan au format.jpg. A partir de cette base, une animation a été produite sous le logiciel Macromedia Flash 8 pour profiter de la puissance de la mise en mouvement des divers objets et de la légèreté du fichier généré (13 Ko seulement en format.swf).l'apparition du haut du site Web gagne donc en fluidité et en finesse des détails avec une interaction accrue sur le menu d'icônes. Animation Flash du site FilCall.com (Février 2008) Les autres pages La page "error404" Visuel de la page "error404.html" du site FilCall.com (Février 2008) 39

8 La page erreur 404 a été réalisé pour permettre aux internautes de revenir sur la page d'accueil en toute circonstance et interdire par la même occasion la visualisation de répertoire contenant des fichiers autres que des pages Web consultables. Le fait de personnaliser cette page dans la charte graphique du site apporte une note de professionnalisme et de sérieux pour la société FilCall. La page "login" La page "login" avait déjà été créée avant le site en ligne pour permettre aux clients de la société de consulter les statistiques concernant leurs prestations et leurs statistiques. Cette page (ainsi que l'ensemble des pages statistiques) a donc été retravaillée visuellement pour un prolongement logique à partir d'un lien sur le site FilCall.com. Visuel de l'étude de la page "login" du site FilCall.com (Février 2008) 40

Service Général des Lettres et du Livre

Service Général des Lettres et du Livre Charte webdesign Sommaire 1 2 3 4 5 6 7 8 9 Présentation Structure du site Page accueil Sites satellites Familles chromatiques Principe de navigation éléments graphiques Familles typograhiques Traitement

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Créer des pages web avec Front Page 2000

Créer des pages web avec Front Page 2000 Créer des pages web avec Front Page 2000 1 - Préparation Préparer le plan du site que l'on souhaite créer avec les liens reliant les différentes pages. Structure du site Structure pour le stockage des

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

Cahier des charges d'un site web

Cahier des charges d'un site web Ce document est mis à votre disposition pour vous aider à commencer le cahier des charges qui est surtout un travail de réflexion. Il est donc important que vous développiez les rubriques importantes pour

Plus en détail

Bannières : conseils de D.A. Module Webdesigner

Bannières : conseils de D.A. Module Webdesigner Bannières : conseils de D.A Module Webdesigner Interactivité Les éléments d'interactivité peuvent améliorer la sensibilisation à la marque de 63%. Le son et l'animation aident à distinguer des autres éléments

Plus en détail

[Sage. [Catalogue Prestations et Modules. ebusiness

[Sage. [Catalogue Prestations et Modules. ebusiness [Sage ebusiness [Catalogue Prestations et Modules 2014 Catalogue 2014 Prestations Sage ebusiness et Sage Designer Descriptif détaillé des prestations Installation et formation 2 jours A l issue de cette

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

CAHIER DES CHARGES (modifiable par l'ilot ou à compléter) Projet site internet NOM: «...»

CAHIER DES CHARGES (modifiable par l'ilot ou à compléter) Projet site internet NOM: «...» CAHIER DES CHARGES (modifiable par l'ilot ou à compléter) Projet site internet NOM: «...» Collège: ème... Nom/prénom: Fonction: Email: 2012-201 date signature Rédacteur 1: Images / Vidéos...@laposte.net

Plus en détail

UNE PRESENTATION SUR ORDINATEUR? OUI! MAIS POUR QUOI FAIRE?.

UNE PRESENTATION SUR ORDINATEUR? OUI! MAIS POUR QUOI FAIRE?. 1. UNE PRESENTATION SUR ORDINATEUR? OUI! MAIS POUR QUOI FAIRE?. 2 A. PréAO? Késako?... 2 B. Conseils d utilisation... 2 C. «Je mets quoi dedans?»... 3 2. CREER UN DIAPORAMA SIMPLE... 3 A. Nouveau document...

Plus en détail

Réaliser une page du site http://la-ba.lyceegutenberg.net

Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Récupérer les éléments récupérer sur le bureau de votre ordinateur à partir du serveur

Plus en détail

présente Conception d un petit site Web

présente Conception d un petit site Web présente Conception d un petit site Web Préambule Cette présentation fait suite à celle intitulée «Imaginer, concevoir, mettre en ligne et maintenir un site Web» qui décrit tous les points auxquels il

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

Plus en détail

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx Xxxxxxxxxxxx Xxxxxxx CHARTE GRAPHIQUE 1 Sommaire Positionnement du site Ce site se veut élégant, sobre et adapté aux professionnels ciblés par son ergonomie simple et efficace. Il met en avant les produits

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Lamia Rmila Adeline Lelièvre Chartre Graphique

Lamia Rmila Adeline Lelièvre Chartre Graphique Lamia Rmila Adeline Lelièvre Chartre Graphique PREAMBULE Dans le cadre du module de communication du deuxième semestre du DUT QLIO, la mission confiée aux étudiants était la refonte totale du graphisme

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Cahier des charges d'un site web A quoi sert-il? Exemples Votre cahier des charges à compléter

Cahier des charges d'un site web A quoi sert-il? Exemples Votre cahier des charges à compléter Cahier des charges d'un site web A quoi sert-il? Exemples Votre cahier des charges à compléter Cahier des charges de site web à compléter en ligne A vous de compléter votre cahier des charges selon vos

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

TD n 3 Microsoft Office Word 2007

TD n 3 Microsoft Office Word 2007 1 TD n 3 Microsoft Office Word 2007 1. Présentation Microsoft Word est un logiciel de traitement de texte puissant qui fait partie du pack Office, il permet de créer simplement des documents (des lettres,

Plus en détail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

Déroulement de la formation

Déroulement de la formation Notes de cours Traitement de l image Marc Bernier Déroulement de la formation 1. Les différents formats d image. 2. Présentation de quelques applications Adobe Air. 3. Redimensionnement d une ou plusieurs

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Modèle de charte graphique

Modèle de charte graphique Modèle de charte graphique Pour donner à l utilisateur des repères au sein d un site et faciliter sa visite, il est impératif de développer une cohérence pour l ensemble de vos pages. Lors de la conception

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

Plus en détail

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale»

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale» Option du thème Le panneau «thème option» 1. Onglet «générale» - Insertion Image ou logo avec aperçu. - Réglage de la hauteur de l entête. (header) - Réglage de la marge supérieur et de gauche du logo

Plus en détail

Module 2: Fonctions de base Navigation & Édition

Module 2: Fonctions de base Navigation & Édition Module 2: Fonctions de base Navigation & Édition 2.0 Introduction Dans le module 1, le Tableau de bord Excel donnait une description des divers composants de l interface d Excel. Le module 2 explique les

Plus en détail

Création d un Calendrier pas à pas.

Création d un Calendrier pas à pas. Bureautique Création d un Calendrier pas à pas. Liste du matériel à utiliser pour la création du calendrier : Word 2007. Une imprimante jet d encre. 1 feuille de carton en couleur. (Fond) 1 feuille de

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Word 2010. Créer et mettre en forme un document simple. Christophe Malpart

Word 2010. Créer et mettre en forme un document simple. Christophe Malpart Word 2010 Créer et mettre en forme un document simple Sommaire 1 Avant-propos 4 1.1 L'interface graphique du logiciel 4 2 Saisir et mettre en forme un document simple 5 2.1 Paramétrage des interlignes

Plus en détail

CHARTE GRAPHIQUE. création Janvier 2008. w w w.vous financer.com

CHARTE GRAPHIQUE. création Janvier 2008. w w w.vous financer.com CHARTE GRAPHIQUE création Janvier 2008 Introduction La charte graphique est un document de travail qui contient l ensemble des règles fondamentales d utilisation des signes graphiques qui constituent l

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

GUIDE Word (version intermédiaire) Version 2013 GUIDE Word (version intermédiaire) Version 2013 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 4 4. Note de bas de page ou des notes de fin de document... 6 5. Table

Plus en détail

I N F O S T A N C E. Cahier de textes Rentrée 2009

I N F O S T A N C E. Cahier de textes Rentrée 2009 I N F O S T A N C E Cahier de textes Rentrée 2009 I N D E X INTRODUCTION... 4 PRESENTATION... 5 LES DROITS... 6 SAISIR UN CAHIER DE TEXTES... 7 SAISIE DU CAHIER DE TEXTES DEPUIS LE PLANNING... 7 Contenu

Plus en détail

-> Envoi automatique du nom du VIP vers la base de donnée -> Création automatique de la carte de vœux MINI SITE VŒUX

-> Envoi automatique du nom du VIP vers la base de donnée -> Création automatique de la carte de vœux MINI SITE VŒUX Toulouse, le 14 décembre 2006 1/5 > CONCEPTION EMAILING ET MINI SITE VŒUX 2007 1. Contraintes techniques Pour le format du site, deux options sont possibles : - Format optimisé pour du 1024 x 768 -> 955

Plus en détail

Modules Multimédia PAO (Adobe)

Modules Multimédia PAO (Adobe) Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS

FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS FICHES POUR PRÉPARER LA SCÉNARISATION DES PAGES ÉCRANS L exemple utilisé pour illustrer la première section de la fiche de découpage d une page écran s appuie sur une interface graphique réalisée avec

Plus en détail

Commande d'annonces pour Windows : localisateur

Commande d'annonces pour Windows : localisateur Commande d'annonces pour Windows : localisateur Dernière mise à jour - March 03, 2015 Politique d'acceptation des créations publicitaires Toute création doit répondre aux exigences de Microsoft Advertising

Plus en détail

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION

RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION RAPPORT DE PROJET SITE INTERNET DE L ASSOCIATION Léonard STRONG Licence Professionnelle «Réseaux, Informatique Répartie et Multimédia» Promotion 2001-2002, UFR d Informatique, Université Pierre et Marie

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

Plus en détail

Newsletter. LE 13h DE LA COM. Spécifications techniques

Newsletter. LE 13h DE LA COM. Spécifications techniques Newsletter LE 13h DE LA COM BY Spécifications techniques 1. Formats classiques Mégabannière (large bannière, mega banner, leaderboard) Taille : 728x90 pixels Poids max : 20 Ko Double Mégabannière (Megaban

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

1) Brève présentation description des trois sites :

1) Brève présentation description des trois sites : 1) Brève présentation description des trois sites : Nous avions à comparer trois sites d entreprises de production audiovisuelle. A savoir : «Positif» «Dimson» «International Création Vidéo» Cependant

Plus en détail

GUIDE Word (version débutante) Version 2013

GUIDE Word (version débutante) Version 2013 Table des matières GUIDE Word (version débutante) Version 2013 1. Créer un nouveau document Word... 2 2. Modifier un document Word... 2 3 La fenêtre Word.... 2 4. Les rubans... 3 5. Enregistrer du texte...

Plus en détail

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012 Identité visuelle de l Manuel Internet, Intranet et applications Web Janvier 202 Charte graphique Internet, Intranet et applications Web 6.0 Internet, Intranet et applications Web Sommaire 6. Généralités:

Plus en détail

PowerPoint. Version 2000. Les barres d outils

PowerPoint. Version 2000. Les barres d outils Version 2000 PowerPoint Les barres d outils Pour afficher ou masquer les barres d outils, faire un clic droit dans la barre de menu (ou Affichage - Barre d'outils) La barre d outils standard La barre d

Plus en détail

Cahier de charge de votre site web

Cahier de charge de votre site web Cahier de charge de votre site web A vous de remplir votre cahier des charges selon vos besoins et sans aucune contrainte.au mieux vous le remplirer, au mieux notre collaboration sera bonne.essayer d'être

Plus en détail

JCMS 4.0 - Formation des Webdesigners

JCMS 4.0 - Formation des Webdesigners JCMS 4.0 Formation Webdesigner Octobre 2003 1 Formation Webdesigner Pré-requis Logiciels : JCMS 4.0 DreamWeaver (recommandé) FireWorks ou tout autre logiciels de découpe d images pour le Web (ImageReady,

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

Spécifications techniques

Spécifications techniques Spécifications techniques Décembre2009 1. Récapitulatif des formats : p2 1. Formats classiques p2 2. Formats Rich Média p2 2. Emplacements : p3 1. Directions.fr p3 2. Newsletter Directions p4 3. Contraintes

Plus en détail

EXERCICE 1 : TRAVAILLER EN LIGNE

EXERCICE 1 : TRAVAILLER EN LIGNE EXERCICE 1 : TRAVAILLER EN LIGNE A l'aide des informations de connexion qui vous ont été remises, connectez-vous au serveur NFrance, qui nous propose gracieusement l'hébergement en ligne. Pour vous connecter,

Plus en détail

Attestation de conformité de «vie-publique.fr»

Attestation de conformité de «vie-publique.fr» Attestation de conformité de «vie-publique.fr» Identité du déclarant Direction de l'information légale et administrative 26 rue Desaix 75727 Paris Cedex 15 Date de la déclaration Cette déclaration a été

Plus en détail

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PAYBOX SYSTEM Point Transaction Systems, 11 A, rue Jacques Cartier - 78280 Guyancourt - FRANCE Société par Actions Simplifiée au capital de

Plus en détail

DOSSIER COMMERCIAL POUR VENTE DE SITE WEB. Table des matières :

DOSSIER COMMERCIAL POUR VENTE DE SITE WEB. Table des matières : DOSSIER COMMERCIAL POUR VENTE DE SITE WEB Introduction : Format des documents Entête/pied de page 1 Motivation du site A. Un site sur B. Notre savoir faire 2. Positionnement du projet A. Description générale

Plus en détail

«Réussir sa présentation avec PowerPoint»

«Réussir sa présentation avec PowerPoint» «Réussir sa présentation avec PowerPoint» Support de cours Version du 30/09/2007 Eric Giraudin http://sos-communication.weebly.com Page 1 sur 15 :: Règles de base en PreAO (le diaporama du cours est téléchargeable

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

CHARTE GRAPHIQUE VERSION ALLÉGÉE

CHARTE GRAPHIQUE VERSION ALLÉGÉE 06.2015 CHARTE GRAPHIQUE VERSION ALLÉGÉE 1 SOMMAIRE Fonction de la charte Eléments de personnalisation 3 4 Logotype Composition Versions Utilisation selon le fond Espace protégé Taille minimale d utilisation

Plus en détail

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins

1. Introduction. 2. Objectifs de la réalisation. 3. Analyse de besoins 1. Introduction Le travail consiste à concevoir et à élaborer un dispositif de formation à distance, qui va au-delà de simples pages web statiques. On a choisi de faire appel à tout un module d apprentissage

Plus en détail

Guide de la création de site internet. Dans ce document, nous vous proposons la démarche à suivre pour la création de votre site internet

Guide de la création de site internet. Dans ce document, nous vous proposons la démarche à suivre pour la création de votre site internet Dans ce document, nous vous proposons la démarche à suivre pour la création de votre site internet Ce document de travail est destiné à ceux qui souhaite créer un site internet. Vous pouvez vous en servir

Plus en détail

Illustrator. version CS2 exercices

Illustrator. version CS2 exercices Illustrator version CS2 exercices L interface Introduction au vectoriel et au bitmap Les outils Les palettes La gestion de l affichage Les aides au dessin La sauvegarde d un travail Les scripts et les

Plus en détail

NORMES TECHNIQUES 2010

NORMES TECHNIQUES 2010 NORMES TECHNIQUES 2010 -> L'offre Display : Mega bannière - Skyscraper- Pavés -> Offre Display : les formats -> Offre Display : les livrables -> Publi rédactionnel -> Accueil Panoramique -> Habillage du

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Insertion d'images dans Dreamweaver

Insertion d'images dans Dreamweaver Insertion d'images dans Dreamweaver Ecole-Club Migros Alain Court 3 formats d images utilisables Gif (Graphics p Interchange Format) ) a été créé par CompuServe pour afficher plus rapidement les images

Plus en détail

Plan de la formation (1)

Plan de la formation (1) Plan de la formation (1) 1. Présentations, attentes et besoins 2. Contexte de la formation 3. Objectifs 4. Quelques rappels (commandes de base) 5. Démonstrations et expérimentation de commandes avancées

Plus en détail

COMMUNICATION ASSISTEE PAR ORDINATEUR

COMMUNICATION ASSISTEE PAR ORDINATEUR REALISATION ASSISTEE PAR ORDINATEUR COMMUNICATION ASSISTEE PAR ORDINATEUR Manuel d utilisation N Description de la fonction 1 Ouvrir le logiciel Ouvrez Microsoft Publisher 2007 dans le menu Démarrer puis

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014

Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014 Manuel d'utilisation de l'espace d'e-learning de LaboCoop Novembre 2014 Table des matières Accès à l'espace d'e-learning...2 Login et mot de passe de la plateforme...2 Description générale de l'interface

Plus en détail

5. Word - Ecrire un texte

5. Word - Ecrire un texte 5. Word - Ecrire un texte Entrons dans le vif du sujet en commençant par Word! Nous allons tout d'abord voir les bases de la mise en forme du texte, et l'insertion d'éléments. 1. Ecrire son premier texte

Plus en détail

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE

REALISER UN SITE INTERNET AVEC IZISPOT SOMMAIRE REALISER UN SITE INTERNET AVEC IZISPOT Voici un tutoriel pour vous aider à réaliser un petit site internet (4 pages) à l'aide du logiciel gratuit IZISPOT. Dans l'exemple qui suit, il s'agit de mettre en

Plus en détail

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

Plus en détail

Présentation du logiciel WINK

Présentation du logiciel WINK BIU de Montpellier Présentation du logiciel WINK 14 octobre 2010 Olivier Doré BU Droit Sciences économiques Sommaire 1/ Présentation... 3 1.1 Exemples... 3 1.2 Installer Wink en français... 3 2/Créer un

Plus en détail

bureautique-microsoft Word 2010

bureautique-microsoft Word 2010 Nom du candidat remy lambert Catégorie du test Nom du test 04 - Logiciels de bureautique-microsoft Word 2010 Bases et mise en forme Date du test 25 mai 2012 Nombre de questions 28 Durée du test 18 mn Indicateurs

Plus en détail

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE Ce projet est divisé en 3 parties. Dans cette première partie, tu apprendras comment te servir du logiciel Microsoft Office SharePoint Designer 2007 Étape 1 : Dans

Plus en détail

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannière standard. Livraison par des sites et applis tiers. Créations. Animation. Fichiers à fournir. Disponibilité. Bannière standard Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile, une

Plus en détail

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE CHARTE GRAPHIQUE Cahier de normes juin 2008 1 SOMMAIRE Introduction Présentation de la charte.............................. 03 Logotype Couleurs & Identité visuelle............................ 04 Autopsie

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

identité visuelle et charte graphique groupe et filiales

identité visuelle et charte graphique groupe et filiales identité visuelle et charte graphique groupe et filiales partie A attributs de la marque Les essentiels de la charte LES ATTRIBUTS DE LA MARQUE GROUPE et de ses filiales Face à la pluralité de notre offre,

Plus en détail

Remise à niveau Windows, Word, Excel, PowerPoint, Outlook

Remise à niveau Windows, Word, Excel, PowerPoint, Outlook Durée 7 jours (49 heures) Objectifs S approprier la nouvelle interface et les nouvelles fonctionnalités. Maîtriser les fonctions de base d Excel afin de créer, d'exploiter des tableaux simples et manipuler

Plus en détail

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance www.votrecommune.fr Un site internet gratuit sur mesure en toute indépendance Quelques exemples www.jouesurerdre.fr Quelques exemples www.mouzeil.fr Quelques exemples www.riaille.fr Quelques exemples www.saintherblon.fr

Plus en détail

Les critères d ergonomie : des conseils pour concevoir un site

Les critères d ergonomie : des conseils pour concevoir un site Masson Janice Licence professionnelle Webmestre Editorial Les critères d ergonomie : des conseils pour concevoir un site Enseignant : Franck Grimonpont 2010-2011 Sommaire Introduction... Page 1 I) L utilisateur

Plus en détail

GESTION DES LONGS DOCUMENTS

GESTION DES LONGS DOCUMENTS 1 Gestion des longs documents LE TRAITEMENT DE TEXTE GESTION DES LONGS DOCUMENTS (DOCUMENTS HIÉRARCHISÉS) LES CONCEPTS DE STYLES, DE HIÉRARCHIE ET DE CHARTE GRAPHIQUE Les documents de grande taille sont

Plus en détail

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER DOSSIER RESSOURCES CRÉATION DE S HTML UTILISATION DU LOGICIEL DREAMWEAVER SOMMAIRE SITE Créer un nouveau site Page 1 Ouvrir un site Pages 1-2 Créer une nouvelle page Page 2 Modifier les propriétés d'une

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

Plus en détail

1. Assurer l intégrité graphique du projet

1. Assurer l intégrité graphique du projet Sommaire 1. Assurer l intégrité graphique du projet 2. Univers graphique 3. Structure des gabarits : marges, côtes... 4. Familles chromatiques 5. Typographie 6. Eléments graphiques 7. Traitement iconographique

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

GRILLE D ÉVALUATION D UN SITE WEB

GRILLE D ÉVALUATION D UN SITE WEB GRILLE D ÉVALUATION D UN SITE WEB RobertBibeau@hotmail.com ( Janvier 1999 ) 1. Grille d'évaluation d'un site Web Résultat de l évaluation Site évalué le : Site évalué par : /100 1.1 Identification du site

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

Iniatiation au logiciel Illustrator

Iniatiation au logiciel Illustrator Iniatiation au logiciel Illustrator Illustrator est un logiciel de traitement d image vectorielle. Par image vectorielle on entend, non pas des pixels, mais bien des calculs mathématiques. D une certaine

Plus en détail

CALDERA GRAPHICS. Comment

CALDERA GRAPHICS. Comment CALDERA GRAPHICS Comment Effectuer une mise en lés avec Tiling+ Caldera Graphics 2009 Caldera Graphics et tous les produits Caldera Graphics mentionnés dans cette publication sont des marques déposées

Plus en détail

Webmaster / Concepteur Multimedia

Webmaster / Concepteur Multimedia Durée : 217 heures Objectifs : Webmaster / Concepteur Multimedia Participants : Toute personne attirée par la création de site internet professionnel. Méthodes : Mise en pratique sur micro-ordinateur.

Plus en détail

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document.

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document. Writer Attention : Les documents faits avec Writer ne pourront être lu qu avec Writer, sauf manipulation permettant l échange avec d autres logiciels. Le logiciel se présente directement avec une page

Plus en détail