DOSSIER D'ACTIVITES SUR LE HTML N 9 Appliquer des feuilles de style à du texte

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

Download "DOSSIER D'ACTIVITES SUR LE HTML N 9 Appliquer des feuilles de style à du texte"

Transcription

1 DOSSIER D'ACTIVITES SUR LE HTML N 9 Appliquer des feuilles de style à du texte Objectifs : Apprendre à l apprenant à se créer un espace de travail sous Linux Apprendre à l apprenant à ouvrir un éditeur de code HTML Apprendre à l apprenant à insérer les balises de définition de toute page Web Apprendre à l apprenant à insérer des feuilles de style à l'aide d'un fichier externe Apprendre à l'apprenant à utiliser les différentes feuilles de style liées au texte Apprendre à l'apprenant à gérer les classes de feuilles de style Apprendre à l'apprenant à changer l'aspect visuel du texte Apprendre à l apprenant à visualiser les pages Web créées Apprendre à l apprenant à visualiser les modifications effectuées sur le fichier HTML

2 La procédure de création d'un nouveau dossier sous Linux 1. Se placer dans le «dossier personnel». 2. Cliquer droit n'importe où dans la fenêtre du «dossier personnel». Un menu contextuel apparaît. 3. Choisir la commande «Créer un nouveau dossier». Une fenêtre de dialogue du navigateur Konqueror apparaît. Elle permet la saisie du nom du nouveau dossier. 4. Saisir le nom du nouveau dossier (nom, prenom, nom du futur site Web) et le valider à l'aide du bouton «OK». La procédure d'ouverture d'un logiciel «éditeur de textes» 1. Choisir le Menu K ou Red Hat. 2. Choisir le menu des «Editeurs de textes». 3. Cliquer, par exemple, sur Kate, sur Kwrite ou sur Kedit (Editeur de textes) pour lancer l'éditeur de votre choix. Les balises de définition de toute page Web <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN» « <html> <head> </head> <body> </body> </html>

3 La procédure d'enregistrement d'un fichier HTML L'objectif de l'enregistrement d'un fichier HTML est de le sauvegarder dans le répertoire dédié au site web en construction. 1. Trouver la fonction «Enregistrer sous» de l'éditeur de codes HTML utilisé. 2. Se placer dans le dossier précédemment créé. 3. Saisir dans la zone de saisie réservée à cet effet, le nom (textes) et l'extension du fichier (html) : textes.html. 4. Enregistrer le fichier en cliquant sur le bouton «Enregistrer» ou «OK», selon l'éditeur de codes HTML. La procédure de visualisation d'une page Web dans un navigateur L'objectif est de donner au navigateur l'adresse exacte de la page Web à afficher. Ouvrir un navigateur (Mozilla, Konqueror, etc), depuis la barre des tâches ou le menu K, puis Internet. Sous Mozilla : 1. Cliquer sur la commande «Fichier > Ouvrir un fichier» ou «Ctrl + O». 2. Dans la fenêtre de dialogue qui apparaît, rechercher le fichier précédemment enregistré à l'adresse suivante : «file:///root/site_votreprenom/textes.html». 3. Sélectionner le fichier «textes.html», puis valider. Celui-ci s'affiche alors dans le navigateur. Sous Konqueror : 1. Cliquer sur le menu «Document > Ouvrir une URL». 2. Dans la fenêtre de dialogue qui apparaît, rechercher le fichier précédemment enregistré à l'adresse suivante : «file:/root/site_votreprenom/textes.html». 3. Sélectionner le fichier «textes.html», puis valider. Celui-ci s'affiche alors dans le navigateur.

4 La procédure de visualisation des modifications effectuées sur un fichier HTML 1. Effectuer les modifications sur le fichier HTML. 2. Enregistrer de nouveau le fichier HTML. 3. Si la fenêtre du navigateur est toujours ouverte, cliquer sur le bouton «Actualiser» : pour Mozilla pour Konqueror tous deux présents dans la barre des boutons standards. Sinon, reprendre la procédure de visualisation d'un fichier HTML dans un navigateur. Une feuille de style dans un fichier externe Le code de la page «textes.html» est le suivant : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <title>les CSS et les liens</title> <link rel="stylesheet" type="text/css" href="styles_textes.css"> </head> <body> <font class="number01">ceci est un texte tout simple pour tester les feuilles de style</font> </body> </html>

5 Pour obtenir des formats homogènes, il peut être utile de définir les feuilles de style de manière globale pour ne pas avoir à les répéter dans chacune des pages d'un site Web. Il s'agit alors de définir l'ensemble des feuilles de style d'un site dans un fichier texte séparé qui sera ensuite «appelé» dans tous les fichiers HTML du site. Toute modification effectuée dans le fichier texte des feuilles de style se répercutera automatiquement sur l'ensemble des pages Web du site. Le lien entre la page «textes.html» et le fichier «styles_textes.css» est défini par la balise <link /> (lien en anglais). Cette balise accepte les attributs suivants : - rel détermine la relation comme «relation à la page suivante». Ici, la page suivante est un fichier qui contient les feuilles de style. - type définit le type MIME de la relation. - href établit le lien avec le fichier externe «styles_textes.css». Les classes de feuilles de style Des balises HTML spécifiques peuvent être regroupées dans une classe qui sera ensuite appelée dans ces balises à l'aide de l'attribut class. Pour spécifier un style pour les éléments d'une classe particulière, on ajoute le nom de la classe à celui de la balise HTML, lors de sa définition en tant que CSS, séparé par un point. Exemple : pour le fichier en «.css» h1.alerte {color: red;} h1.normal {color: green;} pour le fichier en «.html» <h1 class="alerte">dangers!</h1> <h1 class="normal">attention, à ne pas franchir cette limite</h1>

6 Le code du fichier «styles_textes.css» est le suivant : font.number01 { font-family: Helvetica; font-style: italic; font-variant: normal; font-size: 15 px; font-weight: bolder; font-stretch: semi-expanded; word-spacing: 5 px; letter-spacing: 2 px; text-decoration: underline; text-transform: lowercase; color: red; text-shadow: black; } Il s'agit, ici, de la balise <font>...</font> qui appartient à la classe «number01».

7 Les feuilles de styles applicables à la mise en forme du texte La syntaxe des feuilles de style est la suivante : propriété: valeur; - font-family définit la famille de la police. Les valeurs possibles sont : *soit liées à une police spécifique comme «Arial», «Helvetica», «Times Roman», *soit liées à une famille générique comme «sans-serif» (famille de police avec empattement), «serif» (famille sans empattement), «monospace» (famille proche des signes courrier), «cursive» (famille pour une écriture manuscrite), «fantasy» (famille pour une écriture originale), etc. Remarque : l'application d'une police ou d'une famille de police est dépendante de la présence de ce type de police dans l'ordinateur qui interprète la page Web. - font-style définit l'orientation de la police. Les valeurs applicables sont «italic», «oblique», «normal» (valeur par défaut). - font-variant spécifie la variante d'une police. Les valeurs applicables sont «small-caps» (petites majuscules) ou «normal» (valeur par défaut). - font-size définit la taille de la police. Les valeurs applicables sont des chiffres exprimés en pixels (px), en centimètres (cm), en millimètres (mm), en points (pt), en pourcentage (%) ou des expressions du type : «xx-small», «xsmall», «small», «medium», «large», «x-large», «xx-large», «larger», «smaller». - font-weight spécifie la graisse de la police, c'est-à-dire l'état visuel plus ou moins gras de la police. Les valeurs applicables sont «bold» (gras), «bolder» (très gras), «lighter» (plus fin), «normal» (valeur par défaut), ou les chiffres suivants : 100 (très fin), 200, 300, 400, 500, 600, 700, 800, 900 (très gras).

8 - font-strech définit l'étirement de la police, c'est-à-dire à quel point la pourra paraître étroite ou large. Les valeurs possibles sont «wider» (plus large que normal), «narrower» (plus serré que normal), «condensed» (condensé), «semi-condensed» (à moitié condensé), «extra-condensed» (très condensé), «ultra-condensed» (extrêmement condensé), «expanded» (étendu), «semi-expanded» (à moitié étendu), «extra-expanded» (très étendu), «ultra-expanded» (extrêmement étendu), «normal» (valeur par défaut). - word-spacing spécifie l'espacement entre les mots du texte. Les valeurs utilisables sont uniquement des mentions numériques exprimées en pixels (px), en centimètres (cm), en millimètres (mm) ou en points (pt). - letter-spacing spécifie l'espacement entre les lettres ou les signes. Les valeurs utilisables sont uniquement des mentions numériques exprimées en pixels (px), en centimètres (cm), en millimètres (mm) ou en points (pt). - text-decoration définit la décoration du texte, s'il est éloigné, barré, etc. Les valeurs possibles sont «underline» (souligné), «overline» (surligné), «line-throught» (barré), «blink» (clignotant) ou «none» (normal, valeur par défaut). - text-transform spécifie une transformation du texte en minuscules, majuscules ou en capitales. Les valeurs possibles sont «capitalize» (début des mots en majuscules), «uppercase» (tout en majuscules), «lowercase» (tout en minuscules) ou «none» (normal, valeur par défaut). - color définit la couleur de la police. Les valeurs applicables peuvent être le code hexadécimal de la couleur (#00FF00) ou le nom de la couleur en anglais (green).

9 - text-shadow spécifie s'il y a un effet d'ombre et surtout sa couleur. Les valeurs sont le code hexadécimal de la couleur (#00FF00), le nom de la couleur en anglais (green) ou «none» (sans ombre, valeur par défaut). - font regroupe les feuilles de style suivantes font-family, font-style, font-variant, font-size et fontweight. L'ordre des mentions n'a pas d'importance. Seules les valeurs des font-family et font-size sont obligatoires. La feuille de style de la classe «number02» Le code du fichier «styles_textes.css» est le suivant : font.number02 { font-family: monospace; font-style: oblique; font-variant: small-caps; font-size: xx-large; font-weight: bolder; font-stretch: extra-expanded; word-spacing: 10px; letter-spacing: 12px; text-decoration: blink; text-transform: capitalize; color: salmon; text-shadow: red; }

10

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne

Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Guide de démarrage rapide Centre de copies et d'impression Bureau en Gros en ligne Aperçu du Centre de copies et d'impression Bureau en Gros en ligne Pour accéder à «copies et impression Bureau en Gros

Plus en détail

Uniformiser la mise en forme du document. Accélère les mises à jour. Permets de générer des tables de matières automatiquement.

Uniformiser la mise en forme du document. Accélère les mises à jour. Permets de générer des tables de matières automatiquement. Les styles Table des matières Les styles... 1 1. Tutoriels... 1 2. Pourquoi utiliser les styles?... 1 3. Qu'est-ce qu'un style?... 1 4. Utiliser les styles existants... 2 Afficher les styles... 2 Appliquer

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

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7 Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute Logiciel utilisé : Adobe PhotoShop 7 Etape 1 Sélectionner les images, et les copier dans un répertoire

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

Plus en détail

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés

Installation et paramétrage. Accès aux modèles, autotextes et clip- art partagés DSI Documentation utilisateurs Installation et paramétrage Accès aux modèles, autotextes et clip- art partagés Auteur : Yves Crausaz Date : 21 septembre 2006 Version : 1.04 Glossaire OOo : Abréviation

Plus en détail

Traitement par lot conversion de plusieurs images en JPEG

Traitement par lot conversion de plusieurs images en JPEG Traitement par lot conversion de plusieurs images en JPEG Demande Je souhaite enregistrer simultanément au format JPEG plusieurs images NEF retouchées individuellement tout en préservant les améliorations

Plus en détail

Optimiser moteur recherche

Optimiser moteur recherche Optimiser moteur recherche Vous apprennez à inscrire vos sites dans les moteurs de recherche et les optimiser, déjà à la construction Worldsoft SA Inscription de sites Web dans les moteurs de recherche

Plus en détail

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

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

TUTORIEL : Formulaire sur Google : Saisie des réponses questionnaires comptoir Mise en place de questionnaires à distance

TUTORIEL : Formulaire sur Google : Saisie des réponses questionnaires comptoir Mise en place de questionnaires à distance TUTORIEL : Formulaire sur Google : Saisie des réponses questionnaires comptoir Mise en place de questionnaires à distance 1- ENREGISTREMENT ET PERSONNALISATION (si souhaité) DES FORMULAIRES Vous avez été

Plus en détail

FileZilla. Sauvegarder son site Guppy à l aide de. Sommaire:

FileZilla. Sauvegarder son site Guppy à l aide de. Sommaire: FileZilla http://filezilla.sourceforge.net/ Sauvegarder son site Guppy à l aide de Sommaire: P. 2 Téléchargement et installation P. 3 Paramétrage du transfert P. 3 L'environnement de Filezilla P. Sauvegarde

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Débuter avec FrontPage

Débuter avec FrontPage Débuter avec FrontPage M icrosoft Front Page vous aide à créer et à administrer des sites Web. Cette section explique comment utiliser FrontPage pour créer et travailler avec des sites Web, ou des «webs».

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

Consignes générales :

Consignes générales : PROCÉDURE POUR DÉPÔT DANS WEBCT Consignes générales : 1) Il est important de toujours conserver une copie de votre Webfolio ou Dossier professionnel sur votre disquette, clé USB ou sur votre disque dur

Plus en détail

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

FICHE 17 : CREER UN SITE WEB

FICHE 17 : CREER UN SITE WEB Publisher permet de créer des sites web. FICHE 17 : CREER UN SITE WEB Créez une nouvelle composition et choisissez Site web. Vous avez le choix entre utiliser le générateur rapide de site web, créer un

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

COURS EN LIGNE DU CCHST Manuel du facilitateur/de l administrateur

COURS EN LIGNE DU CCHST Manuel du facilitateur/de l administrateur COURS EN LIGNE DU CCHST Manuel du facilitateur/de l administrateur Préparé par En partenariat avec CCHST Centre canadien d'hygiène et de sécurité au travail VUBIZ Fournisseur de services de formation Dernière

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off

Plus en détail

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte

Plus en détail

Bases de données. Table des matières. Introduction. (ReferencePlus.ca)

Bases de données. Table des matières. Introduction. (ReferencePlus.ca) Bases de données (ReferencePlus.ca) Table des matières Introduction Ouvrir une nouvelle Base de données Ouvrir une Base de données déjà existante Retirer une base de données de la liste des bases dans

Plus en détail

Notice d'utilisation Site Internet administrable à distance

Notice d'utilisation Site Internet administrable à distance Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»

Plus en détail

Le codage informatique

Le codage informatique Outils de Bureautique Le codage informatique (exemple : du binaire au traitement de texte) PLAN 3) Le codage binaire 4) Représentation physique des bits 5) Le bit est un peu court... 6) Codage de texte

Plus en détail

Logiciels de référencement

Logiciels de référencement Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.

Plus en détail

Votre site Internet avec FrontPage Express en 1 heure chrono

Votre site Internet avec FrontPage Express en 1 heure chrono 1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono 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

Access 2007 FF Access FR FR Base

Access 2007 FF Access FR FR Base ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007

Plus en détail

Chapitre 1. Prise en main

Chapitre 1. Prise en main Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

Publier un Carnet Blanc

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

Plus en détail

Créer votre propre modèle

Créer votre propre modèle Créer votre propre modèle Vous recherchez un modèle personnalisé pour vos présentations Microsoft PowerPoint qui comprend le nom de votre organisation et un arrière-plan unique avec les couleurs et les

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Tutoriel pour la création d'un Google Sites

Tutoriel pour la création d'un Google Sites Créer un site web gratuitement avec Google Sites Le site des tutoriels Google Sites, pour créer gratuitement un site Google, trucs et astuces, best practice et info technique pour Google Sites, Gmail,

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

Plus en détail

TABLEAU CROISE DYNAMIQUE

TABLEAU CROISE DYNAMIQUE TABLEAU CROISE DYNAMIQUE Cours Excel 3 ème Partie LEA3 Page 1 Cours Excel 3 ème Partie LEA3 Page 2 FILTRER UN CHAMP Il y a des moments ou vous ne voulez pas avoir une vision globale des données mais plutôt

Plus en détail

Base élèves : des étiquettes avec OpenOffice 2.0

Base élèves : des étiquettes avec OpenOffice 2.0 Base élèves : des étiquettes avec Open Office Base élèves : des étiquettes avec OpenOffice.0. Exportation du fichier CSV depuis Base élèves Après identification dans l'espace directeur, choisir le menu

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

INFORM :: DEMARRAGE RAPIDE A service by KIS

INFORM :: DEMARRAGE RAPIDE A service by KIS - Création d'un formulaire Ce petit mémo a pour but de donner une vue d'ensemble des étapes menant à la création d'un formulaire avec in- Form. Bien que générique ce document fournit également les informations

Plus en détail

Guide d'utilisation du portail d'authentification Cerbère à usage des professionnels et des particuliers

Guide d'utilisation du portail d'authentification Cerbère à usage des professionnels et des particuliers RAPPORTS Secrétariat Général Service des Politiques Supports et des Systèmes d'information Centre de prestations et d'ingénierie Informatiques Département Opérationnel Sud-Ouest PNE Sécurité 10/11/2011

Plus en détail

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE 3. ème partie : RAPPORTS MENU D'ACCUEIL - MIGRATION Table des matières 1. Les RAPPORTS...2 1.1 Création d'un rapport basé sur une Requête...3 1.2 Imprimer,

Plus en détail

ZOTERO Un outil gratuit de gestion de bibliographies

ZOTERO Un outil gratuit de gestion de bibliographies ZOTERO Un outil gratuit de gestion de bibliographies Téléchargement sur http://www.zotero.org Zotero est une extension du navigateur Web Firefox 0 Mais désormais applications autonomes par rapport à Firefox

Plus en détail

Guide d installation CLX.PayMaker Office (3PC)

Guide d installation CLX.PayMaker Office (3PC) Guide d installation CLX.PayMaker Office (3PC) Sommaire 1. Installation et reprise des données... 2 2. Premiers pas établir une connexion au compte bancaire et recevoir des informations de compte... 4

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

Fiche n 25 01/03/2002. Power Archiver

Fiche n 25 01/03/2002. Power Archiver Service informatique Enseignement Recherche Fiche n 25 01/03/2002 Power Archiver Power Archiver vous permet de compresser ou décompresser un ou plusieurs fichier(s) afin de les stocker sur votre disque

Plus en détail

Un outil open source de gestion de bibliographies

Un outil open source de gestion de bibliographies Un outil open source de gestion de bibliographies Généralités... 2 Installation... 2 L interface zotero... 2 Ajouter une notice bibliographique manuellement... 4 Modifier ses notices bibliographiques...

Plus en détail

Troisième projet Scribus

Troisième projet Scribus Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3

Plus en détail

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises

Plus en détail

C RÉATION DE PDF (1) Cours SEM 205 Mieux utiliser le format PDF

C RÉATION DE PDF (1) Cours SEM 205 Mieux utiliser le format PDF Notes liminaires : certaines des fonctions présentées ci-après ne sont disponibles que dans Acrobat Pro (version 6 ou 7) ou dans des logiciels payants. Nous signalerons cependant quant elles sont disponibles

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

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

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...

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

Guide d usage du portail périscolaire de la Ville de Lorient

Guide d usage du portail périscolaire de la Ville de Lorient Guide d usage du portail périscolaire de la Ville de Lorient RESERVATION DES ACTIVITES PERSICOLAIRES PAR INTERNET Vous avez une difficulté à créer votre compte ou vous vous posez des questions sur la réservation

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Comment mettre en page votre livre

Comment mettre en page votre livre GUIDE - ImprimermonLivre.com Comment mettre en page votre livre www.imprimermonlivre.com 1 V. 20131125 Conseils pour la mise en page de votre ouvrage L objectif de ce guide est de vous aider à réaliser

Plus en détail

Gérer ses fichiers et ses dossiers avec l'explorateur Windows. Février 2013

Gérer ses fichiers et ses dossiers avec l'explorateur Windows. Février 2013 Gérer ses fichiers et ses dossiers avec l'explorateur Windows Février 2013 SOMMAIRE 1. Premiers repères : l'explorateur Windows (Vista et Windows 7) 2. Les dossiers : création, déplacement, suppression

Plus en détail

Résumé succinct des fonctions de messagerie électronique

Résumé succinct des fonctions de messagerie électronique A Accès à la messagerie électronique - Accès au fournisseur de services (Orange, Free, etc ) - Identification (nom d utilisateur et mot de passe) - Accès au service de messagerie (webmail) B Lecture des

Plus en détail

La messagerie électronique

La messagerie électronique Formation La messagerie électronique Outlook 2010 Laurent ROBIN 1 Paramétrer la boîte à lettres électronique (Outlook express) Création du compte - Lancer le client de messagerie Outlook 2010. - Cliquer

Plus en détail

Créer une base de données

Créer une base de données Access Créer une base de données SOMMAIRE Généralités sur les bases de données... 3 Création de la base de données... 4 A) Lancement d'access... 4 B) Enregistrement de la base de données vide... 4 Création

Plus en détail

SOS Info: Traitement de textes. 1. Structurer un document. 2. Enregistrer un document

SOS Info: Traitement de textes. 1. Structurer un document. 2. Enregistrer un document De plus en plus de documents seront «lus» par des systèmes automatiques. Il est important que les textes soient parfaitement structurés pour qu'un ordinateur puisse repérer les éléments importants. On

Plus en détail

1. Accéder à votre site

1. Accéder à votre site Guide de démarrage rapide pour un site hébergé Généamania Merci de votre intérêt pour Généamania. Je vous propose ce guide de démarrage rapide pour un site hébergé Généamania. Il vous présente pas-à-pas

Plus en détail

PHPWEBSITE -Tutoriel image

PHPWEBSITE -Tutoriel image PHPWEBSITE -Tutoriel image La capture des images depuis le web pour mon site. L optimisation d images pour le web, 1 Préparer des images pour le Web A. Généralités 1. Les trois formats d'images sur le

Plus en détail

Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...

Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires... Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module

Plus en détail

Fiche aide pour votre messagerie Outlook, thunderbird, Gmail

Fiche aide pour votre messagerie Outlook, thunderbird, Gmail Table des matières Fiche aide pour votre messagerie Outlook, thunderbird, Gmail Fiche n 1 Exporter vos contacts d'adresses emails...2 Fiche n 2 Création de sa signature pour sa boite mail...5 Fiche n 1

Plus en détail

Premiers pas avec Scribus

Premiers pas avec Scribus Sommaire 1. Qu est-ce que Scribus?... 2 1.1. Différences entre traitement de textes et logiciel de PAO... 2 1.2. Que faut-il pour travailler avec Scribus?... 3 2. Premier projet... 3 2.1. Organiser son

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

progecad NLM Guide de l'utilisateur

progecad NLM Guide de l'utilisateur progecad NLM Guide de l'utilisateur Rev. 11.1 Table des matières Table des matières...2 Introduction...3 Comment démarrer...3 Installation de progecad NLM server...3 Enregistrement de progecad NLM server...3

Plus en détail

Cycle III Brevet Informatique & Internet Niveau 1. "Je pense être capable

Cycle III Brevet Informatique & Internet Niveau 1. Je pense être capable Cycle III Brevet Informatique & Internet Niveau 1 A.J. - 11/01 Elève : Date de naissance : 1 Maîtriser les premières bases de la technologie informatique 1-1 désigner avec précision les éléments constitutifs

Plus en détail

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours III : Travailler avec Dreamweaver de Macromedia Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations

Plus en détail

CONFIGURER VOTRE HEBERGEMENT WINDOWS

CONFIGURER VOTRE HEBERGEMENT WINDOWS CONFIGURER VOTRE HEBERGEMENT WINDOWS Ce document vous indique comment utiliser votre hébergement Windows à travers votre espace abonné. A - Accéder à la Gestion de votre hébergement... 2 B - Gérer votre

Plus en détail

Déployer les Fonts, Icones, et Images avec Forms Services 11G

Déployer les Fonts, Icones, et Images avec Forms Services 11G Déployer les Fonts, Icones, et Images avec Forms Services 11G 1. Le fichier Registry.dat Le fichier Registry.dat permet de gérer les correspondances de font entre celles utilisées pour le développement

Plus en détail

Le serveur web Windows Home Server 2011

Le serveur web Windows Home Server 2011 Chapitre 16 Le serveur web Windows Home Server 2011 Windows Home Server 2011, directement dérivé de Windows Server 2008 R2, utilise la même technologie Internet Information Services IIS pour la mise en

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Création d un formulaire de contact Procédure

Création d un formulaire de contact Procédure Création d un formulaire de contact Procédure Description : Cette procédure explique en détail la création d un formulaire de contact sur TYPO3. Outil Procédure CMS: TYPO3 Auteur : hemmer.ch SA Extension:

Plus en détail

Accès externe aux ressources du serveur pédagogique

Accès externe aux ressources du serveur pédagogique Accès externe aux ressources du serveur pédagogique 1. Principe de fonctionnement... 1 2. Utilisation... 2 2.1. Gestion des dossiers et fichiers... 3 2.2. Exemple d'utilisation... 4 1. Principe de fonctionnement

Plus en détail

Rapports d activités et financiers par Internet. Manuel Utilisateur

Rapports d activités et financiers par Internet. Manuel Utilisateur Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir

Plus en détail

Manuel du composant CKForms Version 1.3.2

Manuel du composant CKForms Version 1.3.2 Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant

Plus en détail

Pack Fifty+ Normes Techniques 2013

Pack Fifty+ Normes Techniques 2013 Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié

Plus en détail

Partager mes photos sur internet

Partager mes photos sur internet Partager mes photos sur internet NIKON IMAGE SPACE est gratuit. Dans votre navigateur Web, rendez-vous à l'adresse http://nikonimagespace.com/ Cliquez sur le lien Inscription Remplissez les champs requis

Plus en détail

Manuel d'utilisation de Mémo vocal

Manuel d'utilisation de Mémo vocal Manuel d'utilisation de Mémo vocal Copyright 2002 Palm, Inc. Tous droits réservés. HotSync, le logo Palm et Palm OS sont des marques déposées de Palm, Inc. Le logo HotSync et Palm sont des marques commerciales

Plus en détail

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Guide pour la réalisation d'un document avec Open Office Writer 2.2 Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer

Plus en détail

Table des matières ENVIRONNEMENT

Table des matières ENVIRONNEMENT ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17

Plus en détail

supérieure Vous ne connaissez pas le numéro de version de votre application?

supérieure Vous ne connaissez pas le numéro de version de votre application? Mise à jour des taux de TVA dans les applications Compta et Devis- Factures Pratic, Compta et Gestion Commerciale Classic, Pro et PGI Ligne PME OpenLine V6.0.2 et supérieure Cette notice n'est valable

Plus en détail

1. Installation de COMPTINE

1. Installation de COMPTINE 3-5 Rue de Metz 75010 PARIS SA à capital variable RCS Paris B 344 671 490 Tél. : 01 40 22 12 12 Fax : 01 40 22 12 00 E-mail : contact@arete.fr SIRET : 34467149000029 Guide démo SOMMAIRE 1. Installation

Plus en détail