Le principal étant de nommer de manière identique les identificateurs dans notre page html!

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

Download "Le principal étant de nommer de manière identique les identificateurs dans notre page html!"

Transcription

1 Il ne s'agit pas ici de faire un cours de code CSS! Il faudrait un certain nombre de chapitres et surtout commencer par le commencement à savoir le HTML et le XHTML. Mais pour la plupart, vous êtes habitués (ées) à modifier des lignes de code dans des sources Outlook Express sans savoir pour autant concevoir la totalité de la page. De même avec une animation écrite en JavaScript, nous savons la modifier, l'adapter alors qu'en créer une, nous serait difficile. Dans les pages qui suivent nous verrons un exemple de feuille de style CSS, comment copier des fragments de codes, les dupliquer, modifier les valeurs qui nous intéressent et surtout identifier leur fonction.

2 Voici des lignes de code que vous connaissez. Bien que ce soit un message Outlook Express, c'est du html. Vous reconnaissez les balises <body>, <style> etc. Entre les balises <style> et </style> vous pouvez retrouver, quelques fois, des petits morceaux de code CSS. Dans l'exemple cicontre il s'agit de la scrollbar qui est définie ici. Ces lignes de code pourraient bien êtres une page de votre site Internet. Si vous vouliez faire d'autres pages avec les mêmes attributs il vous faudrait, à chaque fois recopier le code. Et si vous aviez 100 pages et que vous vouliez changer la couleur de la scrollbar, il faudrait reprendre les 100 pages une à une pour les modifier. La solution? Vous l'avez compris, c'est de faire une feuille de style extérieure nommée par exemple styles.css et mettre un lien dans chaque page créée. On dit que l'on "attache" une feuille de style.

3 Voici donc une partie de code d'une feuille de style. La syntaxe est un peu différente du html ou xhtml. Nous trouvons des { pour ouvrir une propriété, des. devant un nom de propriété Généralement les noms donnés aux identifiants de balises comme "header" sont en anglais. Mais vous pouvez très bien les nommer en français comme j'ai nommé "conteneur3" la partie centrale de ma page. Le principal étant de nommer de manière identique les identificateurs dans notre page html! Lorsque dans notre page html nous ferons référence au header, tous les attributs ci contre seront pris en compte. Le fond sera fait d'une image qui s'appelle header1.jpg, ce fond ne se répétera pas, il aura une hauteur de 160pixels etc. Si dans la nouvelle page que je suis en train de réaliser, je préfère les attributs définis dans header2, je n'aurai qu'a faire référence à header2.

4 Voici votre bonne vieille page codée en html. Vous avez vos balises habituelles, plus quelques unes spécifiques qui font référence à la feuille de style. Tout d'abord <link qui établi la liaison avec la feuille de style. La feuille de style s'appelle ici styles.css (nous verrons plus loin comment attacher la feuille de style dans Dreamweaver) Ensuite nous indiquons que le <body> aura les attributs que nous avons définis dans la feuille de style. Pour cela nous utilisons la balise <div class="conteneur2"> Ce "body" avec son "conteneur2" aura une tête de page appelée header2. Et ainsi de suite le navigateur, qui lit le code dans cet ordre, affichera ce que vous avez défini, et ira chercher dans la feuille CSS, les attributs "class" indiqués dans votre code html.

5 Supposons que vous ayez déjà une ébauche de site; avec une page faisant appel à une feuille de style. Sur le screenshot ci-contre vous avez à gauche la feuille de style, et à droite la page en question en affichage "fractionné" qui permet de voir à la fois le code et la création. Nous souhaitons ajouter une nouvelle page. Nous faisons Fichier/Nouveau

6 Dans la fenêtre qui s'affiche nous choisissons Page de base. Vous notez au passage les autres créations qui nous sont maintenant plus familières: CSS, Conception de page CSS, XML Nous créons une page de base HTML en cliquant sur Créer, que nous enregistrons sous le nom de "Ma nouvelle page"!

7 Nous venons de créer notre nouvelle page; elle est enregistrée sous le nom de ma_nouvelle_page Dans Dreamweaver nous allons dans le haut à droite et ouvrons si ne n'est déjà fait la fenêtre Styles CSS. Nous cliquons sur l'icône "Attacher une feuille de style" Ce qui provoque l'ouverture de la fenêtre cicontre. En effet, pour des raisons de clarté et de bonne compréhension, vous aurez peut-être choisis de faire plusieurs feuilles de styles. Dans ce cas choisissez le fichier CSS qui vous convient et faites OK

8 ! " Vous pouvez constater ci-contre des nouveautés. Si votre page html est encore vide (il n'y a rien dans le body) en revanche vous avez une série d'outils prédéfinis qui sont dans votre fenêtre "Création" sous l'onglet "Styles CSS" D'autre part dans la fenêtre en bas "Propriétés" vous avez le choix des attributs que vous avez définis dans votre feuille CSS. Il ne vous reste plus qu'à mettre ça dans le bon ordre.

9 # $ Je ne vous cache pas que pour débuter mieux vaut avoir un modèle que vous pourrez modifier à loisir. Un ouvrage sur le XHTML et CSS n'est pas vraiment superflu! Je vous donne dans la diapo suivante un rappel des Propriétés, Sélecteurs, Pseudo class et autres Pseudo éléments!!! Il est évident que tout cela ne se maîtrise pas en une journée. Patience donc! Si vous souhaitez allez plus avant dans les CSS, demandez!

10

11

12

13

14

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

Tableur Excel. Sommaire

Tableur Excel. Sommaire Sommaire Définition d'un Tableur Le formatage des cellules Impression et mise en page Trier et filtrer un document Intégrer des Fonctions Les onglets Applications pratiques Listes de choix déroulantes

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

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

Styler un formulaire avec Dreamweaver cs5. MC Benveniste

Styler un formulaire avec Dreamweaver cs5. MC Benveniste Styler un formulaire avec Dreamweaver cs5 MC Benveniste 2013 Styler un formulaire Formulaire de base Formulaire avec les css Styler un formulaire Un formulaire contient des balises : pour les étiquettes

Plus en détail

PROfil rss. V2.50a. Logiciel de gestion de flux RSS et de podcast. Guide de Démarrage rapide

PROfil rss. V2.50a. Logiciel de gestion de flux RSS et de podcast. Guide de Démarrage rapide PROfil rss V2.50a Logiciel de gestion de flux RSS et de podcast Guide de Démarrage rapide Téléchargement du logiciel PROfilRSS http://www.leprogiciel.com/logiciel-creation-gestion-flux-rss.html 1 Sommaire

Plus en détail

Créer des formulaires double affichage avec Access 2007

Créer des formulaires double affichage avec Access 2007 Créer des formulaires double affichage avec Access 2007 Une nouveauté Access 2007 qui va éviter de la programmation : les formulaires à double affichage. En effet, jusqu'à présent, nous devions programmer

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

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

CHUTT!!!!! NOUS ALLONS COMMENCER!

CHUTT!!!!! NOUS ALLONS COMMENCER! CHUTT!!!!! NOUS ALLONS COMMENCER! AUJOUR'HUI, NOUS ALLONS APPRENDRE À CRÉER UN DIAPORAMA AVEC Tout en suivant cette présentation, vous allez créer votre propre diaporama. ET VOICI CE QUE NOUS DEVRIONS

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

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

A) MODELES avec WORD B) EN-TÊTE et PIED DE PAGE dans WORD 2 1) - En-Tête 2 2) - Pied de Page 5. C) SAUT de PAGE 8 1) - Le Saut de Page 8

A) MODELES avec WORD B) EN-TÊTE et PIED DE PAGE dans WORD 2 1) - En-Tête 2 2) - Pied de Page 5. C) SAUT de PAGE 8 1) - Le Saut de Page 8 Sommaire A) MODELES avec WORD 2007 2 B) EN-TÊTE et PIED DE PAGE dans WORD 2 1) - En-Tête 2 2) - Pied de Page 5 C) SAUT de PAGE 8 1) - Le Saut de Page 8 D) INSERTIONS DIVERSES 9 1) - Date et Heure 9 2)

Plus en détail

Créer et présenter un tableau

Créer et présenter un tableau Créer et présenter un tableau Avec Word, vous pouvez facilement insérer des tableaux et les mettre en forme pour présenter clairement des données. Dans ce dossier, nous allons réaliser un emploi du temps

Plus en détail

Tutoriel pour apprendre à créer son blog source : Aide de 1ère étape : quel hébergeur de blog?

Tutoriel pour apprendre à créer son blog source : Aide de  1ère étape : quel hébergeur de blog? 1ère étape : quel hébergeur de blog? La création de blog est tout à fait similaire d un d hébergeur à un autre. Si j ai choisi Canalblog, c est pour sa simplicité, mais il existe un grand nombre d autres

Plus en détail

Les formulaires types

Les formulaires types Les formulaires types Les formulaires types Formulaires interactifs Permettant de saisir des informations en remplissant des champs ou en cliquant sur des boutons Les formulaires De quoi avez vous besoin

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

Table des matières. Microsoft PowerPoint. Présentation de la nouvelle interface (1)

Table des matières. Microsoft PowerPoint. Présentation de la nouvelle interface (1) Microsoft PowerPoint Table des matières Présentation de la nouvelle interface (1) Interface utilisateur Ruban (1) Onglets contextuels (2) Onglets Programmation (3) Menus, barres d outils et autres éléments

Plus en détail

Le Tableau Croisé Dynamique (TCD) est un outil très puissant permettant de synthétiser et analyser une base de données très rapidement.

Le Tableau Croisé Dynamique (TCD) est un outil très puissant permettant de synthétiser et analyser une base de données très rapidement. Mon Premier Tableau Croisé Dynamique avec Excel 2007 Catégorie : Tableaux Croisés Dyn. Publié par Mth le 28-03-2010 Le Tableau Croisé Dynamique (TCD) est un outil très puissant permettant de synthétiser

Plus en détail

Mon déguisement de carnaval. Déguiser sa photo avec le programme Tuxpaint et l'imprimer. Document pour l'enseignant

Mon déguisement de carnaval. Déguiser sa photo avec le programme Tuxpaint et l'imprimer.  Document pour l'enseignant Mon déguisement de carnaval Déguiser sa photo avec le programme Tuxpaint et l'imprimer. http://www.tuxpaint.org/ Document pour l'enseignant Mon déguisement de carnaval Plan pour l'enseignant 1. Préparation...2

Plus en détail

1. Comment faire (Outlook 2007)?

1. Comment faire (Outlook 2007)? 1. Comment faire (Outlook 2007)? Pour configurer votre messagerie, Outlook va vous aider. Une boîte de dialogue très intuitive va s'ouvrir. Elle comporte plusieurs onglets. Le premier est celui par lequel

Plus en détail

Astuces pour Outlook Express

Astuces pour Outlook Express Astuces pour Outlook Express Ajouter rapidement un fichier à un message Ajouter de la musique à ses e-mails Utiliser Outlook Express à plusieurs Configuration d'outlook Express : Utilisation des identités

Plus en détail

Mettre un message d'absence sur Outlook

Mettre un message d'absence sur Outlook Mettre un message d'absence sur Outlook Mai 2016 1. Avec un compte Exchange (Outlook 2010 et 2013) 2. Sans compte Exchange (Outlook 2010 et 2013) 3. Mettre un message d'absence sur Outlook 2007 4. Désactiver

Plus en détail

Proposition de méthode pour créer un document web de recherche à l aide de OpenOffice Writer.

Proposition de méthode pour créer un document web de recherche à l aide de OpenOffice Writer. Proposition de méthode pour créer un document web de recherche à l aide de OpenOffice Writer. Les deux seules techniques logicielles qui seront sollicitées dans ce document sont le l enregistrement d images

Plus en détail

Créer un almanach personnalisé Avec OpenOffice

Créer un almanach personnalisé Avec OpenOffice Présentation Nous allons utiliser un modèle d'almanach disponible sur Internet que nous adapterons à notre gout (année, jour fériés, images...). De nombreux autres modèles sont disponibles sur le site

Plus en détail

M1 / VP8 CREATION DE FEUILLES DE STYLE

M1 / VP8 CREATION DE FEUILLES DE STYLE M1 / VP8 CREATION DE FEUILLES DE STYLE Master 1 [Tribet Hervé] 2012 Styles sous DW8 Les styles HTML sont des mises en forme complexes regroupées sous une appelation ; on peut créer des styles HTML avec

Plus en détail

Aide-mémoire. Ctrl + C = copier. Ctrl + V = coller. Ctrl + X = couper. Ctrl + A = tout sélectionner. Ctrl + S = enregistrer

Aide-mémoire. Ctrl + C = copier. Ctrl + V = coller. Ctrl + X = couper. Ctrl + A = tout sélectionner. Ctrl + S = enregistrer Tutoriel Index Aide-mémoire p3. Comment ouvrir le logiciel p4. Comment créer un nouveau document?. p5. Comment ouvrir un document existant?. p6. Comment insérer du texte? p7. Comment insérer une photo

Plus en détail

pixels que vous souhaitez garder en couleurs en combinant divers outils de sélection (rectangle, lasso, baguette magique, etc ).

pixels que vous souhaitez garder en couleurs en combinant divers outils de sélection (rectangle, lasso, baguette magique, etc ). Pour faire ressortir un élément d'une image, vous pouvez le laisser en couleurs et mettre le reste de l'image en noir et blanc. Une opération rapide et sans prise de tête avec le logiciel gratuit Photo

Plus en détail

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document.

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document. IUT de Bobigny 2008-2009 CIWM [SLATCM5231] TD n 3 Conception de Pages Web orientée Client 1 Introduction à javascript L objectif des exercices de cette partie est tester vos connaissances de base sur le

Plus en détail

Cré ér ét pré séntér un tabléau

Cré ér ét pré séntér un tabléau Cré ér ét pré séntér un tabléau Par Clément JOATHON Dernière mise à jour : 14/01/2015 Avec Word, vous pouvez facilement insérer des tableaux et les mettre en forme pour présenter clairement des données.

Plus en détail

DOSSIER PERSONNEL / PROFIL ITINERANT / PARTAGE WINDOWS SERVER 2008

DOSSIER PERSONNEL / PROFIL ITINERANT / PARTAGE WINDOWS SERVER 2008 DOSSIER PERSONNEL / PROFIL ITINERANT / PARTAGE WINDOWS SERVER 2008 SOMMAIRE : I) Objectif..2 II) III) IV) Prérequis..2 Définitions 2 Création et partage des dossiers «Perso» et «Profils» 2-6 a) Création

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

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

Menus utiles et clic droit dans photofiltre

Menus utiles et clic droit dans photofiltre Menus utiles et clic droit dans photofiltre Dernier support sur le tour d'horizon de Photofiltre. Cette fois, il s'agit des options les plus utiles de la barre de menus (et qui ne sont accessibles que

Plus en détail

HTML CSS Fiche numéro 6

HTML CSS Fiche numéro 6 HTML CSS Fiche numéro 6 Sources : https://openclassrooms.com/ L'ancien site 2minuteslearning.fr qui à malheureusement disparu https://www.vectorskin.com/balises-html5/ Mettre en place le CSS Dans un premier

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

Rédacteur Comment ajouter / modifier du texte

Rédacteur Comment ajouter / modifier du texte Rédacteur Comment ajouter / modifier du texte Etape 1 : Authentifier sur le site Cliquez sur Privé puis saisissez votre «Nom d'utilisateur» et «Mot de passe» Une fois authentifier, cliquer sur le bouton

Plus en détail

GUIDE D UTILISATION DU QUESTIONNAIRE «INTERETS» (LIVAP-

GUIDE D UTILISATION DU QUESTIONNAIRE «INTERETS» (LIVAP- GUIDE D UTILISATION DU QUESTIONNAIRE «INTERETS» (LIVAP- LIMET) Première étape : passation du questionnaire 1) Allez sur le site «www.geca-psytest.com» et choisissez «Français». Choisissez la langue. 2)

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

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

Notions de base. EXCEL 365 (2014) Ce logiciel est un "tableur" qui à pour rôle principal la présentation de tableaux et de calcules.

Notions de base. EXCEL 365 (2014) Ce logiciel est un tableur qui à pour rôle principal la présentation de tableaux et de calcules. Fiche n 23 élaborée par: Page 1/5 Notions de base. EXCEL 365 (2014) Ce logiciel est un "tableur" qui à pour rôle principal la présentation de tableaux et de calcules. Dans cette version d'excel, vous ouvrez

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Créer une liste déroulante sous Excel

Créer une liste déroulante sous Excel - le 16/05/2013 Créer une liste déroulante sous Excel Si vous devez saisir plusieurs fois les mêmes données dans votre fichier Excel, vous pouvez créer une liste déroulante ou un menu déroulant. Cela vous

Plus en détail

Création d'une table des matières avec LibreOffice 3.5 Table des matières ou sommaire

Création d'une table des matières avec LibreOffice 3.5 Table des matières ou sommaire Création d'une table des matières avec LibreOffice 3.5 Table des matières ou sommaire 1 Introduction...2 2 Organisation des titres...2 3 Méthodologie...3 3.1 Définition du style de numérotation et de hiérarchisation

Plus en détail

Guide de configuration de vos courriels

Guide de configuration de vos courriels Guide de configuration de vos courriels Table des matières : Configuration d un compte de messagerie sous Microsoft Outlook... 2 Configuration d un compte de messagerie sous Outlook Express... 5 Configuration

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Créer / modifier son site web à l aide d un logiciel Open Source Pré-requis : Sommaire Avant de consulter cette fiche pratique, il est bon d avoir assimilé les notions d HTML et CSS. 1. Définitions...

Plus en détail

- enregistrer votre thème personnalisé afin de le réutiliser dans de prochaines présentations.

- enregistrer votre thème personnalisé afin de le réutiliser dans de prochaines présentations. PowerPoint 2007-3 Personnaliser la conception des diapositives À la fin de ce cours, vous serez à même d'effectuer les tâches suivantes : - changer l'arrière-plan d'une diapositive à l'aide d'une couleur

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

Windows Movie Maker. Premiers pas: afficher sous forme de chronologie

Windows Movie Maker. Premiers pas: afficher sous forme de chronologie Windows Movie Maker page 1 / 7 Windows Movie Maker Premiers pas: afficher sous forme de chronologie Affichage sans chronologie Affichage avec chronologie La première chose, si ce n'est pas déjà fait, la

Plus en détail

RÉALISER UNE PLANCHE DE BANDE DESSINÉE AVEC LE MODULE DE DESSIN D'OPENOFFICE

RÉALISER UNE PLANCHE DE BANDE DESSINÉE AVEC LE MODULE DE DESSIN D'OPENOFFICE RÉALISER UNE PLANCHE DE BANDE DESSINÉE AVEC LE MODULE DE DESSIN D'OPENOFFICE Tracé des images Si le dessin est réalisé classiquement sur une feuille de papier pour être ensuite numérisé à l'aide d'un scanner,

Plus en détail

Le logiciel s'ouvre sur un projet "sans nom" Il faut donc commencer par nommer votre projet. Voici comment se présente le logiciel "eanim" version 803

Le logiciel s'ouvre sur un projet sans nom Il faut donc commencer par nommer votre projet. Voici comment se présente le logiciel eanim version 803 Le logiciel s'ouvre sur un projet "sans nom" Voici comment se présente le logiciel "eanim" version 803 Il faut donc commencer par nommer votre projet Fichier "enregistrez sous" et choisissez le dossier

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

Salle des marchés publics Mégalis Bretagne Tutoriel n 9 : "Réponse électronique à un marché public sans signature électronique"

Salle des marchés publics Mégalis Bretagne Tutoriel n 9 : Réponse électronique à un marché public sans signature électronique Salle des marchés publics Mégalis Bretagne Tutoriel n 9 : "Réponse électronique à un marché public sans signature électronique" Ce tutoriel concerne la réponse électronique à un marché public, sans signature

Plus en détail

Créer un effet de loupe avec Gimp

Créer un effet de loupe avec Gimp Créer un effet de loupe avec Gimp source : http://www.makeuseof.com/tag/create-simple-zoomed-effect-screenshots-gimp/ 1. Ouvrir l image. 2. Utilisez l'outil Sélection elliptique. Assurez-vous dans Options

Plus en détail

TP0: Découverte d'access

TP0: Découverte d'access Lors de ce premier TP vous serez amenez à réaliser les points suivants : 1. Découverte d Access. 2. Création d une base de données Access. 3. Création d une table. 4. Remplissage d'une table. 5. Quelques

Plus en détail

Créer un Diaporama avec PHOTOSHOP Eléments 6

Créer un Diaporama avec PHOTOSHOP Eléments 6 Créer un Diaporama avec PHOTOSHOP Eléments 6 Lorsque nous ouvrons Photoshop Eléments 6 nous avons : - Soit le menu de Bienvenue et nous cliquons sur Créer - Soit nous avons cette fenêtre et nous cliquons

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

Extraire des photos d'un diaporama

Extraire des photos d'un diaporama www.labo77.fr g.alex@labo77.fr Extraire des photos d'un diaporama Tout arrive : pour une fois, le sujet du présent billet m'a été soufflé par l'une des mes sympathiques lectrices! Comme elle, vous avez

Plus en détail

Skype commence à être installé en série sur de nombreux ordinateurs notamment dans la version Windows 7. Si ce n'est pas le cas, vous devez

Skype commence à être installé en série sur de nombreux ordinateurs notamment dans la version Windows 7. Si ce n'est pas le cas, vous devez SKYPE Skype, est un logiciel de messagerie le plus utilisé dans le monde. Avec Skype vous pouvez gratuitement avoir des conversations audio, Faire des vidéo conférences, échanger des messages instantanément

Plus en détail

Flux RSS. Ainsi ce n est plus vous qui devez aller chercher l information à la source mais l information qui vient vers vous.

Flux RSS. Ainsi ce n est plus vous qui devez aller chercher l information à la source mais l information qui vient vers vous. Flux RSS Le flux RSS (Really Simple Syndication) est une fonctionnalité proposée par certains sites web qui vous permet de recevoir automatiquement et pratiquement en temps réel les nouveautés publiées

Plus en détail

Prêt à commencer le filtrage?

Prêt à commencer le filtrage? EXCEL 2007 FILTRE ET TRI Le filtre automatique sélectionne et affiche uniquement les données que vous souhaitez voir dans Microsoft Excel. Imaginez que vous êtes en train de consulter une liste contenant

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

Manuel Recruteur. Cliquez alors sur «Inscription Cabinet» ou «Inscription Entreprise» dans «Espace Recruteurs»

Manuel Recruteur. Cliquez alors sur «Inscription Cabinet» ou «Inscription Entreprise» dans «Espace Recruteurs» Manuel Recruteur 1) Créer un compte Recruteur Si vous n'avez pas encore de compte recruteur, cliquez sur «Emploi Carrières & Offres» dans le menu violet à gauche de la page d'accueil : Ce qui donne accès

Plus en détail

1 Sélection des styles dans le Styliste

1 Sélection des styles dans le Styliste SÉQUENCE 2 : PRODUCTION D'UN RAPPORT Étape 2 : Définition du plan et de sa hiérarchie Modèle réf : WS2 Fonctions : Sélection des styles dans le Styliste Utilisation du Navigateur Numérotation des chapitres

Plus en détail

1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton

1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton Fiche technique 08 Les curseurs 1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton http://url.univ-irem.fr/ft10 QR Code Le curseur est un objet de GeoGebra permettant

Plus en détail

Assembler quelques photos avec PhotoScape

Assembler quelques photos avec PhotoScape Avec PhotoScape, il est très facile de faire un assemblage de quelques photos comme ceci : L image d au dessus est carrée, mais rien n interdit de faire un assemblage pour imprimer sur du papier photo

Plus en détail

Cré ér un documént maî tré Word a partir dé plusiéurs documénts

Cré ér un documént maî tré Word a partir dé plusiéurs documénts Cré ér un documént maî tré Word a partir dé plusiéurs documénts Par Clément JOATHON Dernière mise à jour : 07/12/2015 Il vous arrive de créer de longs documents Word? Pour vous y retrouver plus facilement,

Plus en détail

Support de cours Dreamweaver CS5. MC Benveniste

Support de cours Dreamweaver CS5. MC Benveniste Support de cours Dreamweaver CS5 MC Benveniste 2011 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous

Plus en détail

Manuel Utilisation du WEBMAIL du Service de Messagerie Managée

Manuel Utilisation du WEBMAIL du Service de Messagerie Managée Manuel Utilisation du WEBMAIL du Service de Messagerie Managée Sommaire Description du panneau d'accueil :... 2 Description des principaux boutons de la barre d'outils :... 2 Création d'un nouveau message...

Plus en détail

Créer un diaporama de présentation avec Power Point (version 2007)

Créer un diaporama de présentation avec Power Point (version 2007) Créer un diaporama de présentation avec Power Point (version 2007) Un diaporama est constitué d une série de diapositives. Il vous permet de présenter différents projets (compte rendu d AS, projet EPS,

Plus en détail

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS.

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. font-family: Famille de police font-size: Taille de votre police de caratère font-style: Le style de police. Gras,

Plus en détail

Je communique avec Skype Source Pays de Romans (www.mediatheques.pays-romans.org)

Je communique avec Skype Source Pays de Romans (www.mediatheques.pays-romans.org) Page 1 / 10 Présentation de Skype Un logiciel pour être plus proche Je communique avec Skype Source Pays de Romans (www.mediatheques.pays-romans.org) Skype est l'une des messageries les plus utilisés dans

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

CREATION DE LA «UNE» D'UN JOURNAL AVEC OPEN OFFICE WRITER

CREATION DE LA «UNE» D'UN JOURNAL AVEC OPEN OFFICE WRITER CREATION DE LA «UNE» D'UN JOURNAL AVEC OPEN OFFICE WRITER Open Office est une suite bureautique gratuite contenant de nombreux outils.vous pouvez la télécharger librement à l'adresse suivante : http://fr.openoffice.org/

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

B) - INSÉRER CARACTÈRES avec "WORD ART" 7

B) - INSÉRER CARACTÈRES avec WORD ART 7 Initiation Word 2007 Sommaire A) Travaillez avec Word 2007 2 1) - Ouvrir / Enregistrer / Fermer dans WORD 2 2) - Touche de CORRECTION et de MODIFICATION dans WORD 2 3) - Touche de DÉPLACEMENT et de POSITIONNEMENT

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

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

Service d'echanges Sécurisés de Fichiers

Service d'echanges Sécurisés de Fichiers Service d'echanges Sécurisés de Fichiers Tutoriel n SESF4 : "Gestion de l'arborescence des dossiers, des envois et partages (avec un compte gestionnaire)" MAJ : Août 2017 Ce tutoriel a pour objectif de

Plus en détail

Présentation de PowerPoint PRÉSENTATION DE POWERPOINT

Présentation de PowerPoint PRÉSENTATION DE POWERPOINT Présentation de PowerPoint PowerPoint est un logiciel permettant de réaliser des présentations dynamiques, pouvant servir à de multiples applications. Ex : Ce logiciel est utilisé par les orateurs lors

Plus en détail

LE TUTO. Du téléchargement à l utilisation. Par Morelle Benjamin & Schermann Julien

LE TUTO. Du téléchargement à l utilisation. Par Morelle Benjamin & Schermann Julien LE TUTO Du téléchargement à l utilisation Par Morelle Benjamin & Schermann Julien Bienvenue dans le Tutoriel Windows Live Messenger! Windows Live Messenger (WLM) est un logiciel de messagerie instantannée

Plus en détail

Structure des fichiers ini

Structure des fichiers ini Mediator est capable de lire, ou d'écrire, des fichiers textes, afin de charger, ou de stocker, des informations externes à l'application utilisée. Cela peut correspondre à un score, un parcours déjà fait,

Plus en détail

Cré ér sés maquéttés én Légo

Cré ér sés maquéttés én Légo Cré ér sés maquéttés én Légo Créer ses maquettes en Lego Par Clément JOATHON Dernière mise à jour : 09/10/2015 Les Lego, ces petites briques colorées, ont fait partie de votre enfance? Vous adorez faire

Plus en détail

Réaliser un diaporama pour présenter un cours, un projet

Réaliser un diaporama pour présenter un cours, un projet Réaliser un diaporama pour présenter un cours, un projet Formateur : Christophe Rigal Novembre 2005 Documents de Franck Dubois (crdp) et Christophe Rigal lcrdp) SOMMAIRE CHAPITRE I. L'ECRAN D'ACCUEIL...

Plus en détail

PARAMETRAGE D'OUTLOOK EXPRESS

PARAMETRAGE D'OUTLOOK EXPRESS PARAMETRAGE D'OUTLOOK EXPRESS PARAMETRAGE DES OPTIONS Lancer Outlook Express. Le paramétrage se fait à partir du menu Outils / Options Affichage de la fenêtre Options comportant 10 onglets. Onglet Général

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

Tutoriel pour débutants

Tutoriel pour débutants Tutoriel pour débutants Utiliser CERNBox pour sauvegarder, regarder et partager vos fichiers depuis n'importe quel navigateur Web. Quiconque a un compte CERN NICE dispose d'un espace dans le cloud CERNBox.

Plus en détail

Organigrammes Version 2.3 OVIDENTIA Organigrammes

Organigrammes Version 2.3 OVIDENTIA Organigrammes OVIDENTIA Organigrammes Version Documentation Version OVIDENTIA / Module Date 1.0 6.4.5 / - 10/09/2007 2.1 6.6.0 / - 22/02/2008 2.2 7.1.0 / - 17/11/2009 2.3 7.8.91 / - 26/09/2012 1. DESCRIPTION GÉNÉRALE...

Plus en détail

1. Premier démarrage d Outlook

1. Premier démarrage d Outlook 1. Premier démarrage d Outlook Lors de la première visualisation du logiciel, nous avons cet écran sur l icône Outlook Express en surbrillance. - La fenêtre principale où se situe en surbrillance le mot

Plus en détail

Cyber-Centre Ville. Apprendre Découvrir Rechercher s'initier. Créer un diaporama avec Open Office

Cyber-Centre Ville. Apprendre Découvrir Rechercher s'initier. Créer un diaporama avec Open Office Créer un diaporama avec Open Office Introduction Une présentation est un travail destiné à être visionné sur un écran d'ordinateur ou projeté via un vidéo-projecteur. Elle peut être imprimée sur transparents

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

Cliquer ici pour définir la forme du dessin. 3- ensuite vous aurez la fenêtre suivante cliquer sur «component»

Cliquer ici pour définir la forme du dessin. 3- ensuite vous aurez la fenêtre suivante cliquer sur «component» Pour créer un composant sous Isis 6.9 il faut : - définir la forme généralement j utilise celle de la documentation constructeurs. - Ensuite il faut savoir ou placer les pattes personnellement je m arrange

Plus en détail

Les standards du web

Les standards du web COURS - Partie 1 Le HTML5 et le CSS3, petits frères du HTML (ou XHTML) et du CSS viennent, alors que l ère actuelle est à l interconnexion et aux média multiples. Dans le but de satisfaire la demande grandissante

Plus en détail

Tuto The Gimp : Les calques

Tuto The Gimp : Les calques Les calques, leurs conceptions et leurs utilisations? Voici bien des questions, et en plus leur emploi doit être d'un compliqué? Lorsque l'on ouvre un fichier image dans un logiciel de traitement, nous

Plus en détail

TP5 Microsoft PowerPoint V 1.3

TP5 Microsoft PowerPoint V 1.3 TP5 Microsoft PowerPoint V 1.3 Il est demandé de suivre pas à pas les indications de ce document. Les tâches bien spécifiques à réaliser sont écrites de cette manière : 5.x faire L'ordre des questions

Plus en détail

Utilisation Des Widgets Gestprod ITEA

Utilisation Des Widgets Gestprod ITEA Utilisation Des Widgets Gestprod ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web (Javascript)... 4 2.1 Inclusion du fichier javascript... 4 2.2 Appel de la fonction javascript... 4 2.3

Plus en détail

UTILISER MCK3. - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III)

UTILISER MCK3. - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III) UTILISER MCK3 1.C Pour bien commencer Après avoir installé et démarré MCK, vous pouvez créer un nouveau projet. 1 Cliquez sur " Créer un nouveau projet ". 2 Après avoir donné un nom à votre projet, vous

Plus en détail

Ajouter une bulle à une photo avec PhotoFiltre

Ajouter une bulle à une photo avec PhotoFiltre Ajouter une bulle à une photo avec PhotoFiltre Ouvrez PhotoFiltre et ouvrez votre photo (Fichier Ouvrir) Cliquez sur l'icone des outils de sélection (voir cadre rouge de l'image à gauche), et cliquez sur

Plus en détail

1 Créer un outil : orthocentre 2 Créer un outil : similitude 3 Créer un outil : texte dynamique 4 Enregistrer les outils 5 Importer des outils

1 Créer un outil : orthocentre 2 Créer un outil : similitude 3 Créer un outil : texte dynamique 4 Enregistrer les outils 5 Importer des outils Fiche technique 34 Créer ses outils 1 Créer un outil : orthocentre 2 Créer un outil : similitude 3 Créer un outil : texte dynamique 4 Enregistrer les outils 5 Importer des outils http://url.univ-irem.fr/ft11

Plus en détail

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

DOSSIER D'ACTIVITES SUR LE HTML N 9 Appliquer des feuilles de style à du texte 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

Plus en détail