LA TYPOGRAPHIE du WEB

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "LA TYPOGRAPHIE du WEB"

Transcription

1 DOSSIERS de VEILLE TECHNOLOGIQUE J.C.Sohm URL : CERIG Avril 2000 LA TYPOGRAPHIE du WEB 5- Les feuilles de style Définition, structure et fonctionnalités des feuilles de style Définition. Les logiciels qui manipulent du texte (traitement de texte, tableur, et logiciel de mise en page) utilisent les styles. Pour que le HTML ne fasse plus exception à la règle, le W3C lui a rajouté cette fonctionnalité sous forme d'un complément appelé "feuilles de style en cascade" (en anglais : "Cascading Style Sheets", d'où le sigle CSS). Il y a eu deux versions successives de ces feuilles de style, respectivement intitulées CSS1 et CSS2. L'essentiel de la typographie est défini dans CSS1, la deuxième version concernant plus particulièrement l'impression multi-support. Structure. Une feuille de style se présente de la manière suivante : elle est constituée d'un ensemble de règles précisant la manière de présenter une page web ; chaque règle est constituée d'un sélecteur, suivi d'un bloc de déclarations. Le sélecteur précise la portion de texte à laquelle s'appliquent les déclarations ; chaque déclaration est constituée d'un identificateur, suivi d'une valeur. L'identificateur décrit la propriété concernée (ex : la couleur des caractères), et la valeur -- comme son nom l'indique -- la grandeur attribuée à l'identificateur (ex : rouge 255, 0, 0). Fonctionnalités. En matière de typographie, la norme CSS offre pratiquement les mêmes fonctionnalités qu'un bon logiciel de mise en page. C'est ainsi que l'on peut définir : la police utilisée, soit sous forme générique, soit sous forme spécifique (en indiquant le nom de la police, comme dans le HTML). Le téléchargement, total ou partiel d'une police, est même prévu ; le style : normal ou italique (déjà dans le HTML), ou oblique ; la casse (ex : transformation de minuscules en majuscules), et les petites majuscules ; les dimensions des caractères (taille, largeur, graisse), et leur couleur ; la décoration de texte : souligné, barré, clignotant (déjà dans le HTML) et surligné ; le positionnement vertical : indice, exposant (déjà dans le HTML) ; le crénage (distance entre caractères) et la distance entre les mots ; l'interlignage (distance entre lignes) ; l'ombre du texte (CSS2). (1 sur 5)

2 Application. L'implémentation des styles dans les navigateurs n'est pas satisfaisante du tout. Aucun navigateur ne met en oeuvre l'ensemble des spécifications CSS1, celui de Netscape (versions 4. x) étant plus pauvre encore que celui de Microsoft. Les deux navigateurs, de plus, ignorent complètement CSS2. De ce fait, comme le montre une étude du CERIG, il n'est pas recommandé d'utiliser les feuilles de style, du moins actuellement. Il faut donc que nous nous contentions pour l'instant de ce que le HTML nous offre en matière de typographie. La version 5 du navigateur de Netscape devait être publiée en 1999, et on espérait qu'elle implémenterait correctement les feuilles de style -- mais elle n'a jamais vu le jour. A l'heure où nous écrivons ces lignes, la version 6 est disponible en "preview" sur le site de Netscape, sous l'appellation "Netscape 6". L'éditeur explique que son navigateur se conforme aux normes en vigueur, en particulier pour les feuilles de style, mieux que celui de son rival Microsoft. En ce qui concerne la typographie, nos visiteurs jugeront par eux-mêmes. Pour chaque fonctionnalité examinée, nous avons noté le comportement d'internet Explorer 5 ("IE 5" en abrégé), celui de la version 4.7 de Communicator ("NS 4" en abrégé), et celui de la version provisoire de Netscape 6 ("NS 6" en abrégé). Remarque. Les feuilles de style prévoient que le concepteur d'une page web peut imposer ses choix à l'internaute, en particulier en matière de typographie. Il s'agit là d'une fonctionnalité très discutable, qui risque d'indisposer les internautes, et qu'il vaudrait mieux ne pas utiliser. Pour l'instant, la discussion reste académique, parce que cette fonctionnalité n'est pas implémentée dans les navigateurs. La police : nature et téléchargement Polices génériques. Il en existe cinq : avec ou sans empattements, à chasse fixe, fantaisie, cursive. Le texte ci-dessous illustre leur aspect. Pas de problème avec IE 5, mais dans le navigateur de Netscape, le résultat n'est pas fameux ; sa propriété caractéristique fait totalement défaut à la police fantaisie, et la police cursive ne court pas... qu'il s'agisse de NS 4 ou de NS 6. Police avec empattements Police sans empattements Police à chasse fixe Police fantaisie Police cursive Polices spécifiques. Celles-ci peuvent être précisées par leur nom, comme en HTML, mais avec la syntaxe propre aux feuilles de style. Téléchargement. A la différence du HTML, les feuilles de style prévoient le téléchargement de polices. Ce dernier peut même être partiel -- les seuls caractères latins, par exemple, dans une police qui comprend également des caractères cyrilliques et arabes. Les navigateurs, malheureusement, n'implémentent pas cette fonctionnalité, comme le montre l'exemple suivant. La première ligne du texte ci-dessous fait appel à la police BangaSSK (qui n'est pas courante et ne se trouve probablement pas sur votre machine), la deuxième ligne fait appel à la police par défaut, et la troisième ligne à la police Arial, qui se trouve sur toutes les machines. Si les navigateurs implémentaient le téléchargement de police, le fichier correspondant (banga.ttf, qui pèse 35,5 Ko), serait chargé avec la présente page web, et les deux premières lignes ci-dessous vous apparaîtraient différentes. Vous constaterez qu'il n'en est rien, quelle que soit la version de votre navigateur. (2 sur 5)

3 Téléchargement de police? Pas de téléchargement de police Police Arial, présente sur toutes les machines La casse, le style La transformation de la casse. Les feuilles de style permettent de modifier la casse d'un texte, quelle que soit sa valeur d'origine. Comme le montrent les exemples ci-dessous, on dispose de quatre possibilités : Écrire en petites majuscules TRANSFORMer les MAJUSCULES en MINUSCULES Transformer les minuscules en majuscules Transformer les initiales de chaque mot en majuscule Tout marche dans IE 5 et dans NS 6, mais pas dans NS 4 qui ignore les petites majuscules. Le style. Le texte ci-dessous montre que IE 5 et NS 6 ne font pas la différence entre les valeurs "italique" et "oblique", et que NS 4 ne reconnaît pas la valeur "oblique". Texte normal Texte italique Texte oblique Les propriétés du caractère : corps, chasse, graisse et couleur Le corps (ou taille) des caractères. Le texte ci-dessous montre que les feuilles de style ne sont pas limitées au sept tailles standard du HTML. On notera que les tailles inférieures à 8 points sont pratiquement illisibles à l'écran. Caractères de 8 pts Caractères de 10 pts Caractères de 20 pts Caractères de 30 pts Caractères de 40 pts Caractères de 50 pts La chasse (ou largeur) des caractères. Les feuilles de style permettent - du moins dans leurs spécifications - le réglage de la largeur des caractères. Les navigateurs n'en tiennent pas compte, comme vous pouvez le constater sur le texte ci-dessous. Caractères condensés? Caractères normaux Caractères étendus? La graisse (ou épaisseur) des caractères. Les feuilles de style permettent également de définir la graisse d'un caractère, c'est à dire son épaisseur. La graduation va de 100 à 900. La valeur 300 correspond au caractère normal, et la valeur 700 au caractère gras. Le texte ci-dessous vous montre comment votre navigateur tient compte des indications de graisse (mal, n'est-ce pas?). (3 sur 5)

4 graisse = 100 graisse = 200 graisse = 300 graisse = 400 graisse = 500 graisse = 600 graisse = 700 graisse = 800 graisse = 900 La couleur des caractères. Les feuilles de style permettent de définir la couleur des caractères, mais le HTML en fait autant (avec une syntaxe différente) : Texte de couleur rouge Texte de couleur verte Texte de couleur bleue La décoration, le marquage, le masquage, l'encadrement La décoration. Le HTML permet de souligner, barrer et faire clignoter du texte. Les feuilles de style ajoutent le surlignement (ainsi que la possibilité de souligner et surligner simultanément). Voici ce que l'on obtient (dans IE, le texte ne clignote pas) : Texte souligné, Texte surligné, Texte souligné et surligné Texte barré, Texte clignotant Le marquage. Il est possible de marquer une portion de texte avec la couleur de son choix, comme on le fait sur du papier avec un "marqueur". L'exemple ci-dessous montre le résultat obtenu : Texte marqué en jaune à titre d'exemple Le masquage. Il est possible de masquer du texte, comme le montre l'exemple suivant, lequel fonctionne avec IE 5 et NS 6, mais pas avec NS 4 : Le mot entre parenthèses (non visible?) est masqué Cette procédure permet de faire en sorte qu'un mot soit présent dans une page web sans que l'internaute le voit. On peut obtenir le même résultat en HTML, en utilisant du texte de même couleur que le fond de la page. Certains concepteurs de site s'en servent pour faire du "spam indexing". Cette façon de procéder n'est pas appréciée des moteurs de recherche, qui vont jusqu'à refuser d'indexer les pages correspondantes. L'encadrement. On peut encadrer du texte, comme devrait le montrer l'exemple ci-dessous : Le mot suivant est encadré à titre d'exemple En fait, on constate que cela ne marche pas dans IE 5, que NS 4 s'obstine à faire des retours à la ligne avant et après l'encadrement, malgré la présence d'une balise <nobr>, et que seul NS 6 traite l'exemple correctement. (4 sur 5)

5 Le positionnement vertical : indice et exposant, interlignage Indice et exposant. Comme le HTML, les feuilles de style permettent de placer du texte en indice et en exposant (et de le rendre plus petit). Cela fonctionne dans IE 5 et dans NS 6, mais pas dans NS 4, comme le montre l'exemple ci-dessous : Texte en indice Texte en exposant Interlignage. L'interlignage du texte ci-dessous est réglé à l'aide d'un style. Si vous disposez d'une version relativement récente de l'un des deux navigateurs, vous observerez que l'interligne varie comme précisé. Avec une version plus ancienne (ex : une version 3 de Navigator), vous n'observerez aucune différence. normal de 140 % de 180 % de 220 % Pour pallier cette dernière difficulté, certains auteurs parsèment leur texte d'espaces définis dans une police de taille supérieure. Il faut une fameuse patience pour agir ainsi! De plus, l'internaute peut s'étonner de voir que tous les espaces n'ont pas la même largeur. Néanmoins, voici ce que l'on obtient avec cette méthode (le chiffre entre parenthèses indique la taille de l'espace situé entre les deux derniers mots) : est normal est accru (4) est accru (5) est accru (6) Le positionnement horizontal : crénage et distance entre mots Le crénage. Le crénage du texte ci-dessous est réglé à l'aide d'un style. De ligne en ligne, vous devriez voir la distance entre caractères s'accroître de manière régulière. C'est bien ce que vous observerez si vous utilisez IE 5 ou NS 6. Avec NS 4, vous ne verrez pas de différence d'une ligne à l'autre : Texte sans réglage du crénage. Texte avec réglage du crénage (1 pt). Texte avec réglage du crénage (2 pts). Texte avec réglage du crénage (3 pts). Texte avec réglage du crénage (4 pts). Texte avec réglage du crénage (5 pts). La distance entre les mots. IE 5 et NS 4 ne règlent pas la distance entre mots, mais NS 6 la règle, comme le montre l'exemple ci-dessous. Mots espacés normalement Mots plus espacés? Copyright CERIG/EFPG (5 sur 5)

Le traitement de texte

Le traitement de texte Le traitement de texte Tous les logiciels de traitement de texte disponibles sur vos machines se ressemblent plus ou moins, puisque proposant les même fonctions dans un même but. J'ai choisi de vous faire

Plus en détail

Devoir XML / XSLT / Unicode

Devoir XML / XSLT / Unicode Devoir XML / XSLT / Unicode Frédérik Bilhaut Université de Caen Département d'informatique Les fichiers fournis pour réaliser le devoir sont à récupérer ici : http://www.info.unicaen.fr/~fbilhaut/ens/radi/devoir.tgz

Plus en détail

96 Feuilles de style en cascade

96 Feuilles de style en cascade Microsoft Expression Web (version 2) 96 Feuilles de style en cascade Définir les styles Dans la création de pages Web valides, un principe fondamental apparaît : le contenu doit être séparé de sa présentation.

Plus en détail

Caractères. (Windows 7) Table de. caractères. (GNU/Linux Mint 16 MATE)

Caractères. (Windows 7) Table de. caractères. (GNU/Linux Mint 16 MATE) Traitement de texte Caractères Les caractères sont les pièces élémentaires du texte, par exemple Les lettres a b c œ A B C Œ Љ Ю ж Ѧ њ あ せ ぬ ほ る???? Les chiffres 0 1 2 3 4 5 6 7 8 9 Les signes de ponctuation,

Plus en détail

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

Plus en détail

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT 1 TABLE DES MATIÈRES INTRODUCTION...3 1. LES DIFFÉRENTS TYPES DE DOCUMENTS...3 2. LES 5 PRINCIPES POUR STRUCTURER VOS DOCUMENTS...3 2.1. Premier principe

Plus en détail

Traitement de texte LIBRE - OFFICE WRITER

Traitement de texte LIBRE - OFFICE WRITER Traitement de texte LIBRE - OFFICE WRITER POUR : PAGE - Outil de base 2 - Encadrer un titre,un paragraphe. 3 - Créer un tableau. 4 - Modifier la largeur des colonnes dans un tableau. 5 - Modifier la hauteur

Plus en détail

Créer mon premier squelette

Créer mon premier squelette Créer mon premier squelette Avec ce tutoriel, découvrez progressivement le fonctionnement de SPIP en construisant votre premier squelette. Pas à pas, comment créer un SPIP qui défie les limites. Créer

Plus en détail

Le générateur d états

Le générateur d états Le générateur d états XLPos pour Windows Lancer le générateur d états Lancer le générateur d états... 119 Ouvrir un dictionnaire de données... 119 Ouvrir un état... 121 Réouvrir un état... 122 Présentation

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

I. Définition du site

I. Définition du site I. Définition du site Utilisation de Dreamweaver La création du site ne devrait se faire qu'une seule fois. En effet, sur un ordinateur personnel, cette définition est enregistrée dans le profil de l'utilisateur

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

Votre site Internet avec Netscape Composer en 1 heure chrono

Votre site Internet avec Netscape Composer en 1 heure chrono Votre site Internet avec Netscape Composer en 1 heure chrono 1. Précautions préliminaires Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,

Plus en détail

TP 3 Microsoft Access : formulaires V 1.2

TP 3 Microsoft Access : formulaires V 1.2 TP 3 Microsoft Access : formulaires V 1.2 Il est demandé de suivre pas à pas les indications de ce document. Les tâches bien spécifiques à réaliser sont écrites de cette manière : 3.x faire Les formulaires

Plus en détail

TUTORIEL OPEN OFFICE WRITER

TUTORIEL OPEN OFFICE WRITER TUTORIEL OPEN OFFICE WRITER Janvier 2012 Table des matières 1Présentation du logiciel... 3 2Création d'un document... 3 3Format des pages et pied de page... 4 3.1Format des pages... 4 3.2Pied de page...

Plus en détail

B) - ASSISTANT COURRIER... 9. C) - CREATION d'un FICHIER ADRESSE en *.TXT... 9. D) - TRANSFERT FICHIER *.TXT sous EXCEL 2007-2010...

B) - ASSISTANT COURRIER... 9. C) - CREATION d'un FICHIER ADRESSE en *.TXT... 9. D) - TRANSFERT FICHIER *.TXT sous EXCEL 2007-2010... Sommaire A) - CREATION PLAQUETTE de PRESENTATION... 2 1) - Création d'un Titre avec Word art... 2 2) - Séparation du Titre du restant du Texte... 2 3) - Mise en place de Colonnes... 3 4) - Insertion d'un

Plus en détail

REFONTE DU SITE DES CAHIERS DE LINGUISTIQUE FRANÇAISE

REFONTE DU SITE DES CAHIERS DE LINGUISTIQUE FRANÇAISE Mai 2011 REFONTE DU SITE DES CAHIERS DE LINGUISTIQUE FRANÇAISE Rapport de travail par Kay CORTES et Vivien FIORE DONNO Introduction Le projet consistait initialement à améliorer le site actuel, notamment

Plus en détail

QUE SIGNIFIE "OPTIMISER POUR LES MOTEURS DE RECHERCHE"?

QUE SIGNIFIE OPTIMISER POUR LES MOTEURS DE RECHERCHE? Elearning > Les bonnes pratiques du référencement L'OPTIMISATION DES PAGES DU SITE Programme du cours : Optimiser les titre de vos billets et de vos produits Optimiser les contenus de vos textes Travailler

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

Logotype CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE

Logotype CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE En réponse à une forte demande de la part des conciliateurs de Justice, Conciliateur de France a souhaité homogénéiser l'image véhiculée par les conciliateurs

Plus en détail

Internet : les moteurs de recherche

Internet : les moteurs de recherche Service informatique Enseignement Recherche Fiche n 17 23/02/2001 Le moteur de recherche est le point de départ de vos recherches sur internet. Chaque moteur de recherche utilise sa propre stratégie de

Plus en détail

Créer des documents XML

Créer des documents XML 1 Créer des documents XML La spécification XML définit comment écrire un document au format XML. XML n est pas un langage en lui-même mais, en revanche, un document XML est écrit dans un langage à balises

Plus en détail

Formation Joomla 3 Réalisez votre Template

Formation Joomla 3 Réalisez votre Template Formation Joomla 3 Réalisez votre Template Flash-comet.com Cours version 2015 1 Sommaire Contenu du cours... 3 Création d'un template avec "Template Créator CK"... 3 Principe de fonctionnement... 3 Ce

Plus en détail

Les feuilles de styles

Les feuilles de styles Qu'est-ce que les feuilles de style? Les feuilles de style CSS pour Cascading Style Sheets en anglais est un langage informatique qui sert à décrire la présentation des documents HTML. L'un des objectifs

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

LE TRAITEMENT DE TEXTE : WORD. Son utilisation

LE TRAITEMENT DE TEXTE : WORD. Son utilisation 1 Didacticiel réalisé par Patricia Wasko Netsteward Administration Communale de Seneffe Service Informatique - 2004 LE TRAITEMENT DE TEXTE : WORD Son utilisation Un logiciel de traitement de texte est

Plus en détail

FORMATION CALC OpenOffice 3.2

FORMATION CALC OpenOffice 3.2 FORMATION CALC OpenOffice 3.2 Livret 2 Mettre en forme un tableau Niveau 1 Thierry TILLIER http://www.coursdinfo.fr Ce support de cours est réservé à un usage personnel. Toute utilisation et diffusion

Plus en détail

Par défaut, les éléments de type bloc seront affichés dans une succession verticale.

Par défaut, les éléments de type bloc seront affichés dans une succession verticale. Le positionnement Par défaut, les éléments de type bloc seront affichés dans une succession verticale. Une boîte jaune Une boîte verte Les principaux éléments de type bloc sont : l'élément div ; les titres

Plus en détail

Nous allons créer un puzzle composé de 16 pièces.

Nous allons créer un puzzle composé de 16 pièces. Nous allons créer un puzzle composé de 16 pièces. Ces pièces seront autant de calques pour créer une animation du type Gif animé dans le programme ImageReady. Dans le dossier Mes Images (ou ailleurs!)

Plus en détail

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle Création de page Web Microsoft Publisher 1. Ouvrez Microsoft Publisher 2. Cliquez sur Sites Web 3. Choisissez un modèle 4. Personnalisez votre jeu de couleurs et les options 5. Cliquez sur «créer», lorsque

Plus en détail

METTRE EN FORME. Colonnes et lignes. Largeur des colonnes

METTRE EN FORME. Colonnes et lignes. Largeur des colonnes METTRE EN FORME Vous apprendrez dans cette partie à utiliser plusieurs outils pour mettre en forme les cellules, mais aussi le contenu des cellules, afin de faciliter la lecture de vos tableaux. Colonnes

Plus en détail

Dessin avec l'outil Plume

Dessin avec l'outil Plume Spécialité : Tronc Commun Matière : Atelier Logiciel Mention : TI 1.1, 2, 3, 4, 5, 6,7 Enseignants : Equipe Pédagogique 09/10 Dessin avec l'outil Plume Grâce à l'outil Plume, Adobe Illustrator vous offre

Plus en détail

Tableaux sous Word 2010, Insertion d images.

Tableaux sous Word 2010, Insertion d images. Tableaux sous Word 2010, Insertion d images. Révisions générales. Pour réaliser le trombinoscope du Groupe. Ouvrir le logiciel Word 2010, et enregistrer ce nouveau fichier sur votre clé, dans le dossier

Plus en détail

Débuter avec GIMP. Novembre 2013

Débuter avec GIMP. Novembre 2013 Débuter avec GIMP Novembre 2013 Sommaire 1. Télécharger GIMP 2. L'interface 3. La boîte à outils 4. Gestion des documents 5. La résolution et les pixels de l'image 6. L'enregistrement 7. Les couleurs 8.

Plus en détail

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS CHAPITRE I Les bases d Excel OBJECTIFS Découvrir l interface d Excel Mettre en forme un tableau Sélectionner et recopier des cellules Imprimer des documents Excel MOTS CLÉS Nouvelle Interface Mettre en

Plus en détail

Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie

Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie 2 Préparation Le travail le plus important pour créer un album de photo c est la préparation. 2.1 Choisir les photos. Dans un premier temps

Plus en détail

./20. 1 ère EPREUVE FINALE de TP Bureautique. Note : LES NAVIGATEURS WEB

./20. 1 ère EPREUVE FINALE de TP Bureautique. Note : LES NAVIGATEURS WEB Date : Dimanche /2/20 Durée : h 00 ère EPREUVE FINALE de TP Bureautique Nom & Prénom :.. Matricule : Domaine/Sect/S-Gr : Lic.. Note :./20 Très important (pt) : - Écrivez votre Nom, Prénom, Matricule, Dom/Sect/S-Gr

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

Dossier gestion du site web cneaf.fr

Dossier gestion du site web cneaf.fr ÉDITION DE CONTENUS Les pages, événements et articles utilisent l'outil de mise en forme «Avia» : 1 Outil de création de mise en forme Avia Celui ci permet d'agencer les contenus des pages à partir de

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

Traitement de textes

Traitement de textes Traitement de textes 1- Fonctionnalités de base de traitement de textes 1-1- Définition Logiciel de traitement de texte (Texteur) est un logiciel d application qui permet de produire des documents de texte

Plus en détail

Bienvenue dans l'application des Classiques Garnier Numérique.

Bienvenue dans l'application des Classiques Garnier Numérique. Bienvenue dans l'application des Classiques Garnier Numérique. Ce document décrit les fonctions de l'application. Cliquer sur les rubriques du Sommaire. Fenêtres de l'application Dans le bandeau supérieur:

Plus en détail

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv>

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail

Cet outil se connecte à MeteoRec, place les différentes valeurs dans une page Internet, et envoie la page mise à jour au serveur FTP distant.

Cet outil se connecte à MeteoRec, place les différentes valeurs dans une page Internet, et envoie la page mise à jour au serveur FTP distant. 1 Mto2Inet signifie "MeteoRec To Internet" (MétéoRec vers Internet). Comme son nom l'indique, c'est un outil permettant de placer les valeurs temps réel reçues par MeteoRec de la station météo Oregon Scientific

Plus en détail

IMPRESSION D UNE FEUILLE DE CALCUL OU D UN GRAPHIQUE

IMPRESSION D UNE FEUILLE DE CALCUL OU D UN GRAPHIQUE IMPRESSION D UNE FEUILLE DE CALCUL OU D UN GRAPHIQUE Pour imprimer une feuille de calcul, vous devez d abord définir la zone à imprimer (cette étape n est pas nécessaire si vous désirez imprimer tout le

Plus en détail

Utiliser un modèle d état prédéfini

Utiliser un modèle d état prédéfini Chapitre 8 Etats rapides Certains boutons sont désactivés, en fonction du type de cellule sélectionné. 4 Répétez les étapes 2 et 3 pour chaque bordure à paramétrer. 5 Cliquez sur le bouton OK pour valider

Plus en détail

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours IV : Réaliser des pages web Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations Orientales (INaLCO)

Plus en détail

Dans chaque site fourni par le Collège, nous vous avons déjà fourni un formulaire d'envoi de courriel : Débuter avec Typo3 - partie 2 1

Dans chaque site fourni par le Collège, nous vous avons déjà fourni un formulaire d'envoi de courriel : Débuter avec Typo3 - partie 2 1 Table des matières Débuter avec Typo3 - partie 2...1 Éléments de contenu spéciaux...1 Formulaire d'envoi de courriel...1 Formulaire de recherche...5 Plan du site...7 Banque d'images...9 Gestion des fichiers

Plus en détail

a. Utiliser un moteur de recherche et affiner une requête

a. Utiliser un moteur de recherche et affiner une requête Page 1 / 6 III. Utiliser les services de l Internet 1. Se repérer et naviguer sur Internet 2. Effectuer une recherche 3. Utiliser des services en ligne 2. Effectuer une recherche a. Utiliser un moteur

Plus en détail

Partie privée La partie privée (parfois appelée back-office) permet de modifier le contenu du site. Cette partie n'est accessible qu'aux rédacteurs.

Partie privée La partie privée (parfois appelée back-office) permet de modifier le contenu du site. Cette partie n'est accessible qu'aux rédacteurs. Cours pour rédacteur L'objectif de ce cours est de devenir rapidement autonome avec le logiciel Spip pour publier soi-même ses contenus sur internet. Ce cours ne requiert aucune connaissance en informatique

Plus en détail

Gestion du texte en InDesign avec les styles : mise en pages d'un livret

Gestion du texte en InDesign avec les styles : mise en pages d'un livret Gestion du texte en InDesign avec les styles : mise en pages d'un livret Partir de zéro pour créer une mise en pages stylée en InDesign, avec une gestion des styles, couleurs, folios etc Créons le document

Plus en détail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

Réaliser un site Web

Réaliser un site Web Fiche travail n 11 Réaliser un site Web DATE : / / Un site intranet est un ensemble de fichiers liés entre eux, mis à la disposition d un utilisateur. Le grand intérêt de cette technique réside dans les

Plus en détail

Règles d'écriture et bonnes pratiques sur l'intégration des contenus (aide-mémoire 2)

Règles d'écriture et bonnes pratiques sur l'intégration des contenus (aide-mémoire 2) Règles d'écriture et bonnes pratiques sur l'intégration des contenus (aide-mémoire 2) On ne lit pas une page Web comme une page d'un livre ou d'un journal. Il en ressort qu'on ne doit pas non plus rédiger

Plus en détail

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog On utilise deux fichiers : LECON INTERNET N 4 PHOTOS ET TEXTES DU JARDIN TELECHARGER IZISPOT avec le navigateur

Plus en détail

Ce guide présente brièvement les différentes techniques de recherche à utiliser dans le site Web du Parlement du Canada.

Ce guide présente brièvement les différentes techniques de recherche à utiliser dans le site Web du Parlement du Canada. GUIDE DE RECHERCH E PARL.GC.CA Ce guide présente brièvement les différentes techniques de recherche à utiliser dans le site Web du Parlement du Canada. Voici quelques conseils pour vous aider dans vos

Plus en détail

UTILISATION D'OPEN OFFICE, LE TRAITEMENT DE TEXTE WRITER

UTILISATION D'OPEN OFFICE, LE TRAITEMENT DE TEXTE WRITER UTILISATION D'OPEN OFFICE, LE TRAITEMENT DE TEXTE WRITER Les raccourcis claviers indispensables : CTRL + C = COPIER CTRL + X = COUPER CTRL + V = COLLER CTRL + A = Tout sélectionner Le texte Le paragraphe

Plus en détail

Libre Office : Writer, traitement de texte Quelques notions

Libre Office : Writer, traitement de texte Quelques notions Libre Office : Writer, traitement de texte Quelques notions Doc réalisé par : Delphine BERTRAND Service AVAMN Août 2013 Version4.0.2.2 Sommaire 01 Comment ouvrir le traitement de texte p.1 02 - Les règles

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

Fiche n 2 Cadre texte & Cadre Image. Table des matières

Fiche n 2 Cadre texte & Cadre Image. Table des matières Fiche n 2 Cadre texte & Cadre Image Table des matières 1-Les textes...1 1.1-Créer un cadre texte...1 1.2-Éditer le texte...1 1.3-Paramétrer le texte...2 1.4-Dégrouper un texte...3 1.5-Convertir une lettre

Plus en détail

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN TABLE DES MATIERES : Comment télécharger un fichier vers votre ordinateur en utilisant un navigateur...1 Comment déposer de 1 à 3 fichiers sur l'espace privé en utilisant un navigateur...2 Comment transférer

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant.

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant. Pour personnaliser vos messages, vous utilisez certainement les papiers à lettres qui viennent avec Outlook Express. Vous choisissez alors votre papier à lettres dans la liste qui apparaît après avoir

Plus en détail

Mémoire de stage et soutenance

Mémoire de stage et soutenance Mémoire de stage et soutenance Le choix du sujet Le sujet du mémoire est défini avant le commencement du stage ou au début de celui-ci : il résulte d'une concertation entre le stagiaire et le maître de

Plus en détail

FICHE 14 : LA MISE EN PAGE ET L IMPRESSION

FICHE 14 : LA MISE EN PAGE ET L IMPRESSION FICHE 14 : LA MISE EN PAGE ET L IMPRESSION 1. LES TYPES DE COMPOSITION Avant de créer une composition, vous devez choisir son type, c'est-à-dire une mise en forme de base. Allez dans le volet Office Nouvelle

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

1. Les mauvaises habitudes à perdre

1. Les mauvaises habitudes à perdre Sect 8123 Page 1 / 6 1. Les mauvaises habitudes à perdre Ne jamais ouvrir un document directement sur un support de stockage amovible Copier d abord le document sur le disque dur (explorateur de fichiers),

Plus en détail

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

Plus en détail

Prise en main ProConcept ERP. Version 11.1 Web

Prise en main ProConcept ERP. Version 11.1 Web Prise en main ProConcept ERP Version 11.1 Web Version du 08.10.2015 Table des matières 1. Lancement de ProConcept Web ERP 11.1... 4 1.1. Définir la page ProConcept ERP comme page de démarrage... 5 1.2.

Plus en détail

Manuel d aide à la création de pages Web avec Netscape Composeur

Manuel d aide à la création de pages Web avec Netscape Composeur Manuel d aide à la création de pages Web avec Netscape Composeur Netscape Communicator.lnk Sommaire Pages Vous voulez ouvrir une page existante 2 Vous voulez enregistrer votre page 3 Vous voulez écrire

Plus en détail

Présentation et explications

Présentation et explications Présentation et explications 1 SOMMAIRE I) Introduction... 3 II) Installation... 3 1) Localement... 3 2) Chez un hébergeur... 4 Installation automatique... 4 Installation manuelle... 4 III) Interface de

Plus en détail

InSite Prepress Portal

InSite Prepress Portal InSite Prepress Portal Système Version 5.0 Guide de démarrage rapide destiné au client Français Contenu En quoi consiste InSite Prepress Portal?...1 Nouveautés de la version 5.0...1 Ouverture d une session

Plus en détail

LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER

LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER LE TABLEUR PAR AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique 2.0 France http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

Plus en détail

Introduction à Moodle

Introduction à Moodle Introduction à Moodle Lors de cette formation d introduction à la plateforme Moodle, nous expérimentons les outils de base pour ajouter du contenu en ligne, les paramètres, les fonctions de mise en page,

Plus en détail

Personnalisation des templates pour LogiVert 6

Personnalisation des templates pour LogiVert 6 Manuel Personnalisation des templates pour LogiVert 6 Copyrights (c)2013 + LogiVert BV Site web : www.logivert.com PRESENTATION... 3 INTRODUCTION... 3 LES 4 NIVEAUX... 3 NIVEAU1 CONFIGURATION DE TEMPLATE...

Plus en détail

Présentation Site Libraire LRB

Présentation Site Libraire LRB LE SITE LIBRAIRE LRB Un «Site Libraire»? Actuellement, beaucoup d'entreprises n'ont pas de site internet alors qu'il pourrait être bénéfique à leur activité. C'est souvent la complexité du fonctionnement

Plus en détail

Programmation Web TP2 CSS i

Programmation Web TP2 CSS i Programmation Web TP2 CSS i Objectifs : Construction d'une page web : comprendre et utiliser un fichier CSS ; définir la structure d'une page web ; Consignes et Pré-requis Lire attentivement cet énoncé

Plus en détail

Contenu du CDC. Nom de l étudiant Titre du projet Présentation générale du projet

Contenu du CDC. Nom de l étudiant Titre du projet Présentation générale du projet Projet Site web À remettre La semaine du 5 janvier 2012 pendant votre TD Le site web doit être publié sur le serveur étudiant de l université Il doit contenir un fichier telechargeable: le cahier des charges

Plus en détail

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

Plus en détail

Préparer ses images avec Photoshop

Préparer ses images avec Photoshop Ouvrir un document Les palettes La barre d outils Recadrer une photographie Redimensionner une photographie Insérer un signature Insérer le copyright Clionautes Préparer ses images avec Photoshop Tables

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

Création d'un menu dans Word 2010 par l'exemple

Création d'un menu dans Word 2010 par l'exemple Création d'un menu dans Word 2010 par l'exemple Ci-dessous un exemple de réalisation d un menu pour un anniversaire de mariage Ce menu est à réaliser sur du carton Bristol Format A5 (148x210). Il doit

Plus en détail

La rédaction de la thèse

La rédaction de la thèse La rédaction de la thèse Utilisation rationnelle et optimale du traitement de texte Source : Photo libre.com Introduction Objectifs Ne plus utiliser les logiciels de traitement de texte comme une machine

Plus en détail

9234991 Édition 1 FR. Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation

9234991 Édition 1 FR. Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation 9234991 Édition 1 FR Nokia et Nokia Connecting People sont des marques déposées de Nokia Corporation Sélectionnez Adobe Reader. Adobe Reader pour Symbian OS vous permet d'afficher des fichiers Adobe PDF

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

Guide des normes d identité visuelle

Guide des normes d identité visuelle Guide des normes d identité visuelle Logo et mot-symbole Parti libéral du Canada, 2011. Tous droits réservés. Introduction Guide d utilisation Les présentes lignes directrices définissent les éléments

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

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

CREER DES ETIQUETTES Avec Writer

CREER DES ETIQUETTES Avec Writer CREER DES ETIQUETTES Avec Writer Table des matières 1.PRESENTATION... 2 2.UTILISER L ASSISTANT MAILING POUR DEFINIR SA BASE DE DONNÉES... 2 2.1Créer une base de données avec l'assistant mailing... 3 2.2Utiliser

Plus en détail

Aide à l utilisation de la charte graphique Inserm

Aide à l utilisation de la charte graphique Inserm Aide à l utilisation de la charte graphique Inserm 1 Une charte pour quoi? La charte graphique de l Inserm est un outil qui invite chacun, en l adoptant, à mieux faire connaître et valoriser l Institut.

Plus en détail

Listing J-> S des Astuces Microsoft Word.

Listing J-> S des Astuces Microsoft Word. Listing J-> S des Astuces Microsoft Word. 1. Justifiez vos paragraphes par défaut 2 2. Manipuler les fichiers Office 2007 avec les versions précédentes - Office 2000/XP/2003 2 3. Mettre en valeur du texte

Plus en détail

Charte graphique. Bourgogne Tourisme 2009

Charte graphique. Bourgogne Tourisme 2009 Charte graphique Bourgogne Tourisme 2009 2009 : un tournant dans la communication touristique de la Bourgogne. Notre offre est en pleine mutation pour répondre aux nouveaux modes de consommation de nos

Plus en détail

Fiche logiciel LibreOffice Calc 3.x. LibreOffice Calc : introduction au tableur. Sommaire du document FL04009

Fiche logiciel LibreOffice Calc 3.x. LibreOffice Calc : introduction au tableur. Sommaire du document FL04009 Fiche logiciel LibreOffice Calc 3.x FL04009 Tableur Niveau 04/ LibreOffice Calc : introduction au tableur Le tableur est un logiciel permettant de créer des tableaux et des graphiques. Sa puissance réside

Plus en détail

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels Conception Lévis Thériault, hiver 2009 Pour être de qualité, un site doit être à la fois utile (répondre à un besoin)

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

Mémoire de Master MEEF

Mémoire de Master MEEF Mémoire de Master MEEF Parcours 1.2 et 2.2 Conseils de rédaction pour le mémoire professionnel à l usage des étudiants Année universitaire : 2013 / 2014 SOMMAIRE 1. Avant-propos 2. Structure formelle 2.1

Plus en détail

Les unités de taille des polices de caractères

Les unités de taille des polices de caractères Les unités de taille des polices de caractères Deux systèmes permettent d'indiquer les dimensions des éléments en CSS : les unités de taille fixe et les unités de taille relative. C'est la propriété font-size

Plus en détail