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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "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"

Transcription

1 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 Travailler avec les sélecteurs Html, sélecteurs de classe et sélecteurs par identité Travailler avec les sélecteurs contextuels Travailler avec la mise en page et les menus verticaux Les fichiers nécessaires pour ce lab. sont disponibles sur le site Web à l adresse : Enoncé du problème Votre travail consiste à utiliser la mise en page CSS de deux colonnes avec entête et pied de page et aussi de définir toutes les règles de feuille de style nécessaires pour produire le modèle de page et le formatage du contenu représentés dans la figure 3. La figure 1 montre les sélecteurs par identité utilisés pour la transformation de la page source en une page utilisant le modèle de page de deux colonnes avec entête et pied de page. Figure 1 O. Guinko GL/ITEC 2915F Utilisation de l ordinateur et des logiciels d application I - Devoir 2 1

2 Avant l'application des feuilles de styles Après l'application des feuilles de styles Figure 2 Figure 3 O. Guinko GL/ITEC 2915F Utilisation de l ordinateur et des logiciels d application I - Devoir 2 2

3 Ouvrez le fichier index.html situé dans le dossier resources puis ajouter les feuilles de style intégrées qui définissent toutes les règles nécessaires aux sélecteurs par «identité», de «classe» et par «html», utilisés dans les balises <body></ body> pour influencer la mise en page et l apparence cette page pour produire le résultat de la figure 3. Les conditions suivantes doivent être remplies (voir la figure 4 aussi): NE PAS modifier ou ajouter une balise HTML à l intérieur des balises <body></body>, remplacez simplement le texte Add your name here avec votre nom complet NE PAS ajouter un sélecteur supplémentaire de classe, par identité ou de html à l intérieur des balises <body></ body> 1. Réglages de base a. Couleur de fond: toute couleur (par défaut le blanc) b. Couleur du texte : toute couleur (par défaut le noir) c. La famille de polices et la taille: = Verdana, Arial, sans-serif; taille = 8pt 2. Entête ( <div id="header"></div>) a. Largeur = 860px b. Hauteur=100px c. Couleur de fond: toute couleur 3. Colonne de gauche (<div id="left"></div>) a. Largeur = 157px b. Couleur de fond: toute couleur 4. Barre de menu vertical à gauche (en haut) (<div class="navig"></div>) a. Largeur = 151px b. Couleur de fond: toute couleur c. Couleur de la ligne de séparation des éléments du menu: toute couleur d. Liste des éléments du menu: Home, Course 2915, Course Barre de menu vertical à gauche (en bas) (<div class="navig second"></div>) a. Largeur = 151px b. Hauteur spécifiée avec le sélecteur contextuel de classe "second" = 300px c. Couleur de fond: la même que celle du haut d. Couleur de la ligne de séparation des éléments : la même que celle du haut e. Liste des éléments du menu: Microsoft Excel, Microsoft Access, Microsoft PowerPoint, Web Design and CSS f. Marge externe entre les barres de menu vertical du "haut" et du "bas" = 25px 6. Colonne du contenu (<div id="content"></div>) a. Largeur = 677px b. Couleur de fond:, couleur du texte: toute couleur c. Marge interne à droite = 10px, marge interne en haut = 20px, marge interne à gauche = 10px, marge interne en bas = 15px O. Guinko GL/ITEC 2915F Utilisation de l ordinateur et des logiciels d application I - Devoir 2 3

4 7. Image flottante et la légende (<div class="floatingimage"></div>) a. Largeur = 180px b. Taille du texte de la légende = 7pt c. Flotter l'image pour contraindre le texte à l envelopper 8. Bloc de citation (<blockquote></blockquote>) a. Largeur = 150px b. Taille du texte = 7.5pt 9. Pied de page (<div id="footer"></div>) a. Largeur = 860px b. Hauteur = 60px 10. Comportement des liens a. Ne pas souligner les liens hypertextes lorsqu'ils sont actifs ; les souligner uniquement lorsque le pointeur de la souris les survole b. a:hover {color: toute couleur} c. a{color: toute couleur} Figure 4 O. Guinko GL/ITEC 2915F Utilisation de l ordinateur et des logiciels d application I - Devoir 2 4

5 Quoi Soumettre? Un fichier zip enregistré sous le nom de devoir2_nomutilisateur et devrait comprendre les fichiers suivants: index.html index.html avec toutes les règles CSS ajoutées et répondant aux exigences mentionnées cidessus photoshopphantasies.gif Une fois terminé, téléchargez le fichier zip dans le dossier ASSIGNMENT2 tel que le décrit la structure de navigation ci-dessous: users.war > assignments > 2011ITEC2915F > ASSIGNMENT2 O. Guinko GL/ITEC 2915F Utilisation de l ordinateur et des logiciels d application I - Devoir 2 5

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

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

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

Formation Word. 1) Présentation de MS Word

Formation Word. 1) Présentation de MS Word Formation Word 1) Présentation de MS Word Fait partie de la suite Microsoft Office : Word (traitement de texte) Excel (tableur) Powerpoint (présentations) Outlook (messagerie) + Access (base de données)

Plus en détail

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs Chapitre 1 : Introduction A. Le développement des sites web 9 B. Les fonctionnalités de Foundation 10 C. Télécharger les exemples 11 Chapitre 2 : Installer Foundation A. Les objectifs 15 B. Les différentes

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

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

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

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

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

Plus en détail

Open office Writer module Composants d Open Office 2 2. Créer/ ouvrir / enregistrer un document Choisir son format d enregistrement : 2

Open office Writer module Composants d Open Office 2 2. Créer/ ouvrir / enregistrer un document Choisir son format d enregistrement : 2 1. Composants d Open Office 2 2. Créer/ ouvrir / enregistrer un document 2 2.1. Ouvrir un document existant 2 2.2. Créer un nouveau document 2 2.3. Enregistrer un document 2 3. Choisir son format d enregistrement

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

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

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

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition) Le HTML5 et les CSS 1. L'évolution de HTML 15 2. L'évolution des CSS 16 2.1 La notion de module 16 2.2 L'évolution des statuts 16 2.3 Les préfixes vendeurs 17 2.4 Utiliser les préfixes vendeurs 18 3. La

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

Introduction à HTML. 27 Février Damien DURVILLE HTML 1

Introduction à HTML. 27 Février Damien DURVILLE HTML 1 Introduction à 27 Février 2004 Damien DURVILLE 1 Qu'est-ce que c'est? : Hypertext Markup Language hypertext : texte avec liens dynamique markup : marquage, codage, délimitation language : une manière de

Plus en détail

STUDIO - TI6 TABLE DES MATIÈRES NOUVELLE MATIÈRE. 1. Donner une «class» à une

<div></div> STUDIO - TI6 TABLE DES MATIÈRES NOUVELLE MATIÈRE. 1. Donner une «class» à une <div> Sujet STUDIO - TI6 PASCAL PLACEMAN Sujet HTML - CSS révisions TABLE DES MATIÈRES Nouvelle matière: 1. Donner une «class» à une 2. Créer une div en plein-écran 3. Gérer des colonnes 4. Mettre une video

Plus en détail

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants Viatique pour la création de site avec Kompozer à l usage des débutants Avant de commencer... 3 Création d une page simple... 3 Informations sur la page... 3 Apparence... 3 Sauvegarde... 3 Saisie du contenu...

Plus en détail

Table des matières Section Word

Table des matières Section Word Table des matières v iii Table des matières Section Word Lancement de Word Qu est-ce qu un traitement de textes? 2 Lancement de Word 2 Exploration de la fenêtre Microsoft Word 3 Exploration du ruban 4

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

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite.

STUDIO - TI6 TABLE DES MATIÈRES. NOUVELLE MATIÈRE (suite) 9. Intégration du logo. Sujet. HTML - CSS révisions - suite. STUDIO - TI6 PASCAL PLACEMAN Sujet HTML - CSS révisions - suite TABLE DES MATIÈRES Nouvelle matière: 9. Intégration du logo 10. Un titre devant la vidéo 11. Utiliser des polices typographiques grâce à

Plus en détail

Table des matières iii. Table des matières

Table des matières iii. Table des matières Table des matières iii Table des matières Chapitre 1 Apprendre la méthode de doigté Introduction 4 Clavier 4 Ergonomie 6 Position du corps 6 Position devant l écran 6 Soins des yeux 6 Position des mains

Plus en détail

texte affiché

<div id=nom_id class=ma_classe>texte affiché</div> Rappel - Les sélecteurs de base La syntaxe de CSS est simple, elle est composée de 3 éléments: un sélecteur des propriétés des valeurs sélecteur { Il existe 3 sélecteurs de base: le sélecteur de balise

Plus en détail

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

Plus en détail

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 S ommaire PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 MODES OPERATOIRES 1 Gestion de Word et de l écran 9 2 Gestion des fichiers (documents)

Plus en détail

ARN. Gérard Ségal. La démarche se rapporte principalement à EXCEL 2010

ARN. Gérard Ségal. La démarche se rapporte principalement à EXCEL 2010 ARN Gérard Ségal La démarche se rapporte principalement à EXCEL 2010 1 Avertissement IMPORTANT : Pour ouvrir les fichiers Excel 2010 (.xlsx) avec Excel 2003, il faut décharger le module de compatibilité

Plus en détail

Table des matières v iii. Table des matières

Table des matières v iii. Table des matières Table des matières v iii Table des matières Chapitre 1 Introduction à PowerPoint Qu est-ce que PowerPoint? 2 Lancement de PowerPoint 2010 3 Exploration de la fenêtre PowerPoint 4 Exploration du ruban 5

Plus en détail

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :...

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :... Word 2010 Débutant Table des matières 1) Changer le symbole de puce par une image :... 2 2) Déplacer un texte dans la flèche :... 2 3) Insérer un tableau à la place d un texte... 2 4) Modifier le positionnement

Plus en détail

Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 MODULE 2 TABLES MODULE 3 PROPRIÉTÉS DES CHAMPS. -i-

Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 MODULE 2 TABLES MODULE 3 PROPRIÉTÉS DES CHAMPS. -i- Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 FICHIERS D APPRENTISSAGE LOGICIEL ACCESS 2013 BASE DE DONNÉES LANCEMENT D ACCESS 2013 OUVERTURE D UNE BASE DE DONNÉES FERMETURE D UNE BASE DE DONNÉES

Plus en détail

TABLE DES MATIÈRES. iii

TABLE DES MATIÈRES. iii TABLE DES MATIÈRES Leçon 1 Introduction... 1 1.045 Qu est-ce que Microsoft Access?... 2 1.050 Qu est-ce qu une base de données?... 2 1.055 Qu est-ce qu une table de données?... 2 Exercice 1.01... 4 1.060

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

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

Fiche Interface et Formats. Table des matières

Fiche Interface et Formats. Table des matières Fiche Interface et Formats Table des matières Fiche Interface et Formats...1 1-Interface...1 2-Barre d outils standard...2 3-Barre d outils formatage...5 4-Menu Paragraphe...8 4.1-Retraits et espacement...8

Plus en détail

Université de Nice-Sophia Antipolis Jeudi 15 mars Création et Manipulation de documents

Université de Nice-Sophia Antipolis Jeudi 15 mars Création et Manipulation de documents Université de Nice-Sophia Antipolis Jeudi 15 mars 2007 Polytech CiP1 Durée: 1h30 Création et Manipulation de documents (Hélène Renard / Sylvain Schmitz) Travaux Dirigés Séance n o 6 1 Objectifs du TD Utiliser

Plus en détail

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Carrefour de l information Université de Sherbrooke Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Par : Josée Martin (hiver 2005) Édition revue et augmentée par : Marc-André Dulude

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

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

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition Ajax, jquery et PHP 42 ateliers pour concevoir des applications Web 2.0 3 e édition Jean-Marie Defrance Groupe Eyrolles, 2008, 2010, 2011, ISBN : 978-2-212-13271-7 15 Plug-ins jquery Ce dernier chapitre

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

Dreamweaver 2.0. GUIDE D UTILISATION POUR Dreamweaver 2.0. Logiciel de création de pages HTML. Page 1

Dreamweaver 2.0. GUIDE D UTILISATION POUR Dreamweaver 2.0. Logiciel de création de pages HTML. Page 1 1 GUIDE D UTILISATION POUR Dreamweaver 2.0 Logiciel de création de pages HTML SOMMAIRE Sommaire 1 Démarrer avec Dreamweaver 2.0 2 Le texte avec Dreamweaver 2.0 4 Insérer un lien hypertexte 4 Choisir les

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...1 3- Cellules...7 3.1-Onglet «Bordures»...7 3.2-Onglet «Alignement»...8 3.3-Onglet «Nombres»...8 3.4-Onglet «Arrière-plan»...9

Plus en détail

Les nouveautés de Word et Office XP... 17 1.1 1.2 Saisie, correction et gestion efficaces de document... 39 2.1 2.2 2.3 2.4 2.5 2.

Les nouveautés de Word et Office XP... 17 1.1 1.2 Saisie, correction et gestion efficaces de document... 39 2.1 2.2 2.3 2.4 2.5 2. Chapitre 1 Les nouveautés de Word et Office XP... 17 1.1 Office XP : c est nouveau... 19 Compatibilité des formats de fichiers... 19 Sobriété du nouveau design d Office... 19 Zones de tâches du volet Office...

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

Contenu Microsoft Office 2010 sous Windows 7

Contenu Microsoft Office 2010 sous Windows 7 Contenu Microsoft Office 2010 sous Windows 7 Module 1 Notions élémentaires de Windows Terminologie Clavier Souris Environnement Windows 7 Menu «Démarrer» Sortie de Windows Fenêtres Barres de menus ou Ruban

Plus en détail

À la découverte de Pages version 5.5 sous OS X

À la découverte de Pages version 5.5 sous OS X Les Aventuriers du Bout du Monde La revue des clubs Microcam Rampe de Lancement numéro 85 01/02/2015 À la découverte de Pages version 5.5 sous OS X 10.10. Volume 2 - Tableaux, styles, table des matières!

Plus en détail

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Philippe Marcy (webmaster) Table des matières 1. QU EST-CE QU UNE FICHE THÉMATIQUE?... 2 2. FAIRE UNE PROPOSITION DE FICHE THÉMATIQUE...

Plus en détail

2. Premier enregistrement dans un répertoire spécifique et titre de page

2. Premier enregistrement dans un répertoire spécifique et titre de page Tutoriel Kompozer 1. Ouverture et configuration de l'interface Lors de la première ouverture, l'interface est comme à l'image 1a. À chaque démarrage, il y a une fenêtre d'astuces qui vous donne des trucs

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 CSS un menu horizontal Nous créons deux dossiers un_niveau et multi_niveaux comprenant :

Les CSS un menu horizontal Nous créons deux dossiers un_niveau et multi_niveaux comprenant : Les CSS un menu horizontal Nous créons deux dossiers un_niveau et multi_niveaux comprenant : style_div.css : contiendra toutes les informations relatives au positionnement de nos différents blocs. positionnement.php

Plus en détail

Les CSS un menu vertical Nous allons créer un dossier menu_vertical. Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes

Les CSS un menu vertical Nous allons créer un dossier menu_vertical. Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes Les CSS un menu vertical Nous allons créer un dossier menu_vertical Comprenant les sous dossiers style, images, multi_niveaux, un niveau et _notes A l'intérieur du dossier un_niveau Nous créons les fichiers

Plus en détail

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Page 1 /8 Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Section 1 Utilisation de l ordinateur Identification de l utilisateur o Ctrl+alt+suppr

Plus en détail

Guide à la préparation Test(s) de sélection

Guide à la préparation Test(s) de sélection Français Durée :45 minutes http://www.mesexercices.com Terminologie médicale Durée : 60 minutes http://www.mesexercices.com Guide à la préparation Test(s) de sélection Vitesse de frappe Durée : 5 minutes

Plus en détail

TP 4 : IMAGES ET ARRIERE-PLANS

TP 4 : IMAGES ET ARRIERE-PLANS 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 : où fichier_image est le nom et

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma Présentation de la structure d arbre sur des exemples qui montrent où elle intervient en mathématique et en informatique. Application

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

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

Balises obsolètes.

texte

p { font-size: 20px; color: red; text-transform: uppercase; }

Balises obsolètes. <p>texte</p> p { font-size: 20px; color: red; text-transform: uppercase; } Balises obsolètes De nombreuses balises et propriétés sont obsolètes : font, basefont, center, s, u, b, i, align, width, height, size, color, border, background, bgcolor, border, face, name, target, En

Plus en détail

Microsoft Excel. Leçon 1 Présentation T.EL AZZAOUI 1

Microsoft Excel. Leçon 1 Présentation T.EL AZZAOUI 1 Microsoft Excel Leçon 1 Présentation T.EL AZZAOUI 1 Objectifs - Créer des classeurs vierges - Personnaliser la barre d outils accès rapide - Fractionner la fenêtre - Modifier les affichages classeurs -

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

L insertion d images

L insertion d images Fiche 01 L insertion d images INSÉRER UNE IMAGE Dans le ruban, Menu Insertion >>> Illustrations Ensuite, sélectionner le type de graphique à insérer DÉPLACER UNE IMAGE Cliquer sur le graphique avec la

Plus en détail

CORRIGÉ. Les valeurs indiquées en B11 et F11 changent : les résultats des calculs sont mis à jour.

CORRIGÉ. Les valeurs indiquées en B11 et F11 changent : les résultats des calculs sont mis à jour. Compétences à acquérir : Saisir des données dans une feuille de calcul Modifier des données et constater l incidence dans le tableau Extraire et imprimer tout ou partie d un tableau ACTIVITÉ 1 Voici la

Plus en détail

1 - Ouverture du logiciel Word. Pour cela deux solutions :

1 - Ouverture du logiciel Word. Pour cela deux solutions : : 1 - Ouverture du logiciel Word Pour cela deux solutions : ouverture à partir de l icône sur le bureau en double cliquant dessus ou cliquer sur démarrer - tous les programmes - Microsoft office Word (cf.

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

INSERTION ET GESTION D IMAGES DANS UN DOCUMENT WORD

INSERTION ET GESTION D IMAGES DANS UN DOCUMENT WORD INSERTION ET GESTION D IMAGES DANS UN DOCUMENT WORD On peut insérer deux types d images dans un document : 1) des images de la bibliothèque du logiciel (appelées «cliparts») et 2) des fichiers image (par

Plus en détail

1 L environnement... 15

1 L environnement... 15 1 L environnement... 15 1.1. Lancer l application... 16 1.2. Créer un raccourci sur le Bureau... 17 1.3. Les touches du clavier... 17 Minuscules, Majuscules et Alt Gr... 18 Les combinaisons de touches...

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...2 3- Cellules...8 3.1-Onglet «Nombres»...8 3.2-Onglet «Police»...9 3.3-Onglet «Effets de caractère»...9 3.4-Onglet «Alignement»...10

Plus en détail

Introduction À Excel. Chapitre 1

Introduction À Excel. Chapitre 1 Chapitre 1 Introduction À Excel Qu est-ce qu un tableur? Démarrer Excel La fenêtre Excel Ouvrir et enregistrer un classeur Entrer des étiquettes et des valeurs Nommer et déplacer une feuille Mise en page

Plus en détail

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions

Gestion du site web www.college-st-paul.qc.ca. Manuel d instructions Gestion du site web www.college-st-paul.qc.ca Table des matières Accéder au panneau d administration...3 Ajouter un administrateur...5 Structure du site...6 Ajouter une page...8 Éditer une page nouvellement

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 06 Réussir son site web avec XHTML et CSS CSS, le langage de mise en page du Web 1. Insérer du code CSS...1 Dans un fichier.css...1 Dans l en-tête du fichier XHTML...3 2. Appliquer un style à des

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) première session Février 2013 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Barème donné à titre indicatif. Exercice

Plus en détail

REALISATION D'UNE FICHE DE TRAÇABILITE DE LA VIANDE BOVINE avec WORD 97

REALISATION D'UNE FICHE DE TRAÇABILITE DE LA VIANDE BOVINE avec WORD 97 REALISATION D'UNE FICHE DE TRAÇABILITE DE LA VIANDE BOVINE avec WORD 97 1. Donner un nom et enregistrer votre document En utilisant le menu "Fichier" sélectionner "Enregistrer sous" pour accéder à la fenêtre

Plus en détail

PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE

PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE 2016 à 22, 23 mai, 8, 16 et 23 juin PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE Objectifs Préparer une personne à l utilisation d un micro-ordinateur en environnement Windows.

Plus en détail

Utilisation des tableaux dans Dreamweaver

Utilisation des tableaux dans Dreamweaver Utilisation des tableaux dans Dreamweaver Ecole-Club Migros Alain Court Usages des tableaux Le tableau en HTML a été la première réponse aux besoins de mise en page. En effet, le langage HTML n'est pas

Plus en détail

Rappelez vous la barre de tâches, nous allons vous révéler tous les secrets des onglets!

Rappelez vous la barre de tâches, nous allons vous révéler tous les secrets des onglets! Chapitre 3 : Personnaliser son template avec Artisteer Nous allons franchir une étape dans l utilisation d Artisteer, la personnalisation! Vous souhaitez que votre site soit unique, qu il ne ressemble

Plus en détail

Contenu Word 2010, Base et intermédiaire

Contenu Word 2010, Base et intermédiaire Contenu Word 2010, Base et intermédiaire Module 1 Notions élémentaires de Windows Terminologie Souris et clavier Utiliser la souris Utiliser le clavier Menus Menus contextuels Fenêtres Boîtes de dialogue

Plus en détail

ETAPE 1 (40 minutes)

ETAPE 1 (40 minutes) ETAPE 1 (40 minutes) Paramétrer le référencement des cellules Saisir, sauvegarder, imprimer des données Savoir-faire développés dans cette étape - Charger, quitter Excel, paramétrer les en-têtes de lignes

Plus en détail

Contenu Word 2003, Base et intermédiaire

Contenu Word 2003, Base et intermédiaire Contenu Word 2003, Base et intermédiaire Module 1 Notions élémentaires de Windows XP Découvrir Windows XP Copie de disquettes avec Windows XP Configuration de Windows XP Définir les paramètres régionaux

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

HTML : exercices. 2. Enregistrez le fichier sous le nom «test.html» 3. A l aide d un navigateur, ouvrez le fichier que vous venez d écrire

HTML : exercices. 2. Enregistrez le fichier sous le nom «test.html» 3. A l aide d un navigateur, ouvrez le fichier que vous venez d écrire HTML : exercices Exercice 1 : Affichage de document HTML 1. Ouvrez le bloc-note, copiez-y le document suivant : mon premier document Il fait beau .

Plus en détail

COURS DE PROGRAMMATION DE SITE WEB 1

COURS DE PROGRAMMATION DE SITE WEB 1 COURS DE PROGRAMMATION DE SITE WEB 1 Chapitre 1 Les bases PLAN DU COURS 1.1 L histoire du WEB 1.2 Du HTML au XHTML et le CSS 1.3 Définition (HTML, XTML, CSS, ASP, PHP, FLASH, CGI, PEARL) 1.4 Les éditeurs

Plus en détail

SAISIE ET MISE EN FORME...4

SAISIE ET MISE EN FORME...4 TABLE DES MATIERES LE CLASSEUR...3 RENOMMER LES FEUILLES DU CLASSEUR...3 SUPPRIMER DES FEUILLES D UN CLASSEUR...3 AJOUTER DES FEUILLES DANS UN CLASSEUR...3 DÉPLACER DES FEUILLES DANS UN CLASSEUR...3 DÉPLACER

Plus en détail

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

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

Plus en détail

Mieux concevoir ses fiches de cours HG avec OOo Modifier les styles, Numéroter ses titres, Créer un modèle et l'exporter

Mieux concevoir ses fiches de cours HG avec OOo Modifier les styles, Numéroter ses titres, Créer un modèle et l'exporter Mieux concevoir ses fiches de cours HG avec OOo Modifier les styles, Numéroter ses titres, Créer un modèle et l'exporter 1-Modifier les styles d'une page OOo propose par défaut ses propres styles, que

Plus en détail

Contenu Excel Module 1 Environnement d Excel Module 2 Premiers pas avec Excel. -i-

Contenu Excel Module 1 Environnement d Excel Module 2 Premiers pas avec Excel. -i- Contenu Excel 2010 Module 1 Environnement d Excel 2010 Environnement de travail Configuration avec Windows XP Paramètres régionaux de Windows XP Résolution de l écran Configuration avec Windows Vista Définir

Plus en détail

GUIDE ANIMATEUR DE SITE

GUIDE ANIMATEUR DE SITE GUIDE ANIMATEUR DE SITE Sommaire Guide Animateur 1 Premier pas avec ASPresso... 3 1.1 Accéder à votre site web... 3 1.2 Terminologie liée au site... 3 1.3 Accéder à l'interface d'administration... 3 1.4

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

LA PREAO : Les pre sentations Libreoffice Impress et Powerpoint.

LA PREAO : Les pre sentations Libreoffice Impress et Powerpoint. LA PREAO : Les pre sentations Libreoffice Impress et Powerpoint. TABLE DES MATIERES I) Comment faire un bon usage de la PRéAO... 2 II) Comment réaliser une bonne diapositive... 2 2.1. Mettre en forme une

Plus en détail

Module II : Les logiciels 2014 /2015 Tronc commun. Logo Excel 2003 Logo Excel 2007

Module II : Les logiciels 2014 /2015 Tronc commun. Logo Excel 2003 Logo Excel 2007 I. Introduction : Chapitre 3 : Tableur 1. Notion d un tableur : Un tableur est un logiciel permettant d effectuer automatiquement des calculs sur des données stockées dans un tableau. 2. Avantage des tableurs

Plus en détail

7-ZIP. I. Présentation du logiciel et de ces options.

7-ZIP. I. Présentation du logiciel et de ces options. 7-ZIP I. Présentation du logiciel et de ces options. Pour accéder aux options, lancer le logiciel depuis Démarrer/Programmes/7-Zip/7-Zip File Manager. La fenêtre principale dite «Gestionnaire de fichier»

Plus en détail

Application du guide méthodologique 2010 avec Microsoft Word Fanny Gravel Marie-Josée Tondreau

Application du guide méthodologique 2010 avec Microsoft Word Fanny Gravel Marie-Josée Tondreau Fanny Gravel Marie-Josée Tondreau Août 2010 Table des matières Comment lire ce guide... 3 A. Sélectionner le papier.... 3 B. Modifier les marges... 5 C. Sélectionner la police et la taille des caractères....

Plus en détail

Atelier n 26b: Open Office : traitement de texte

Atelier n 26b: Open Office : traitement de texte Atelier n 26b: Open Office : traitement de texte Open Office est un logiciel libre (open) mis gratuitement à disposition des internautes, il comporte notamment un traitement de texte compatible avec Word

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

Dr Aser J. BODJRENOU / Dernière mise à jour : Juillet 2008 Ce document s adresse à tous les apprenants ayant un prérequis en MS Word Objectifs

Dr Aser J. BODJRENOU / Dernière mise à jour : Juillet 2008 Ce document s adresse à tous les apprenants ayant un prérequis en MS Word Objectifs SUPPORT DE COURS SUR LE MODULE EXCEL Dr Aser J. BODJRENOU / Dernière mise à jour : Juillet 2008 Ce document s adresse à tous les apprenants ayant un prérequis en MS Word Objectifs spécifiques : Démarrer

Plus en détail

MODELE DE SITE RAINBOW

MODELE DE SITE RAINBOW MODELE DE SITE RAINBOW Rainbow-12SP0-v1 Fiche de fonctionnalités 1 Sommaire Présentation... 4 Pré-requis... 4 Site web 12SP0... 4 Les modèles de page... 5 Les modèles de bloc et leurs thèmes de couleurs...

Plus en détail

Sé ancé n 10 : POWERPOINT

Sé ancé n 10 : POWERPOINT Sé ancé n 10 : POWERPOINT Partie théorique sur laquelle portera le qcm : Tous les domaines Sujet 1 : Les aspirateurs robots, 2014 - IUT INFOCOM Fichiers : dans le dossier nommé Aspirateurs Modèle : aspirateurs.pdf

Plus en détail

Nom & #Étudiant Travail 8 Macros dimanche, 6 avril 2008 INSTRUCTIONS POUR LE TRAVAIL 8 / 10 POINTS

Nom & #Étudiant Travail 8 Macros dimanche, 6 avril 2008 INSTRUCTIONS POUR LE TRAVAIL 8 / 10 POINTS INSTRUCTIONS POUR LE TRAVAIL 8 / 10 POINTS DESCRIPTION DU TRAVAIL : Dans ce travail, vous devez lire les notes sur les macros et vous devez créer 10 macros en respectant les exigences ci-dessous : Toutes

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

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