où fichier_image est le nom et" name="description"> où fichier_image est le nom et">

TP 4 : IMAGES ET ARRIERE-PLANS

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

Download "TP 4 : IMAGES ET ARRIERE-PLANS"

Transcription

1 TP 4 : IMAGES ET ARRIERE-PLANS Les images dans le texte La balise img du langage Html permet d'insérer des images dans une page Html. Exemple : <img src ="fichier_image"> où fichier_image est le nom et l extension de l image si elle est située dans le même dossier que le fichier Html. Dans le cas contraire, il faut spécifier le chemin d accès à fichier_image. Les principaux attributs de la balise img sont les suivants : Attribut Valeur Effet visuel align alt border height hspace width vspace top texttop absmiddle middle absbottom bottom baseligne Texte alternatif au cas où l'image ne s'affiche pas Aligne l image au plus haut de la ligne Aligne l image au plus haut du texte de la ligne Centre l image sur le milieu du plus grand élément Centre l image sur la ligne de base Aligne le bas de l image sur le bas du plus grand élément Aligne le bas de l image sur le plus bas du texte Aligne le bas de l image sur la ligne de base Ajoute une info bulle explicative à l image Par défaut l'attribut border vaut 1 ce qui crée un petit cadre autour de l'image. Pour ne pas avoir ce désagrément pensez à le définir comme étant égal à 0 Fixe la hauteur de l image Spécifie l espace d'ajustement horizontal (soit les côtés gauche et droit) entre l'image et le texte adjacent Fixe la largeur de l image Spécifie l espace d'ajustement vertical (soit au-dessus et en dessous) entre l'image et le texte adjacent 1

2 Attribut Balises Valeur Effet visuel bgcolor body body "#$$$$$$" la valeur hexadécimale de la couleur ou "nom" le nom de la couleur Définit la couleur d arrière-plan de la page Définit l image d arrière-plan de la page background table tr "fichier_image" Définit l image d arrière-plan d un tableau Définit l image d arrière-plan d une ligne td Définit l image d arrière-plan d une cellule Exercice 4.1 : Les images seules Reproduisez la présentation suivante : 2

3 Exercice 4.2 : Du texte et de l image Reproduisez la présentation suivante : Exercice 4.3 : Du texte et de l image Reproduisez la présentation suivante. Utilisez un tableau pour relier comme ci-après les deux logos par deux lignes horizontales de couleur rouge et de taille 5. 3

4 Exercice 4.4 : Couleur d arrière plan Reproduisez la présentation suivante sur un arrière plan de couleur : 1. Utilisez un tableau pour aligner du texte à gauche de l image. 2. Insérer une ligne de séparation de couleur bleue à bordure rouge 3. Ajoutez un bord de 10 sur les côtés supérieur et inférieur d une image mais pas sur les côtés gauche et droit 4. Ajoutez un bord de 20 sur les côtés les côté gauche et droit d une image mais pas sur les côtés supérieur et inférieur d une image 4

5 Exercice 4.5 : Une image d arrière plan Insérez une image d arrière-plan dans une page, comme ci-après : Exercice 4.6 : Tableaux avec textes et images d arrière-plans Reproduisez la présentation suivante : 1. Ajoutez une image d arrière plan à un tableau 2. Ajoutez une image d arrière plan aux lignes d un tableau sans bordures 3. Ajoutez une image d arrière plan dans certaines cellules d un tableau 5

6 4. Ajoutez du texte sur une image : l image retenue devient une image d arrière plan d un tableau et le texte est simplement écrit à l intérieure de la cellule du tableau. Exercice 4.7 : Une image fractionnée A partir d une image comme la suivante, reproduisez les différents effets comme décrit ciaprès. 6

7 Reproduisez la présentation suivante : 1. Ajoutez une image d arrière plan aux cellules d un tableau (appelé par la suite table1) : l image retenue est une image d arrière plan d une cellule à la dimension exacte de l image, 2. Créez un effet de découpage vertical de l image en modifiant les paramètres de table1, 3. Créez un effet de découpage horizontal de l image en modifiant les paramètres de table1, 4. Créez un effet d agrandissement de l image en modifiant les paramètres du tableau en modifiant les paramètres de table1, 7

8 5. Créez l effet d un tableau à quatre cellules avec une image d arrière plan à la dimension exacte de la cellule sans modification des paramètres du tableau précédent 6. Fractionnez avec un logiciel de retouche d image (gimp, paint, etc) l image en quatre morceaux (image1, image2, image3 et image4) comme suit : image1 image2 image3 image4 A l aide de ces quatre petites images, reconstituez l image de départ. 8

Test Test Test Test Test

Test Test Test Test Test Mise en forme d un document HTML Niveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise

Plus en détail

Université Paris Dauphine Outils de l Internet 2011-2012 TP 5 : LES CADRES

Université Paris Dauphine Outils de l Internet 2011-2012 TP 5 : LES CADRES TP 5 : LES CADRES Le contenu de la page d'accueil d'un site ne constitue que la subdivision en plusieurs frames. Les codes sources de chacune des frames seront contenus dans d'autres fichiers HTML. La

Plus en détail

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le de la page :

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le <head> de la page : CSS La présentation Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le de la page : body { background: orange;

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

- WEB / HTML - Annexe 1 : Définition des balises HTML

- WEB / HTML - Annexe 1 : Définition des balises HTML Balises d encadrement - WEB / HTML - Annexe 1 : Définition des balises HTML Encadre le code source. Encadre la zone d entête de la page Web dans laquelle

Plus en détail

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours :

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : COURS PROGRAMMATION WEB ASCADING STYLE SHEETS CSS CASCADING Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : http://essai.rnu.tn/enseignants/fatmachaker2.htm Année Universitaire :

Plus en détail

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML Page Web statique «Le langage HTML» Activité 1 : 1. Créer un répertoire sous le nom TPHTML dans le dossier 4TIC HTML de la racine D:\. 2. Dans le dossier HTML créer un nouveau fichier Document texte. a.

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 08 Réussir son site web avec XHTML et CSS Couleur et fond 1. La couleur du texte...1 Indiquer la couleur du texte avec un nom...1 Indiquer la couleur du texte en hexadécimal...2 Indiquer la couleur

Plus en détail

Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés :

Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés : CSS positionnement POSITIONNEMENT Rappel balises de type bloc Les éléments se placent les uns en dessous des autres. Par défaut, ils utilisent toute la largeur. Propriétés : width, height, min-width, ou

Plus en détail

Fonctions de base (1 ère partie) 1-2

Fonctions de base (1 ère partie) 1-2 A Enregistrer un document (pour la première fois) L enregistrement sert à conserver le travail en cours sur un support (disque dur, clé usb, ). On dit indistinctement Enregistrer ou sauvegarder un document

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

TD n 5 : Feuilles de styles

TD n 5 : Feuilles de styles TD n 5 : Feuilles de styles 1. Préparation du site a. Récupérez le site avec liens internes et tableaux du TD4 et assurez vous qu il soit dans un dossier aide-memoire sous D:\et-l2. 2. Joindre une feuille

Plus en détail

Dossier PPE LE PORTALP

Dossier PPE LE PORTALP Dossier PPE LE PORTALP Crosetti Pauline TSSI Lycée Colbert Tourcoing Année scolaire 2012/2013 Sommaire : - I) Recherches sur le Portalp - II) Recherches sur la supervision - III) Plusieurs choix possibles

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

CSS 3. Julien David. A101 - Julien David (A / 27

CSS 3. Julien David. A101 - Julien David (A / 27 CSS 3 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 27 Feuilles de styles Cascading Style Sheets CSS est un langage de feuilles de styles.

Plus en détail

Contrôle final Développement Web

Contrôle final Développement Web Université de Batna 3 ème année Licence Pro IIM Faculté des sciences Département d informatique 2015/2016 Durée : 1h30 Le 30/05/2016 Question de cours (4.5 pts) Contrôle final Développement Web 1. Le cycle

Plus en détail

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes.

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes. 154 L éditeur de texte L ÉDITEUR DE TEXTE L éditeur de texte du portail est une application destinée à créer et modifier des textes pour créer des documents HTML. L éditeur de texte possède certaines fonctions

Plus en détail

MISE EN FORME D'UNE FEUILLE DE CALCUL

MISE EN FORME D'UNE FEUILLE DE CALCUL MISE EN FORME D'UNE FEUILLE DE CALCUL MISE EN FORME CONTENU D'UNE CELLULE Attribut des caractères dans une cellule Il est possible d'affecter des attributs aux caractères contenus dans une cellule (police,

Plus en détail

Programmation Web TD8- CSS

Programmation Web TD8- CSS ²Université de la Manouba Ecole Supérieure d'economie Numérique Programmation Web TD8- CSS Objectifs - Développer des pages Web HTML5 validées - Mettre en place des fichiers CSS pour une meilleure présentation

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme ->CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

Xn View : visionneuse et traitement par lot. Table des matières

Xn View : visionneuse et traitement par lot. Table des matières Xn View : visionneuse et traitement par lot Table des matières Xn View : visionneuse et traitement par lot...1 1-Visionner des images...1 2-Utiliser la barre d'outils...2 3-Faire des diaporamas...4 4-Créer

Plus en détail

Créer un bouton pour le Web

Créer un bouton pour le Web Lorsqu'un internaute place le pointeur de sa souris sur un dessin dans une page Web, ce pointeur entre physiquement dans la zone de l'écran occupée par le graphique. L'internaute peut alors soit cliquer

Plus en détail

Créer une page HTML avec l'éditeur Notepad++

Créer une page HTML avec l'éditeur Notepad++ Page Html Créer une page HTML avec l'éditeur Notepad++ Ouvrir Notepad++ Ecrivez un court texte. Enregistrer ce fichier dans un dossier que vous avez préalablement créé dans vos documents ou sur votre bureau

Plus en détail

TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class

TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class Création et mise en forme d'une page Web avec une feuille de style Ouvrez la page index.htm qui envoyer par email. Insérez une feuille de style

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 11 v2 Réussir son site web avec XHTML et CSS TD de révision : le design d un site web 1. La structure générale... 2 2. Primo, le XHTML... 3 Découpage des pages en blocks... 3 Création du modèle de

Plus en détail

Guide du rédacteur. La mise en page d un contenu sur Internet est une opération qui doit avoir une certaine discipline et une réflexion.

Guide du rédacteur. La mise en page d un contenu sur Internet est une opération qui doit avoir une certaine discipline et une réflexion. Guide du rédacteur A Mise en page : La mise en page d un contenu sur Internet est une opération qui doit avoir une certaine discipline et une réflexion. En effet, un internaute ne lit pas le contenu d

Plus en détail

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs :

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs : TP Informatique Personnalisation de page web HTML avec le langage CSS Objectifs : - Approfondir ses connaissances au langage HTML - Changer le style et la présentation d une page HTML grâce au langage

Plus en détail

Ajouter des éléments spéciaux à un document

Ajouter des éléments spéciaux à un document Module F Ajouter des éléments spéciaux à un document CAS Valérie Milou, directrice commerciale chez Concept plein air, vous demande de compléter un rapport recommandant la mise en œuvre de mesures écologiques

Plus en détail

Exemples! !Mise en forme du texte!!les tableaux!!utilisation d images!!la navigation!!les Cadres!!Paramètres d une page!

Exemples! !Mise en forme du texte!!les tableaux!!utilisation d images!!la navigation!!les Cadres!!Paramètres d une page! Le langage Html : Chapitres HTML!!Mise en forme du texte!!les tableaux!!utilisation d images!!la navigation!!les Cadres!!Paramètres d une page! L1-STS-Internet et Programmation! 47! Le langage Html : Mise

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 HTML tableau Lévis Thériault, hiver 2009 Structure d un tableau

Plus en détail

Université d Angers

Université d Angers pascal.nicolas@univ-angers.fr 1 préambule cette présentation, basée sur la norme HTML3.2, n a pas vocation à être exhaustive la notation X Y signifie que l on peut mettre l élément X ou l élément Y dans

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme -> CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

Technique Internet de Base HTML avancé

Technique Internet de Base HTML avancé Objectifs Technique Internet de Base HTML avancé morge@di.unipi.it Licence 2 Université Jean Monnet Création de tableau complexe Mise en forme de tableau Création de formulaire 2008-2009 Tableau= élément

Plus en détail

OpenOffice. Editeur HTML. Table des matières

OpenOffice. Editeur HTML. Table des matières Editeur HTML OpenOffice Table des matières Editeur HTML...1 CREER UN NOUVEAU SITE WEB...2 INTERFACE DE TRAVAIL...3 CONFIGURATION DE LA PAGE...4 Ou sont les balises Meta?...4 Options de la page...5 ENREGISTREMENT...6

Plus en détail

Maintenant que votre emploi du temps est apparu, vous allez le mettre en forme en utilisant les sept barres ci-dessous.

Maintenant que votre emploi du temps est apparu, vous allez le mettre en forme en utilisant les sept barres ci-dessous. Vous allez réaliser deux emplois du temps (un pour la semaine A et un pour la semaine B). Vous avez votre carnet de liaison et vous allez suivre toutes les étapes afin de réaliser vos deux emplois du temps.

Plus en détail

Création d'un site Web avec KompoZer

Création d'un site Web avec KompoZer Création d'un site Web avec KompoZer Table des matières 1Rudiments sur le langage HTML.1 1.1Structure d'une page web :.1 1.2Le langage des pages Web.2 2Préparation du site web..2 3Utilisation d'une feuille

Plus en détail

WORD. Tableaux Bordures & trames Outils de dessins & graphiques

WORD. Tableaux Bordures & trames Outils de dessins & graphiques WORD Tableaux Bordures & trames Outils de dessins & graphiques Les tableaux Créer un tableau (1) Par la barre d outil Placer le curseur à l endroit où le tableau doit être inséré Cliquer sur le bouton

Plus en détail

HTML et page Web diaporama

HTML et page Web diaporama but du diaporama principe général le titre ainsi qu une section contenant un paragraphe le titre ainsi qu un paragraphe dont le texte est centré une section dont le texte est coloré en rouge (couleur définie

Plus en détail

TP JAVASCRIPT IntegWeb SERIE 4 MMI

TP JAVASCRIPT IntegWeb SERIE 4 MMI TP JAVASCRIPT IntegWeb SERIE 4 MMI 2014-2015 Exemple d'intégration d'un plugin FANCYBOX Objectif : Découvrir comment exploiter le plugin FancyBox. Le plugin FancyBox et un outil très souvent utilisé sur

Plus en détail

OpenOffice 3.3 Module Texte 1

OpenOffice 3.3 Module Texte 1 OpenOffice 3.3 Module Texte 1 OpenOffice 3.3 Module Texte 2 Table des matières 1 Les tableaux...3 1.1 Créer un tableau...3 1.2 Mise en forme d'un tableau...4 1.3 Fusionner ou scinder des cellules...6 1.3.1

Plus en détail

Traitement de texte 2 - Réaliser un tableau

Traitement de texte 2 - Réaliser un tableau Traitement de texte 2 - Réaliser un tableau Réalisation d'un tableau pour présenter l'emploi du temps de la classe, avec une image d'arrièreplan et des couleurs pour les différentes disciplines 1 - Ouvrir

Plus en détail

Partie A : Animation Flash

Partie A : Animation Flash Partie A : Animation Flash I- Introduction : Un logiciel créateur d animations est un logiciel qui permet de créer une animation pour qu'elle soit intégrée dans une page Web. Les animations crées par ce

Plus en détail

Formateur Principal. Q.2) Déplacez le texte carences en sel dans la flèche. Sélectionnez le texte accueil couper cliquer sur la flèche coller

Formateur Principal. Q.2) Déplacez le texte carences en sel dans la flèche. Sélectionnez le texte accueil couper cliquer sur la flèche coller Formateur Principal Q.1) Pour la première liste à puces, définissez une nouvelle puce utilisant l'image Salière.jpg située dans le dossier images. Sélectionnez la 1ere liste à puce - sur l onglet accueil

Plus en détail

Rédacteurs - Typo3 v6.2

Rédacteurs - Typo3 v6.2 Rédacteurs - Typo3 v6.2 Insérer des images Objet et contexte Ce document présente l insertion d images dans les contenus de l environnement typo3 6.2 Les outils images Il y a deux types d outils qui permettent

Plus en détail

Introduction au dessin de masque avec L-Edit

Introduction au dessin de masque avec L-Edit Introduction au dessin de masque avec L-Edit 1 Introduction L-Edit est un outil de conception de circuits intégrés. Seul le module de dessin est décrit brièvement dans cette introduction. Ces pages d introduction

Plus en détail

U2lisa2on avancée des tableaux. Couleur de fond 21/09/11. On u2lise l'ahribut bgcolor.

U2lisa2on avancée des tableaux. Couleur de fond 21/09/11. On u2lise l'ahribut bgcolor. U2lisa2on avancée des tableaux Couleur de fond On u2lise l'ahribut bgcolor. bgcolor=nombre nom: La couleur donnée par son code hexadécimal ou son nom. On peut l'appliquer à la table, une ligne, une cellule

Plus en détail

Edition riche (à valider)

Edition riche (à valider) Edition riche (à valider) L'éditeur en ligne des champs riches vous permet de mettre en forme votre contenu et d'y insérer un grand nombre d'objets (images, tableaux, symboles, code HTML, données fusionnées,...).

Plus en détail

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1

de la page.

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1 <h1> de la page. Mémo CSS 3 Les sélecteurs simples balise permet de viser tous les éléments d un certain type de balise. Exemple : h1 concerne toutes les éléments titres de niveau 1 de la page..maclasse permet de

Plus en détail

Découvrir l environnement de Word

Découvrir l environnement de Word Découvrir l environnement de Word Qu est-ce qu un traitement de texte Un traitement de texte est un logiciel permettant de créer des documents contenant du texte, les images, des tableaux (sans calcul).

Plus en détail

Fiche n 54 16/12/2003. StarOffice Draw

Fiche n 54 16/12/2003. StarOffice Draw Service informatique Enseignement Recherche Fiche n 54 16/12/2003 StarOffice Draw StarOffice Draw est le logiciel de dessin de la suite bureautique StarOffice 7. Il permet la mise en page d affiches, poster

Plus en détail

Démarrer LibreOffice Writer et découvrir l'interface.

Démarrer LibreOffice Writer et découvrir l'interface. LibreOffice.org est une suite bureautique libre, complète et entièrement gratuite, proposant tous les outils nécessaires à la bureautique : traitement de texte, présentation, tableur, base de données.

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

UTILISATION «PAGE BUILDER»

UTILISATION «PAGE BUILDER» 1/- AJOUTER DES IMAGES DANS LA BIBLIOTHÈQUE DES MÉDIAS. - Cliquer sur «Médias» puis sur l onglet «Bibliothèque». - Cliquer ensuite sur «Ajouter». 1 1 2 - Faire glisser les images à ajouter à l endroit

Plus en détail

Tutoriel Modification templates Rhuk_solarflare_ii

Tutoriel Modification templates Rhuk_solarflare_ii Description du tutoriel Solutions de modification du template Rhuk_solarflare est le template par défaut du pack Joomla!. C est donc le plus utilisé et par conséquence le plus vu, mais il existe des milliers

Plus en détail

Sélectionnez Ajouter un nouveau plan au projet sélectionné.

Sélectionnez Ajouter un nouveau plan au projet sélectionné. Double-cliquez sur l'icône Specifi sur votre bureau pour démarrer le programme. Note: Si vous utilisez une version de démonstration, une fois chargé, un message vous informerà sur les derniers jours de

Plus en détail

COURS INFORMATIQUE - BUREAUTIQUE Séquenceé 2 / Activité 1. Fonction Dessins dans OpenOffice

COURS INFORMATIQUE - BUREAUTIQUE Séquenceé 2 / Activité 1. Fonction Dessins dans OpenOffice COURS INFORMATIQUE - BUREAUTIQUE Séquenceé 2 / Activité 1 Fonction Dessins dans OpenOffice Utiliser les fonctions de Dessins du traitement de texte OpenOffice Writer Crez un nouveau fichier texte OpenOffice

Plus en détail

Chapitre 1 : Prise en main d Excel

Chapitre 1 : Prise en main d Excel Chapitre 1 : Prise en main d Excel I. Qu'est-ce qu'un tableur? Un tableur permet de saisir des données, de faire des traitements sur ces données et de les afficher. Les originalités du tableur sont l'organisation

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

3.4 EXERCICES Images palettées/indexées

3.4 EXERCICES Images palettées/indexées 3.4 EXERCICES Images palettées/indexées Créer une image palettée - sous Photoshop (ou PaintShop Pro) Sauvegardez l'image jpg ci-contre en suivant le lien Pour créer une image palettée GIF, choisissez le

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

LibreOffice Découvrir Le tableur Calc (1)

LibreOffice Découvrir Le tableur Calc (1) L INTERFACE LibreOffice Découvrir Le tableur Calc (1) Ce document présente quelques fonctionnalités du tableur CALC. Ouvrez une feuille de calcul et suivez les indications. Les données à saisir sont repérées

Plus en détail

Introduction au langage HTML L1S Un fichier HTML est un fichier contenant du texte, «lisible» dans un éditeur de texte

Introduction au langage HTML L1S Un fichier HTML est un fichier contenant du texte, «lisible» dans un éditeur de texte Introduction au langage HTML L1S1 2012-2013 I Quelques généralités Un fichier HTML est un fichier contenant du texte, «lisible» dans un éditeur de texte Lorsque vous consultez un site, les fichiers HTML

Plus en détail

Faire des zones sensibles dans une image : image mappée

Faire des zones sensibles dans une image : image mappée Insérer une image Avec l ADSL la vitesse de transfert s est considérablement améliorée et l utilisation des images, des animations et du son a littéralement explosé. Malgré tout, les utilisateurs ne doivent

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Présentation générale des onglets de Word 2007

Présentation générale des onglets de Word 2007 Présentation générale des onglets de Word 2007 La version 2007 de Word a fait disparaître la barre de menu Fichier, Edition... Celle-ci a été remplacée par un ruban composé d'onglets. Ces onglets sont

Plus en détail

SCRIBUS, LOGICIEL DE PAO (PUBLICATION ASSISTÉE PAR ORDINATEUR)

SCRIBUS, LOGICIEL DE PAO (PUBLICATION ASSISTÉE PAR ORDINATEUR) 2011 SCRIBUS, LOGICIEL DE PAO (PUBLICATION ASSISTÉE PAR ORDINATEUR) 1- Nouveau document 2- Afficher des repères 3- Insérer un cadre de texte 4- Écrire sur plusieurs colonnes 5- Insérer un cadre d'image

Plus en détail

MISE en FORME de TABLEAUX et

MISE en FORME de TABLEAUX et MISE en FORME de TABLEAUX et DIMENSIONS Rappel : une action ne peut s'effectuer que sur une sélection. Ne pas confondre la sélection de la cellule avec la sélection de son contenu. Plutôt que de procéder

Plus en détail

ACCESS 2010 MICROSOFT D R Y A O K. P A T R I C K

ACCESS 2010 MICROSOFT D R Y A O K. P A T R I C K ACCESS 2010 MICROSOFT D R Y A O K. P A T R I C K MISE EN ROUTE DE ACCESS 2010 1) Définitions - Composition d une base de données Access Table : une table regroupe des données de même nature. Requête :

Plus en détail

CSS 2 Editions OEM (Groupe Eyrolles), 2003, ISBN

CSS 2 Editions OEM (Groupe Eyrolles), 2003, ISBN Patrick Beuzit Aide-mémoire CSS 2 Editions OEM (Groupe Eyrolles), 2003, ISBN 2-7464-0479-6 Les propriétés CSS 43 Les propriétés azimuth: H Définit l'origine spatiale des sons. Nécessite un système supportant

Plus en détail

Contenu Microsoft Word 2013

Contenu Microsoft Word 2013 Contenu Microsoft Word 2013 Base et intermédiaire MODULE 1 NOTIONS ÉLÉMENTAIRES DE MICROSOFT WORD 2013 CONFIGURATION DE BASE DE WINDOWS Définir les paramètres régionaux Sélectionner le clavier Canada Français

Plus en détail

GL/ITEC 2915F Automne 2011 L utilisation de l ordinateur et des logiciels d applications I DEVOIR # 2 A soumettre le 12 décembre 2011 avant minuit

GL/ITEC 2915F Automne 2011 L utilisation de l ordinateur et des logiciels d applications I DEVOIR # 2 A soumettre le 12 décembre 2011 avant minuit Glendon Campus Information Technology (ITEC) Objectifs GL/ITEC 2915F Automne 2011 L utilisation de l ordinateur et des logiciels d applications I DEVOIR # 2 A soumettre le 12 décembre 2011 avant minuit

Plus en détail

Exercices JavaScript

Exercices JavaScript Exercices Javascript - page 1 Exercices JavaScript Auteur : E.Thirion - 07/12/2015 Ce document est extrait du site http://cours.thirion.free.fr/cours/javascript Les exercices suivants sont s fichiers à

Plus en détail

Infos : Les images pour le site

Infos : Les images pour le site Infos : Les images pour le site Objectifs : Pour compléter cette formation, nous vous proposons quelques solutions simples, pour les images (logos, photos, ) qui seront mises sur votre site, avec le logiciel

Plus en détail

Les Animations Flash

Les Animations Flash Les Animations Flash Chapitre : Production électronique I. Introduction : Nous allons nous intéresser dans ce cours à Macromédia Flash 8, qui permet de réaliser des animations à base d images vectorielles

Plus en détail

4.- LES TABLEAUX OBJECTIFS PEDAGOGIQUES CREER UN TABLEAU

4.- LES TABLEAUX OBJECTIFS PEDAGOGIQUES CREER UN TABLEAU 4.- LES TABLEAUX 4.1.- OBJECTIFS PEDAGOGIQUES II est parfois utile d'améliorer la lisibilité de données en les présentant sous la forme d'un tableau. Il n'est pas question ici de réaliser des tableaux

Plus en détail

Le traitement de texte Open Office Texte DOCUMENTS RESSOURCES : SOMMAIRE. - Fenêtre principale de Windows 98: le Bureau...1/15

Le traitement de texte Open Office Texte DOCUMENTS RESSOURCES : SOMMAIRE. - Fenêtre principale de Windows 98: le Bureau...1/15 Le traitement de texte Open Office Texte 6 ème DOCUMENTS RESSOURCES : SOMMAIRE Ce classeur est à rendre au professeur à la fin de chaque séance. - Fenêtre principale de Windows 98: le Bureau...1/15 - Chargement

Plus en détail

Guide d utilisation. Version 0715

Guide d utilisation. Version 0715 Guide d utilisation Version 0715 SOMMAIRE PRINCIPALES FONCTIONNALITÉS Résumé... p. 3 ACTUALITÉS gestion / création des actualités... p. 4 PAGES / RUBRIQUES Créer une page... p.5 Intégrer du contenu...p.6-9

Plus en détail

WORD 2007 LES BASES DE WORD

WORD 2007 LES BASES DE WORD WORD 2007 LES BASES DE WORD Alain BIGOTTE 17/11/2010 TABLE DES MATIERES Les bases de Word... 1 1. La sélection d'un mot, d'une phrase, d'un paragraphe 2. La mise en forme des caractères 3. Le Copier /

Plus en détail

15. GERER LES IMAGES D ARRIERE-PLAN

15. GERER LES IMAGES D ARRIERE-PLAN 52 15. GERER LES IMAGES D ARRIERE-PLAN Il y a deux méthodes pour insérer les graphiques d une page web : Ajout du graphique dans l arrière-plan d un DIV à l aide des CSS (exemple : une texture pour créer

Plus en détail

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens :

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens : 3 : TD HTML Objectif : Moyens : construction d un document hypertexte sur Internet - Internet : notions d échanges sur le réseau - Langage : présentation d HTML - Mise en œuvre d HTML : TD_3_HTML_CV.html

Plus en détail

Création d'un objet "Symbole"

Création d'un objet Symbole Chapitre : Paramétrage Création d'un objet "Symbole" Avant d'exploiter les blocs avec A.cadOut, il est indispensable d'avoir organisé ceux ci sous forme de fichiers DWG où chaque fichier correspond à un

Plus en détail

Programme Formation WebDesign

Programme Formation WebDesign Programme Formation WebDesign Objectif : Connaître les règles et les techniques de création d'une charte graphique. Savoir utiliser une charte graphique pour le développement web. Compétences visées :

Plus en détail

CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise { Propriété : valeur ;

CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise { Propriété : valeur ; CSS CSS : Cascading Style Sheets (feuilles de styles en cascade ) Cas générale : La structure du code : Nom_balise Pour les commentaires : /* un commentaire */ Classe : La construction d une classe :.ma_classe

Plus en détail

B) - STYLES par DÉFAUT dans WORD 6 1) - Créer vos styles dans Word 6 2) - Effacer vos styles dans Word 9

B) - STYLES par DÉFAUT dans WORD 6 1) - Créer vos styles dans Word 6 2) - Effacer vos styles dans Word 9 Sommaire A) - PARAMÉTRAGES de BASE dans WORD 2 1) - Mise en Page dans Word 2 2) - Dossier par défaut dans Word 2 3) - Enregistrement automatique dans Word 4 4) - Police de caractère par défaut dans Word

Plus en détail

Image Converter. Manuel d utilisation. Sommaire : Version : Lisez attentivement ce manuel avant d utiliser Image Converter

Image Converter. Manuel d utilisation. Sommaire : Version : Lisez attentivement ce manuel avant d utiliser Image Converter Image Converter Manuel d utilisation Version : 1.1.0.0 Lisez attentivement ce manuel avant d utiliser Image Converter Sommaire : Vue d ensemble d Image Converter P2 Processus de conversion des images P3

Plus en détail

Initiation WORD. Module 8 : Mise en forme d un document (2).

Initiation WORD. Module 8 : Mise en forme d un document (2). Initiation WORD. Module 8 : Mise en forme d un document (2). Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 10

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Conception de Sites Web Dynamiques : TD 1 HTML5 statique, balises, liens relatifs/absolus, images, validateur W3C http://www.labri.fr/perso/preuter/cswd2016

Plus en détail

Université de Versailles St Quentin en Yvelines Word 97 Initiation Centre de Services Informatiques. ligne

Université de Versailles St Quentin en Yvelines Word 97 Initiation Centre de Services Informatiques. ligne 1. Tableau 1.1. Qu est ce qu un tableau? Un tableau est composé de colonnes et de lignes. L intersection d une ligne et d une colonne s appelle une cellule. colonne ligne cellule Une cellule a des bordures

Plus en détail

Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et

Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et Réalisée par : Mohamed AGHROUD Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et Formateur MOS au centre de formation école Saghrou1 - Alnif- délégation Tinghir. 1. Fichier

Plus en détail

Votre mission : mettre en page un CV

Votre mission : mettre en page un CV Votre mission : mettre en page un CV ISSION : BUTS DE LA M penoffice Writer - Créer un fichier O CV - Y saisir le texte du CV nsemble du texte du - Mettre en forme l e CV - Mettre en page le Dossier Activités

Plus en détail

GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne)

GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne) GUIDE D UTILISATION DU LOGICIEL LIMESURVEY (Création d enquêtes en ligne) http://w3.avignon.inra.fr/limesurvey/admin/admin.php Username : admin Password : Quelques liens utiles pour travailler sur Limesurvey

Plus en détail

Guide pour Mac OS 9 novembre Suzanne Harvey. Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe

Guide pour Mac OS 9 novembre Suzanne Harvey. Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Guide pour Mac OS 9 novembre 2002 Suzanne Harvey Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe suzanne.harvey@prologue.qc.ca http://www.cssh.qc.ca/se/recit Création

Plus en détail

Dreamweaver Image survolée

Dreamweaver Image survolée Dreamweaver Image survolée Image retournée (rollover) Un lien peut également être une surprise! Par exemple, vous passez votre souris et l image s illumine, la couleur change, l image se transforme. Comment

Plus en détail

Doigtés sur un clavier avec GIMP

Doigtés sur un clavier avec GIMP Doigtés sur un clavier avec GIMP 1 - Objectif Le but final est de créer une page WEB animée et sonorisée, qui montre la correspondance entre les doigts de la main, le numéro indiqué sur la partition, et

Plus en détail

TABLEAUX SAISIE D UN TABLEAU CRÉATION D UN TABLEAU SAISIE DES DONNÉES SÉLECTION D UN TABLEAU POUR SÉLECTIONNER TOUT LE TABLEAU.

TABLEAUX SAISIE D UN TABLEAU CRÉATION D UN TABLEAU SAISIE DES DONNÉES SÉLECTION D UN TABLEAU POUR SÉLECTIONNER TOUT LE TABLEAU. TABLEAUX Les tableaux permettent de présenter des données bien alignées les unes par rapport aux autres (exemple : calendrier, feuille de présence, curriculum vitæ, etc.) SAISIE D UN TABLEAU CRÉATION D

Plus en détail

INTRODUCTION AU LOGICIEL WORD 2016

INTRODUCTION AU LOGICIEL WORD 2016 INTRODUCTION AU LOGICIEL WORD 2016 PAR OLIVIER GINGRAS CONSEILLER A LA VIE ETUDIANTE UNIVERSITE DU QUEBEC EN OUTAOUAIS CAMPUS SAINT-JEROME AOUT 2016 TABLE DES MATIÈRES 1. ONGLET FICHIER... 1 1.1. Localisation

Plus en détail

INFORMATIQUE COURS PRATIQUE PC Alain Pélissier - Page : 1/1

INFORMATIQUE COURS PRATIQUE PC Alain Pélissier - Page : 1/1 PRATIQUE PC partie 3 1- DIINOTE (post-it) 2- CDRLABEL (pochette CD) 2.1 Présentation 2.2 Utilisation 3- JEUX en LIGNE SUR INTERNET Alain Pélissier - Page : 1/1 1- DIINOTE (post-it) : Il existe de nombreux

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail