Positionner ses widgets avec les layouts
|
|
- Mathieu St-Pierre
- il y a 8 ans
- Total affichages :
Transcription
1 Positionner ses widgets avec les layouts Comme vous le savez, une fenêtre peut contenir toutes sortes de widgets : des boutons, des champs de texte, des cases à cocher... Placer ces widgets sur la fenêtre est une science à part entière. Je veux dire par là qu'il faut vraiment y aller avec méthode, si on ne veut pas que la fenêtre ressemble rapidement à un champ de bataille Comment bien placer les widgets sur la fenêtre? Comment gérer les redimensionnements de la fenêtre? Comment s'adapter automatiquement à toutes les résolutions d'écran? On distingue 2 techniques différentes pour positionner des widgets : Le positionnement absolu : c'est celui que nous avons vu jusqu'ici, avec l'appel à la méthode setgeometry (ou move)... Ce positionnement est très précis, car on place les widgets au pixel près, mais cela comporte un certain nombre de défauts comme nous allons le voir. Le positionnement relatif : c'est le plus flexible et c'est celui que je vous recommande d'utiliser autant que possible. Nous allons l'étudier dans ce chapitre. Sommaire Le positionnement absolu et ses défauts L'architecture des classes de layout Les layouts horizontaux et verticaux Le layout de grille Le layout de formulaire Combiner les layouts
2 1. Le positionnement absolu et ses défauts Nous allons commencer par voir le code Qt de base que nous allons utiliser dans ce chapitre, puis nous ferons quelques rappels sur le positionnement absolu que vous avez déjà utilisé sans savoir exactement ce que c'était
3 1.1 - Le code Qt de base #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre=qwidget() bouton=qpushbutton("bonjour", fenetre) bouton.move(70, 60) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv) C'est très simple : nous créons une fenêtre, et nous affichons un bouton que nous plaçons aux coordonnées (70, 60) sur la fenêtre. Le résultat est le suivant :
4 Dans le code précédent, nous avons positionné notre bouton de manière absolue en faisant bouton.move(70, 60); Le bouton a été très précisément placé 70 pixels sur la droite et 60 pixels plus bas. Imaginez que l'utilisateur s'amuse à redimensionner la fenêtre : Empêcher l'utilisateur de redimensionner la fenêtre? setfixedsize Le cas des résolutions d'écran plus petites que la vôtre : votre résolution (1600 x 1200). Vous placiez un bouton 1200 pixels sur la droite. L'utilisateur a une résolution plus petite (1024 x 768). Il ne pourra jamais voir le bouton! Préférez l'autre méthode : le positionnement relatif. Par exemple, "Le bouton 1 est en-dessous du bouton 2, qui est à gauche du bouton 3". Ce problème est géré par appelle les layouts avec Qt. Ce sont des conteneurs de widgets.
5 1.2 - L'architecture des classes de layout positionnement horizontal et vertical des widgets, ou encore le positionnement sous forme de grille. Ce sont les classes gérant les layouts de Qt. Toutes les classes héritent de la classe de base QLayout.
6 On compte donc en gros les classes : QBoxLayout QHBoxLayout QVBoxLayout QGridLayout QFormLayout QStackedLayout QLayout est ce qu'on appelle une classe abstraite : une classe "de base" qu'on ne peut pas instancier. C'est-à-dire qu'on ne peut pas créer d'objets de type QLayout. QLayout sert de "modèle" de base pour les autres classes
7 2. Les layouts horizontaux et verticaux Nous allons travailler sur 2 classes : QHBoxLayout QVBoxLayout QHBoxLayout et QVBoxLayout héritent de QBoxLayout. Ce sont des classes très similaires (la doc Qt parle de "convenience classes", des classes qui sont là pour vous aider à aller plus vite mais qui sont en fait quasiment identiques à QBoxLayout). Nous n'allons pas utiliser QBoxLayout, mais juste ses classes filles QHBoxLayout et QVBoxLayout (ça revient au même).
8 2.1 - Le layout horizontal L'utilisation d'un layout se fait en 3 temps : 1. On crée les widgets 2. On crée le layout et on place les widgets dedans 3. On dit à la fenêtre d'utiliser le layout qu'on a créé 1 ) Créer les widgets Pour les besoins de ce tutoriel, nous allons créer plusieurs boutons de type QPushButton : bouton1 = QPushButton("Bonjour") bouton2 = QPushButton("les") bouton3 = QPushButton(qApp.trUtf8("Zéros")) 3 boutons, pas de fenêtre parente comme précédemment bouton1 = QPushButton("Bonjour", fenetre) On ne place pas les boutons dans la fenêtre, mais dans un conteneur : le layout.
9 2 ) Créer le layout et placer les widgets dedans monlayout = QHBoxLayout() rajoutons nos widgets à l'intérieur : monlayout.addwidget(bouton1) monlayout.addwidget(bouton2) monlayout.addwidget(bouton3) La méthode addwidget du layout attend que vous lui donniez en paramètre un (pointeur vers le) widget à ajouter au conteneur.
10 3 ) Indiquer à la fenêtre d'utiliser le layout fenetre.setlayout(monlayout) La méthode setlayout de la fenêtre attend (un pointeur vers) le layout à utiliser. Et voilà, notre fenêtre contient maintenant notre layout, qui contient les widgets. La layout se chargera d'organiser les widgets horizontalement tout seul.
11 4 ) Résumé du code Voici le code complet de notre fichier main.py : #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() bouton1 = QPushButton("Bonjour") bouton2 = QPushButton("les") bouton3 = QPushButton(qApp.trUtf8("Zéros")) monlayout = QHBoxLayout() monlayout.addwidget(bouton1) monlayout.addwidget(bouton2) monlayout.addwidget(bouton3) fenetre.setlayout(monlayout) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv) J'ai surligné les principales nouveautés.
12 5 ) Résultat Voilà à quoi ressemble la fenêtre maintenant que l'on utilise un layout horizontal : Les boutons sont automatiquement disposés de manière horizontale! L'intérêt principal du layout, c'est son comportement face aux redimensionnements de la fenêtre. Essayons de l'élargir : Les boutons continuent de prendre l'espace en largeur. On peut aussi l'agrandir en hauteur :
13 On remarque que les widgets restent centrés verticalement. Vous pouvez aussi essayer de réduire la taille de la fenêtre. On vous interdira de la réduire si les boutons ne peuvent plus être affichés, ce qui vous garantit que les boutons ne risquent plus de disparaître comme avant! 6 ) Schéma des conteneurs En résumé, la fenêtre contient le layout qui contient les widgets. Le layout se charge d'organiser les widgets. Schématiquement, ça se passe donc comme ça : Le layout est invisible à l'affichage On vient de voir le layout QHBoxLayout qui organise les widgets horizontalement. Il y en a un autre qui les organise verticalement (c'est quasiment la même chose) : QVBoxLayout.
14 2.2 - Le layout vertical Pour utiliser un layout vertical, il suffit de remplacer QHBoxLayout par QVBoxLayout dans le code précédent. Oui oui, c'est aussi simple que ça #! /usr/bin/python # * coding: utf 8 * from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() bouton1 = QPushButton("Bonjour") bouton2 = QPushButton("les") bouton3 = QPushButton(qApp.trUtf8("Zéros")) monlayout = QVBoxLayout() monlayout.addwidget(bouton1) monlayout.addwidget(bouton2) monlayout.addwidget(bouton3) fenetre.setlayout(monlayout) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv)
15 Compilez et exécutez ce code, et admirez le résultat : Amusez-vous à redimensionner la fenêtre. Vous voyez là encore que la layout adapte les widgets qu'il contient à toutes les dimensions. Il empêche en particulier la fenêtre de devenir trop petite, ce qui aurait empêché l'affichage des boutons.
16 3. Le layout de grille Les layouts horizontaux et verticaux ne permettent pas de créer des dispositions très complexes sur votre fenêtre. C'est là qu'entre en jeu QGridLayout, qui est en fait un peu un assemblage de QHBoxLayout et QVBoxLayout. Il s'agit d'une disposition en grille, comme un tableau avec des lignes et des colonnes.
17 3.1 - Schéma de la grille Il faut imaginer que votre fenêtre peut être découpée sous la forme d'une grille avec une infinité de cases, comme ceci : Si on veut placer un widget en haut à gauche, il faudra le placer à la case de coordonnées (0, 0). Si on veut en placer un autre en-dessous, il faudra utiliser les coordonnées (1, 0). Ainsi de suite
18 3.2 - Utilisation basique de la grille Essayons d'utiliser un QGridLayout simplement pour commencer. Nous allons placer un bouton en haut à gauche, un à sa droite et un en-dessous. La seule différence réside en fait dans l'appel à la méthode addwidget. Celle-ci accepte 2 paramètres supplémentaires : les coordonnées où placer le widget sur la grille. #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() bouton1 = QPushButton("Bonjour") bouton2 = QPushButton("les") bouton3 = QPushButton(qApp.trUtf8("Zéros")) monlayout = QGridLayout() monlayout.addwidget(bouton1,0,0) monlayout.addwidget(bouton2,0,1) monlayout.addwidget(bouton3,1,0) fenetre.setlayout(monlayout) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv)
19 Résultat : Si vous comparez avec le schéma de la grille que j'ai fait plus haut, vous voyez que les boutons ont bien été disposés selon les bonnes coordonnées. D'ailleurs en parlant du schéma plus haut, il y a un truc que je comprends pas, c'est tous ces points de suspension "..." là. Ca veut dire que la taille de la grille est infinie? Dans ce cas, comment je fais pour placer un bouton en bas à droite? Qt "sait" quel est le widget à mettre en bas à droite en fonction des coordonnées des autres widgets. Le widget qui a les coordonnées les plus élevées sera placé en bas à droite. Petit test, rajoutons un bouton aux coordonnées (1, 1) :
20 #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() bouton1 = QPushButton("Bonjour") bouton2 = QPushButton("les") bouton3 = QPushButton(qApp.trUtf8("Zéros")) bouton4 = QPushButton(qApp.trUtf8("Ça va?")) monlayout = QGridLayout() monlayout.addwidget(bouton1,0,0) monlayout.addwidget(bouton2,0,1) monlayout.addwidget(bouton3,1,0) monlayout.addwidget(bouton4,1,1) fenetre.setlayout(monlayout) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv) Résultat :
21 Si on veut, on peut aussi décaler le bouton encore plus en bas à droite dans une nouvelle ligne et une nouvelle colonne : monlayout.addwidget(bouton4, 2, 30) On voit au passage, que puisqu'on a demandé 30 colonnes, pour 3 boutons en largeur, les 27 colonnes vides sont de largeur nulles, car elles sont vides.
22 3.3 - Un widget qui occupe plusieurs cases L'avantage de la disposition en grille, c'est qu'on peut faire en sorte qu'un widget occupe plusieurs cases à la fois. On parle de spanning (ceux qui font du HTML doivent avoir entendu parler des attributs rowspan et colspan sur les tableaux). Pour faire cela, il faut appeler une version surchargée de addwidget qui accepte 2 paramètres supplémentaires : le rowspan et le columnspan. rowspan : nombre de lignes qu'occupe le widget (par défaut 1) columnspan : nombre de colonnes qu'occupe le widget (par défaut 1) Imaginons un widget placé en haut à gauche, aux coordonnées (0, 0). Si on lui donne un rowspan de 2, il occupera alors l'espace suivant : Si on lui donne un columnspan de 3, il occupera cet espace :
23 L'espace pris par le widget au final dépend de la nature du widget (les boutons s'agrandissent en largeur mais pas en hauteur par exemple), et dépend du nombre de widgets sur la grille. En pratiquant vous allez rapidement comprendre comment ça fonctionne. La méthode addwidget que nous utilisons a pour prototype C++ : void addwidget (QWidget* widget, int row, int column, int rowspan, int columnspan, Qt::Alignment alignment = 0 ) Essayons de faire en sorte que le bouton "Zéros" prenne 2 colonnes de largeur : monlayout.addwidget(bouton3,1,0,1,2) Les 2 derniers paramètres correspondent respectivement au rowspan et au columnspan. Le rowspan est ici de 1, c'est la valeur par défaut on ne change donc rien, mais le columnspan est de 2.
24 Le bouton va donc "occuper" 2 colonnes : Essayez le columnspan à 3 : vous ne verrez a priori aucun changement... Sauf si vous redimensionnez la fenêtre (en largeur). Dans ce cas, le troisième bouton occupera effectivement 3 colonnes de largeur.
25 4. Le layout de formulaire QFormLayout Le layout de formulaire QFormLayout est un layout assez récent spécialement fait pour les fenêtres qui contiennent des formulaires. Un formulaire est en général une suite de libellés ("Votre prénom :") associés à des champs de formulaire (zone de texte par exemple) : Normalement, pour écrire du texte dans la fenêtre, on utilise le widget QLabel (libellé), et QLineEdit, dont on parlera plus en détail dans le prochain chapitre. L'avantage du layout que nous allons utiliser, c'est qu'il simplifie notre travail en créant automatiquement des QLabel pour nous. QFormLayout = QGridLayout à 2 colonnes et plusieurs lignes. En effet, le QFormLayout n'est en fait rien d'autre qu'une version spéciale du QGridLayout pour les formulaires, avec quelques particularités : il s'adapte en fonction des habitudes des OS, pour certains les libellés sont alignés à gauche, pour d'autres ils sont alignés à droite, etc. L'utilisation d'un QFormLayout est très simple : au lieu de la méthode addwidget, nous allons utiliser une méthode addrow qui prend 2 paramètres : Le texte du libellé Un pointeur vers le champ du formulaire Pour faire simple, nous allons créer 3 champs de formulaire de type "Zone de texte à une ligne" (QLineEdit), puis nous allons les placer dans un QFormLayout au moyen de la méthode addrow :
26 #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() prenom = QLineEdit() nom = QLineEdit() age = QLineEdit() layoutf = QFormLayout() layoutf.addrow(qapp.trutf8("prénom"),prenom) layoutf.addrow(qapp.trutf8("nom"),nom) layoutf.addrow(qapp.trutf8("age"),age) fenetre.setlayout(layoutf) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv) Résultat :
27 On peut aussi définir des raccourcis clavier pour accéder rapidement aux champs du formulaire. Pour ce faire, placez un symbole "&" devant la lettre du libellé que vous voulez transformer en raccourci. Explication en image (euh, en code) : LayoutF.addRow("&Nom", nom) layoutf.addrow("&prénom", prenom) layoutf.addrow("&age", age) La lettre "p" est désormais un raccourci vers le champ du prénom. "n" pour le champ nom. "g" pour le champ âge. L'utilisation du raccourci dépend de votre système d'exploitation. Sous Windows, sous Linux, il faut faire Alt puis la touche raccourci. Les lettres raccourcis apparaissent soulignées : Faites Alt + N pour accéder directement au champ du nom! Souvenez-vous de ce symbole &, il est très souvent utilisé en GUI Design (design de fenêtre) pour indiquer quelle lettre sert de raccourci. On le réutilisera notamment pour avoir des raccourcis dans les menus de la fenêtre. Ah, et si vous voulez par contre vraiment afficher un symbole & dans un libellé, tapez-en deux : "&&". Exemple : "Bonnie && Clyde".
28 5. Combiner les layouts Avant de terminer ce chapitre, il me semble important que nous jetions un oeil aux layouts combinés, une fonctionnalité qui va vous faire comprendre toute la puissance des layouts.
29 5.1 - Un cas concret Prenons par exemple notre formulaire. Supposons que l'on veuille ajouter un bouton "Quitter". Si vous voulez placer ce bouton en bas du formulaire, comment faire? Il va falloir d'abord créer un layout vertical (QVBoxLayout), et placer à l'intérieur notre layout de formulaire puis notre bouton "Quitter". Cela donne le schéma suivant : On voit que notre QVBoxLayout contient 2 choses, dans l'ordre : 1. Un QFormLayout (qui contient lui-même d'autres widgets) 2. Un QPushButton Un layout peut donc contenir aussi bien des layouts que des widgets.
30 5.2 - Utilisation de addlayout Pour insérer un layout dans un autre, on utilise addlayout au lieu de addwidget. #! /usr/bin/python #-*-coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import os,sys def main(args): a=qapplication(args) fenetre = QWidget() prenom = QLineEdit() nom = QLineEdit() age = QLineEdit() #objet 1, formulaire layoutf = QFormLayout() layoutf.addrow(qapp.trutf8("&prénom"),prenom) layoutf.addrow(qapp.trutf8("&nom"),nom) layoutf.addrow(qapp.trutf8("&age"),age) #objet2, bouton quitter bouttonquitter=qpushbutton("&quitter") QWidget.connect(bouttonQuitter,SIGNAL("clicked()"),a,SLOT("quit()")) #Layout principal : création et peuplement layoutv=qvboxlayout() layoutv.addlayout(layoutf) layoutv.addwidget(bouttonquitter) fenetre.setlayout(layoutv) fenetre.show() r=a.exec_() return r if name ==" main ": main(sys.argv)
31 J'ai surligné les ajouts au layout vertical principal : L'ajout du sous-layout de formulaire (addlayout) L'ajout du bouton (addwidget) Vous remarquerez que je fais les choses un peu dans l'ordre inverse : d'abord je crée les widgets et layouts "enfants" (le QFormLayout), et ensuite je crée le layout principal (le QVBoxLayout) et j'y ajoute le layout enfant que j'ai créé. Au final, la fenêtre qui apparaît est la suivante : On ne le voit pas, mais la fenêtre contient d'abord un QVBoxLayout, qui contient lui-même un layout de formulaire et un bouton.
32 5.3 - Exercice Essayez d'obtenir le rendu suivant :
Modifier les propriétés d'un widget
La "fenêtre-bouton" que nous avons réalisée dans le chapitre précédent était un premier pas. Certaines question se posent naturellement : Par exemple, comment modifier la taille du bouton? Comment placer
Plus en détailModéliser ses fenêtres avec Qt Designer
Modéliser ses fenêtres avec Qt Designer A force d'écrire le code de vos fenêtres, vous devez peut-être commencer à trouver ça long et répétitif. C'est amusant au début, mais au bout d'un moment on en a
Plus en détailFreeway 7. Nouvelles fonctionnalités
! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer
Plus en détailL'architecture MVC avec les widgets complexes
L'architecture MVC avec les widgets complexes Nous attaquons maintenant un des chapitres les plus intéressants de ce cours sur Qt, mais aussi un des plus difficiles. Dans ce chapitre, nous apprendrons
Plus en détailGestion d Active Directory à distance : MMC & Délégation
Gestion d Active Directory à distance : MMC & Délégation Présentation : Le but de ce tuto est de vous présenter une fonction intéressante d'active Directory : la délégation des droits à l'aide de la Console
Plus en détailChapitre 4 Pierre, papier, ciseaux
Python 3 : objectif jeux Chapitre 4 Chapitre 4 Pierre, papier, ciseaux (version graphique) 4.1. Thèmes abordés dans ce chapitre Le module tkinter : Label, Button Fenêtre Événements Réceptionnaire d'événements
Plus en détail1. Introduction... 2. 2. Création d'une macro autonome... 2. 3. Exécuter la macro pas à pas... 5. 4. Modifier une macro... 5
1. Introduction... 2 2. Création d'une macro autonome... 2 3. Exécuter la macro pas à pas... 5 4. Modifier une macro... 5 5. Création d'une macro associée à un formulaire... 6 6. Exécuter des actions en
Plus en détailles Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3
Présentation...2 1. Créer un formulaire à partir d une table...3 2. Les contrôles :...10 2.1 Le contrôle "Intitulé"...11 2.2 Le contrôle "Zone de Texte"...12 2.3 Le contrôle «Groupe d options»...14 2.4
Plus en détailCOURS WINDEV NUMERO 3
COURS WINDEV NUMERO 3 01/02/2015 Travailler avec un fichier de données Etude du gestionnaire d analyse, Manipulation des tables mémoires, Manipulation de données, Création d états, Pré requis : Cours WinDev
Plus en détailSystèmes d'exploitation virtuels
Systèmes d'exploitation virtuels Introduction Tout d'abord, je tiens à vous faire savoir que ce tutoriel est plutôt destiné à ceux qui sont intéressés par les nouveautés informatiques et aiment sortir
Plus en détailWarren PAULUS Robin GODEFROID. C++ - Interface Graphique avec Visual Studio 2010
C++ - Interface Graphique avec Visual Studio 2010 2010/2011 Mise à jour 1.2 : Installation réussie avec Qt 4.7.3. - Ajout d éléments supplémentaires sur le fonctionnement de «QsplashScreen». - Ajout d
Plus en détailModéliser ses fenêtres avec Qt Designer
1 sur 20 05/07/2011 18:31 Modéliser ses fenêtres avec Qt Designer Informations sur le tutoriel Auteurs : M@teo21 et Nanoc Difficulté : Licence : Plus d'informations Popularité Visualisations : 1 501 676
Plus en détailTraitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
Plus en détailNavigation dans Windows
Cours 03 Navigation dans Windows Comme je le disais en introduction, notre souris se révèle plus maligne qu'elle n'en a l'air. À tel point qu'il faut apprendre à la dompter (mais c'est très simple, ce
Plus en détailPetit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département
Petit guide à l'usage des profs pour la rédaction de pages pour le site Drupal du département Le nouveau site du département Le nouveau site du département est situé, comme l'ancien à l'adresse suivante
Plus en détailCréation d'un questionnaire (sondage)
Création d'un questionnaire (sondage) Le but de ce petit tuto est d'avoir les séquences pas à pas pour la création d'un questionnaire de façon à ne pas devoir rechercher la manière de procéder si l'outil
Plus en détailBien travailler sur plusieurs écrans
Bien travailler sur plusieurs écrans Pour améliorer votre confort sur votre ordinateur et travailler plus efficacement, vous pouvez lui ajouter un second voire un troisième écran. En étendant la surface
Plus en détailGuide pour la réalisation d'un document avec Open Office Writer 2.2
Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer
Plus en détailCréer des étiquettes avec les adresses d'un tableau Calc
Créer des étiquettes avec les adresses d'un tableau Calc Il faudra au préalable avoir déjà créé le tableau contenant les adresses avec Calc. Il y a trois étapes différentes pour réaliser des étiquettes
Plus en détail1. Introduction...2. 2. Création d'une requête...2
1. Introduction...2 2. Création d'une requête...2 3. Définition des critères de sélection...5 3.1 Opérateurs...5 3.2 Les Fonctions...6 3.3 Plusieurs critères portant sur des champs différents...7 3.4 Requête
Plus en détailComment faire des étiquettes
Comment faire des étiquettes Révision 0.1 31/03/2004 Réalisé avec : OOo 1.1.0 Plate-forme / Os : Toutes n révision, mode d'emploi n révision : x.yz x : n de version majeure, par exemple 0 pour une phase
Plus en détailRéaliser un PUBLIPOSTAGE
Réaliser un PUBLIPOSTAGE avec le traitement de texte Writer ( OpenOffice ou LibreOffice ) Guide et captures d'écran réalisés avec la version 3.2 d'openoffice. Janvier 2011 - Jean-Claude EYRAUD Création
Plus en détailClasser et partager ses photographies numériques
Classer et partager ses photographies numériques Ce tutoriel a pour objectif de vous donner les bases nécessaires au classement de vos photographies numériques, et de vous donner des moyens simples de
Plus en détailGuide Draw. Chapitre 5 Combiner plusieurs objets
Version 4.0 Guide Draw Chapitre 5 Combiner plusieurs objets Grouper, combiner, fusionner et positionner LibreOffice est une marque déposée de The Document Fondation Plus d informations sur fr.libreoffice.org
Plus en détailPublication Assistée par Ordinateur
Présentation OpenOffice Draw est l'outil de dessin vectoriel de la suite bureautique OpenOffice. De fait, Draw permet de réaliser certains documents comparables à ceux de Publisher, le logiciel de P.A.O.
Plus en détailL ORDINATEUR FACILE D ACCÈS!
L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des
Plus en détailAutomatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs
Dans la série Les tutoriels libres présentés par le site FRAMASOFT Automatisation d'une Facture 4 Liste Déroulante Remises Case à cocher Calculs Logiciel: Version: Licence: Site: OpenOffice.org Calc :
Plus en détailVous y trouverez notamment les dernières versions Windows, MAC OS X et Linux de Thunderbird.
MAIL > configuration de mozilla thunderbird > SOMMAIRE Qu'est ce que Thunderbird? Téléchargement du logiciel Thunderbird Configuration Installation d'un compte POP Installation d'un compte IMAP En cas
Plus en détail1 sur 5 10/06/14 13:10
Time Machine est un outil proposé par Mac OS depuis sa version 10.5 (Leopard) et qui permet d'effectuer des sauvegardes de votre disque dur de manière régulière. Mais au-delà de la simple sauvegarde périodique,
Plus en détailDans la série. présentés par le site FRAMASOFT
Dans la série Les tutoriels libres présentés par le site FRAMASOFT CRÉER DES EXERCICES AVEC JCLIC-AUTHOR Logiciel: JClic-author Plate-forme(s): Linux, Windows, Mac OS X Version: 0.1.1.9 Licence: GNU General
Plus en détailJe communique par email
Je communique par email Support de formation des Médiathèques du Pays de Romans Site Internet : Twitter : MediaTechRomans Table des matières Mes cordonnées électroniques...3 Les emails...3 Comment ça marche...3
Plus en détailXubuntu 12.04. Une alternative à Windows et à Ubuntu, (pour ceux qui ne veulent pas d'unity) : installer Xubuntu.
Xubuntu 12.04 Une alternative à Windows et à Ubuntu, (pour ceux qui ne veulent pas d'unity) : installer Xubuntu. On peut trouver quelques explications ici : http://forum.ubuntu-fr.org/viewtopic.php?pid=15531491
Plus en détailCréation d'un site dynamique en PHP avec Dreamweaver et MySQL
Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du
Plus en détailTutorial et Guide TeamViewer
Tutorial et Guide TeamViewer TeamViewer est un programme qui permet de partager son bureau ou prendre la main d'un bureau à distance via internet partout dans le monde, et d'ainsi avoir l'opportunité de
Plus en détailCréer un site Internet dynamique
Créer un site Internet dynamique avec SPIP (version 3) Document de référence Denise St-Pierre animatrice au service local du Récit 1. Qu est-ce que SPIP?... 3 2. Caractéristiques de SPIP... 3 3. Quelques
Plus en détailTBI-DIRECT. Bridgit. Pour le partage de votre bureau. Écrit par : TBI Direct. http://www.tbi-direct.fr
TBI-DIRECT Bridgit Pour le partage de votre bureau Écrit par : TBI Direct http://www.tbi-direct.fr Contenu Vue d'ensemble...4 Nom du serveur...5 Lancement du Bridgit...5 Installation du logiciel Bridgit
Plus en détailInstallation et utilisation du client FirstClass 11
Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)
Plus en détailLibreOffice Calc : introduction aux tableaux croisés dynamiques
Fiche logiciel LibreOffice Calc 3.x Tableur Niveau LibreOffice Calc : introduction aux tableaux croisés dynamiques Un tableau croisé dynamique (appelé Pilote de données dans LibreOffice) est un tableau
Plus en détailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Plus en détailSystème clients serveur Kwartz Vulgarisation, identification, dossier personnel
Un peu de vulgarisation Système clients serveur Kwartz Nous allons absolument éviter les termes techniques et essayer de vulgariser au maximum. En effet, l objectif sera à terme pour les enseignants, de
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailUn exemple avec WORKSPACE d'interwrite
S'approprier un utilitaire de TNI Un exemple avec WORKSPACE d'interwrite Objectifs : S'approprier un utilitaire de TNI («soft»)afin de percevoir la plus-value pédagogique de l'outil. Pour cela utiliser
Plus en détailHTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
Plus en détailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détailPrise en main du logiciel. Smart BOARD Notebook 10
Prise en main du logiciel Smart BOARD Notebook 10 1. Introduction : Le logiciel Smart BOARD est utilisable avec les tableaux blancs interactifs de la gamme SMART. Toutefois, il n'est pas nécessaire d'avoir
Plus en détailProjet ISN - dossier réalisé par Randrianarimanana Stéphanie. Titre du projet : Site de rencontre. le nom de notre site de rencontre : Linkymeet
Projet ISN - dossier réalisé par Randrianarimanana Stéphanie Titre du projet : Site de rencontre le nom de notre site de rencontre : Linkymeet ( tout astérisque* signifie voir annexe) l'équipe : Randrianariamanana
Plus en détailCréer une base de données
Access Créer une base de données SOMMAIRE Généralités sur les bases de données... 3 Création de la base de données... 4 A) Lancement d'access... 4 B) Enregistrement de la base de données vide... 4 Création
Plus en détail@telier d'initiation
@telier d'initiation LES PREMIERS PAS Arborescence d'un ordinateur Créer/Renommer/ Supprimer des dossiers 1 / 8 L'arborescence Un ordinateur est rangé d'une certaine façon, que l'on appelle l'arborescence.
Plus en détailLe modèle de données
Le modèle de données Introduction : Une fois que l étude des besoins est complétée, deux points importants sont à retenir : Les données du système étudié Les traitements effectués par le système documentaire.
Plus en détailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détail1. Création d'un état... 2. 2. Création d'un état Instantané Colonnes... 3. 3. Création d'un état Instantané Tableau... 4
1. Création d'un état... 2 2. Création d'un état Instantané Colonnes... 3 3. Création d'un état Instantané Tableau... 4 4. Création d'un état avec plusieurs tables... 9 5. Modifier la structure d'un état...11
Plus en détailI. Introduction aux fonctions : les fonctions standards
Chapitre 3 : Les fonctions en C++ I. Introduction aux fonctions : les fonctions standards A. Notion de Fonction Imaginons que dans un programme, vous ayez besoin de calculer une racine carrée. Rappelons
Plus en détailGESTION DU LOGO. 1. Comment gérer votre logo? 2. 2.1. Format de l image 7 2.2. Dimensions de l image 8 2.3. Taille de l image 9
GESTION DU LOGO 1. Comment gérer votre logo? 2 1.1. Insérer un logo 3 1.1.1. Insérer un logo dans le bandeau 3 1.1.2. Insérer un logo dans les éditions 4 1.2. Supprimer un logo 6 1.2.1. Supprimer un logo
Plus en détailDébuter avec OOo Base
Open Office.org Cyril Beaussier Débuter avec OOo Base Version 1.0.7 Novembre 2005 COPYRIGHT ET DROIT DE REPRODUCTION Ce support est libre de droit pour une utilisation dans un cadre privé ou non commercial.
Plus en détailFICHIERS ET DOSSIERS
La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailAssistance à distance sous Windows
Bureau à distance Assistance à distance sous Windows Le bureau à distance est la meilleure solution pour prendre le contrôle à distance de son PC à la maison depuis son PC au bureau, ou inversement. Mais
Plus en détailNotre projet est de réaliser un document
Un quatre-pages avec Writer Guy Veyssière Notre projet est de réaliser un document constitué de quatre pages au format A5 sur une feuille de papier au format A4 recto-verso, afin d'obtenir un livret en
Plus en détailStopack : logiciel pour l entrepôt
Stopack : logiciel pour l entrepôt Bonjour, Nous allons vous présenter stopack.com logiciel de gestion de stock. - Stopack.com se compose d une partie en ligne pour vos clients avec une vision en continu
Plus en détailDessiner dans Galaad FRANÇOIS PALLUT
Dessiner dans Galaad FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Pas de Modification : http://creativecommons.org/licenses/by-nc-nd/2.0/fr/ Table des matières Objectifs 5 Introduction 7
Plus en détailMAILING 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étailTUTORIEL IMPRESS. Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer»
TUTORIEL IMPRESS Ouvrir Impress cocher «présentation vierge», «suivant» cocher «écran», «suivant» cocher «standard», «créer» Une page impress s'ouvre : Le volet gauche contiendra toutes les diapositives
Plus en détailTRUECRYPT SUR CLEF USB ( Par Sébastien Maisse 09/12/2007 )
TRUECRYPT SUR CLEF USB ( Par Sébastien Maisse 09/12/2007 ) Voici un petit document concernant d'un espace crypté sur une clef usb en utilisant le logiciel TRUECRYPT. Ce dernier est gratuit et disponible
Plus en détailVotre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
Plus en détailGérer ses fichiers et ses dossiers avec l'explorateur Windows. Février 2013
Gérer ses fichiers et ses dossiers avec l'explorateur Windows Février 2013 SOMMAIRE 1. Premiers repères : l'explorateur Windows (Vista et Windows 7) 2. Les dossiers : création, déplacement, suppression
Plus en détailUn serveur web, difficile?
Un serveur web, difficile? Belle question, mais d'abord qu'est-ce qu'un serveur web et à quoi cela peut-il servir? C'est un ensemble de programmes qui sont installés sur un ordinateur et qui servent à
Plus en détailLe poste de travail, les dossiers et les fichiers
0 Le poste de travail, les dossiers et les fichiers Dans Windows, tous les programmes, tous les dossiers et tous les documents sont accessibles depuis le Poste de travail.. Le poste de travail. Pour ouvrir
Plus en détailAteliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le RaspberryPi?
Ateliers Python+Qt : Premiers pas : Comment développez ses propres interfaces graphiques sur le RaspberryPi? par X. HINAULT www.mon-club-elec.fr Tous droits réservés 2013. Document gratuit. Ce support
Plus en détailLECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011
LECON 2 : PROPRIETES DE L'AFFICHAGE Version aout 2011 COPIER LE FICHIER LECON 1_02 DU DISQUE D : VERS LA CLE USB Cliquez gauche deux fois sur l'icône POSTE DE TRAVAIL Cliquez gauche deux fois sur DONNEES
Plus en détailAcer erecovery Management
1 Acer erecovery Management Développé par l'équipe des programmeurs d'acer, Acer erecovery Management est un outil qui vous offre un moyen simple, fiable et sûr de restaurer votre ordinateur à l'état d'usine
Plus en détail1. Installation du Module
1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de
Plus en détailManuel d'utilisation de l'administration du site Japo.ch - 1
Manuel d'utilisation de l'administration du site Japo.ch 1. Identification L'administration est protégée par une identification. Veuillez saisir ici votre nom d'utilisateur et votre mot de passe. Manuel
Plus en détailLouer et utiliser un Hébergement Mutualisé OVH (Version 1.0)
Louer et utiliser un Hébergement Mutualisé OVH (Version 1.0) Page 1/27 Table des matières 1.L'hébergement mutualisé c'est quoi?...3 2.Quel hébergeur choisir?...4 3.Louer un hébergement mutualisé chez OVH...4
Plus en détailwww.imprimermonlivre.com
0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word
Plus en détailWINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :
WINDOWS 8 Windows 8 : généralités Windows 8 est la dernière version du système d'exploitation de Windows, sortie en octobre 2012. Si vous possédez un ordinateur récent, il y a de fortes chances que votre
Plus en détailUtilisation de Sarbacane 3 Sarbacane Software
Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur
Plus en détailI Pourquoi une messagerie?
I Pourquoi une messagerie? Outlook express est un logiciel de messagerie de windows. Il est installé par défaut sur un grand nombre d ordinateurs de la planète, ceux tournant sous Windows, et proposé par
Plus en détailPublipostage avec Calc
Auto-formation sur OpenOffice.org 2.0 par Cyril Beaussier Version 1.0.2 - Avril 2006 Publipostage avec Calc Sommaire Introduction... 2 Présentation... 3 Notions... 4 Les données... 5 Lettre type... 7 Création
Plus en détailTutorial Ophcrack. I) Ophcrack en API. (ou comment utiliser Ophcrack pour recouvrir un mot de passe sous Windows XP et Windows Vista)
Tutorial Ophcrack (ou comment utiliser Ophcrack pour recouvrir un mot de passe sous Windows XP et Windows Vista) Ophcrack est un utilitaire gratuit permettant de cracker les mots de passe des sessions
Plus en détailFAIRE SES COMPTES AVEC GRISBI
FAIRE SES COMPTES AVEC GRISBI Grisbi est un logiciel de comptabilité personnelle sous licence GPL. (logiciel libre) C est un programme écrit par des français et il respecte parfaitement l'esprit de la
Plus en détailPHPWEBSITE -Tutoriel image
PHPWEBSITE -Tutoriel image La capture des images depuis le web pour mon site. L optimisation d images pour le web, 1 Préparer des images pour le Web A. Généralités 1. Les trois formats d'images sur le
Plus en détailAGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.
Word: Les tableaux Introduction 6 ième partie Il est préférable par moments de présenter de l'information sous forme de tableau. Les instructions qui suivent démontrent comment créer un tableau et comment
Plus en détailCréer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît
Qu est-ce qu un blog? Un weblog (raccourci en blog ) est un site internet avec textes et/ou images, actualisé régulièrement, par un ou plusieurs auteurs (que l'on nomme bloggers «prononcer blogueurs»),
Plus en détailQu est ce qu une bibliothèque?
Qu est ce qu une bibliothèque? Les bibliothèques sont les endroits où vous allez pour gérer vos documents, votre musique, vos images et vos autres fichiers. Vous pouvez parcourir vos fichiers de la même
Plus en détailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailComment autoriser un programme à communiquer avec Internet sous Vista?
Comment autoriser un programme à communiquer avec Internet sous Vista? Votre pare-feu a pour fonction de bloquer les connexions entre un programme installé sur votre ordinateur et Internet. C'est en quelque
Plus en détailLes calques supplémentaires. avec Magix Designer 10 et autres versions
Les calques supplémentaires avec Magix Designer 10 et autres versions Pourquoi ajouter un calque à votre page web? L'ajout d'un calque à une page web est parfois nécessaire lorsque la page est déjà bien
Plus en détailhttp://cri.univ-lille1.fr Virtualisation de Windows dans Ubuntu Linux
http://cri.univ-lille1.fr Virtualisation de Windows dans Ubuntu Linux Version 1.0 Septembre 2011 SOMMAIRE 1. Introduction 3 2. Installation du logiciel de virtualisation VirtualBox 4 3. Création d'une
Plus en détailAffectation standard Affectation modifiée (exemple)
1 sur 5 13/02/2005 11:44 Les fonctions qui vont être abordées vont vous apprendre à : comprendre l'arborescence Poste de travail, disque Répertoire ou dossier Chemin absolu, relatif utiliser l'explorateur
Plus en détailDate M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B
Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir
Plus en détailCours Excel : les bases (bases, texte)
Cours Excel : les bases (bases, texte) La leçon 1 est une leçon de base qui vous permettra de débuter avec Excel, elle sera fort utile pour les prochaines leçons. Remarque : à chaque fois qu il est demandé
Plus en détailVOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
Plus en détailDA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova
DA MOTA Anthony - Comparaison de technologies : PhoneGap VS Cordova I. Introduction Dans une période où la plasticité peut aider à réduire les coûts de développement de projets comme des applications mobile,
Plus en détailTRUCS & ASTUCES SYSTEME. 1-Raccourcis Programme sur le Bureau (7)
TRUCS & ASTUCES SYSTEME 1-Raccourcis Programme sur le Bureau (7) 2- Mettre la souris sur Tous les programmes 3- Clic DROIT sur le programme dont on veut créer un raccourcis 4- Dans le menu contextuel Clic
Plus en détailTout savoir sur le clavier
Tout savoir sur le clavier Niveau débutant Niveau intermédiaire Niveau confirmé Le clavier est un périphérique d entrée (interface homme / machine), composé de touches envoyant des instructions à la machine.
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détail