ITS WebManager Mode d emploi pour l utilisateur du CMS

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "ITS WebManager 3.01. Mode d emploi pour l utilisateur du CMS"

Transcription

1 ITS WebManager 3.01 Mode d emploi pour l utilisateur du CMS ITS Informatique Route de la Bourgeoisie Vétroz Tél. +41(0)27/

2 1. Introduction 1.1. Qu est-ce qu un CMS? Un Content Management Systems (système de gestion de contenu, en français) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site web ou d'application multimédia. En d autres termes, c est un programme qui permet à des utilisateurs non professionnels de modifier et de mettre à jour un site Internet Présentation du CMS ITS WebManager 1) Bandeau du haut (header) 2) Menu de navigation 3) Contenu du site 4) Logo (faculatif) 1) Bandeau du bas (footer) Le CMS développé par ITS informatique se présente de la manière suivante : 1. Au sommet et au fond de la page, deux bandeaux permettent d intégrer les images qui constitueront l essentiel du design de votre site Internet. Ces bandeaux peuvent ensuite être remplacés en quelques cliques si le design du site devait être changé ultérieurement. 2. Sur la gauche, le menu qui permet de naviguer au travers de votre site. Ce menu, entièrement paramétrable par l utilisateur, peut fonctionner sur deux «sous niveaux». Son fonctionnement sera expliqué en détail plus loin. 3. Le contenu à proprement parler du site, quant à lui, s intègre dans le cadre à gauche du menu. Encore une fois, le contenu peut être entièrement réalisé par l utilisateur comme nous allons le voir. 4. A noter également, la possibilité d ajouter une image (par exemple, votre logo) sous le menu. Nous explorerons cette possibilité en détail plus loin. 2

3 1.3. Accéder à l interface d administration Etape 1 : Entrer le mot de passe Pour accéder à l interface d administration, il vous suffit de cliquer sur la rubrique «admin» du menu. Ensuite, entrez «password» comme mot de passe. On vous demandera alors d entrer un nouveau mot de passe. Choisissez-en un dont vous vous souviendrez. En cas de perte ou d oubli du mot de passe, contactez ITS Informatique Etape 2 : Accès aux éléments administrables A présent, si vous pointez à nouveau la souris sur la rubrique «admin», vous constaterez que les éléments administrables (accueil, ajouter une page, design ) sont à présent accessibles. Nous allons à présent passer toutes ces options en revue et décrire leur fonctionnement. 2. Gestion de la navigation (menus) 2.1. Présentation Le menu du CMS est relativement élaboré et vous permettra de réaliser des menus complexes contenant jusqu à deux niveaux de sous-menu. Un sous-menu est simplement le «deuxième étage» d un menu qui s ouvre lorsque la souris passe sur le menu «parent», comme vous pouvez le voir sur l image ci-contre. Chaque menu peut avoir plusieurs «sousmenu 1» et chaque «sous-menu 1» peut avoir plusieurs «sous-menu 2», comme vous pouvez le voir sur l image ci-dessus. Retenez bien le vocabulaire : Menu Sous-menu 1 Sous-menu 2 3

4 Vous pouvez donc hiérarchiser et classer le contenu de votre site facilement grâce aux sousmenus. En premier lieu, nous allons nous intéresser à apprendre comment créer les menus. Ensuite, nous verrons comment attacher des pages aux menus que vous aurez créés. Notez que toute la gestion des menus et des sousmenus est centralisée dans la sous-rubrique «Navigation» de l onglet «Admin», comme vous pouvez le voir ci-contre Gestion des menus «simples» Nous allons d abord nous intéresser au cas le plus simple, c'està-dire lorsque vous déciderez de n utiliser qu un seul niveau de menu (c est-à-dire de ne pas employer de sous-menus 1 ou 2). Par exemple, dans l image ci-contre, la rubrique «habitat» est un menu «simple» dans la mesure où, en cliquant sur «habitat», on arrive directement sur une page. Dans la plupart des cas, si le contenu de votre site est relativement limité, cette façon de faire sera tout à fait satisfaisante! Pour gérer les menus, cliquez sur «Gestion des menus» dans la rubrique «Navigation» de l onglet «Admin». Les options suivantes s affichent : Pour ajouter un nouveau menu, indiquez un nom puis choisissez sa position dans le menu actuel. Par exemple, si vous désirez ajouter un menu «Nos produits» devant le menu «Tendances», procédez comme ci-dessous : 4

5 2.3. Gestion des sous-menus 1 Vous pouvez également, si nécessaire, rattacher des sous-menus à vos menus simples et réaliser ainsi ce qu on peut appeler un menu déroulant (voir ci-contre). Pour cela, il vous suffit de cliquer sur l onglet «Gestion des sous-menus 1» dans l onglet «Navigation». Comme vous pouvez le voir ci-contre, lorsque vous cliquez sur «Créer!», un nouveau menu «Nos produits» fait son apparition devant le menu «Tendances». A noter que vous pouvez également effacer, renommer ou repositionner un menu. Simple, non? Remarque : si vous cliquez sur la nouvelle rubrique «Nos produits» vous constaterez qu elle ne contient rien d autre qu une indication «page en construction». C est parfaitement normal et nous apprendrons plus tard comme remplir une page, ne vous inquiétez pas! 5

6 L utilisation des sous-menus est pratique pour les sites au contenu important car elle vous permettra de mieux hiérarchiser vos différentes rubriques. A noter que lorsque vous créez un sous-menu, vous devez indiquer à quel menu «parent» vous désirez que ce sous-menu soit rattaché (entouré en rouge sur l image ci-dessous). A noter également qu il n est pas possible pour l instant de choisir l ordre dans lequel les sousmenus apparaissent. Par défaut, ils seront classés par ordre alphabétique. Vous pouvez également supprimer ou renommer n importe quel sous-menu. Dans l exemple ci-contre, vous pouvez voir le résultat lorsqu on ajoute un sous-menu 1 «Alimentaires» au menu simple «Nos produits» Gestion des sous-menus 2 Vous pouvez aller encore plus loin et rattacher des sous-menus à vos sous-menus! Nous appellerons ces «sous-sous-menus» des «sous-menus de niveau 2», pour plus de commodité. La procédure est exactement la même qu avec les sous-menus 1, à savoir que vous devez indiquer le sous-menu de niveau 1 «parent» auquel sera rattaché votre sous-menu de niveau 2. Pour cela, rendez-vous dans «Gestion des sous-menus 2» dans l onglet «Navigation» de la rubrique «Admin». 6

7 Voyez ci-contre le résultat lorsqu on ajoute un sous-menu 2 «Fruits et légumes» au sous-menu 1 «Alimentaires». Facile, non? Vous savez à présent comment construire un menu de navigation élaboré pour classer le contenu des pages de votre site Remarque pour la suppression d un menu Prenez garde lorsque vous supprimez un menu qui contient des sous-menus : toute l arborescence du menu sera également supprimée puisqu ils deviendront de facto inaccessibles! Par exemple, si vous supprimez le menu «Nos produits», le sous-menu de niveau 1 «Alimentaires» et le sous-menu de niveau 2 «Fruits et légumes» seront également supprimés. 3. Création d une nouvelle page Nous allons à présent apprendre comment créer des pages et les rattacher au menus et sousmenus que vous aurez créé Rattacher une page à un menu ou un sous-menu Pour créer une nouvelle page, vous devez sélectionner la rubrique «Ajout d une nouvelle page», dans la rubrique d administration. Une première fenêtre va alors s ouvrir pour vous demander de spécifier dans quelle rubrique de votre menu vous désirez placer cette nouvelle page. Votre nouvelle page ne peut se trouver que dans des menus ou sous-menus «libres». Par «libre», il faut comprendre «qui ne contient pas de sous-menus». En effet, un menu «parent» qui contient des sous-menus ne peut pas contenir de page car il sert uniquement de «rubrique de classement». Ci-contre, pour reprendre notre exemple, le menu «Nos produits» et le sous-menu 1 «Alimentaires» ne sont pas «libres» puisque qu ils servent à classer les éléments. Il est donc impossible d y mettre des pages. Le sous-menu 2 «Fruits et légumes» est par contre libre et vous pouvez y placer une page! 7

8 A noter qu on pourrait également imaginer placer des pages sous le menu «Habitat» ou «Liens» qui sont également libres. Vous pouvez donc placer votre page dans un menu libre, un sous-menu 1 libre ou un sousmenu 2 (ce dernier étant forcément «libre» puisqu il n est pas possible de lui rattacher des sous-menus). Si vous n être pas sûr d avoir tout bien compris, ne vous inquiétez pas, vous ne risquez pas de faire une «bêtise» en choisissant l emplacement de votre page! Vous pouvez en effet vous laisser guider par le programme qui est suffisamment «intelligent» pour faire en sorte que votre page se trouve dans un emplacement correct. Essayons par exemple de placer une page dans notre sous-menu 2 «Fruits et légumes». Cliquons sur «Ajout d une nouvelle page» dans l onglet «Admin». Le programme va d abord nous demander dans quel menu nous désirons ajouter notre nouvelle page : «Fruits et légumes» se trouve dans le menu «Nos produits». Nous devons donc indiquer «Nos produits» comme menu et cliquer sur «Envoyer!». A ce moment, si le programme détecte que votre menu contient des sous-menus de niveau 1 (ce qui est en l occurrence le cas dans notre exemple), il va alors vous demander dans quels sous-menus 1 (rattachés aux menus que vous avez indiqué), vous voulez placer votre page : Dans notre exemple, on spécifie le menu «Alimentaire» comme sous-menu 1 et on clique sur «Envoyer!». 8

9 Le raisonnement est exactement le même pour les sous-menus de niveau 2. En l occurrence, on indique «Fruits et légumes» comme sous-menu de niveau 2 et on clique sur «Envoyer!». Le programme nous invite alors à cliquer sur «Continuer» pour créer finalement la page. Après avoir cliqué sur «Continuer», un message nous indique que notre page a bien été crée et insérée à l emplacement désiré : 3.2. Contenu de la page Après avoir choisi dans quel menu ou sous-menu vous désirez placer votre page, cliquez sur «Créer le contenu de la page». 9

10 Vous pouvez alors indiquer le titre de la page et son contenu : Effacez tout d abord les éléments qui se trouvent déjà dans les champs, ils ne servent qu à indiquer à vos visiteurs que la page était en cours de construction. Ensuite, rien de plus simple, il vous suffit tout de taper le texte que vous désirez dans les champs appropriés! Comme vous pouvez le voir, il est possible de mettre du texte en gras ou en italique, de centrer des paragraphes, de mettre des listes Nous allons à présent passer en revu le «tableau de bord» (entouré en rouge ci-dessus). La première ligne d options est relativement simple et ne nécessite pas d explication particulière. Il vous suffit de sélectionner du texte et de cliquer sur l un de ces boutons pour lui appliquer un traitement particulier (gras, italique, souligné, aligné à droite ) : 10

11 Passons à présent en revue la deuxième ligne d options. Liste simple/liste numérotée : cette option vous permet d ajouter une liste dans votre page. Très pratique pour bien classer votre contenu. Annuler/répéter : cette option vous permet de revenir en arrière si vous avez fait une erreur. Créer un lien : cette option vous permet de créer un lien vers un autre site. Comment faire? C est simple : sélectionnez du texte (votre futur lien) avec la souris, puis cliquez sur l icône en forme de chaîne. Une petite fenêtre va alors s ouvrir et l on va vous demander l URL (l adresse) du lien (voir ci-contre). Vous pouvez également indiquer la «cible», à savoir si vous voulez que votre lien s ouvre dans la fenêtre actuelle ou dans une nouvelle fenêtre. Le «titre» du lien n a pas besoin d être rempli (il n apparaîtra nulle part). Si vous désirez modifier un lien par la suite, place simplement le curseur sur le lien, et cliquer sur l option «créer un lien». Vous pourrez alors éditer ces informations. Supprimer le lien : si vous désirez supprimer un lien, placez simplement le curseur sur le lien, puis cliquer sur l option «supprimer un lien» (la chaîne brisée). Le lien sera supprimé. Introduire une image contextuelle : ce bouton ouvre une fenêtre qui vous permettra d insérer une image contextuelle. L image doit toutefois avoir été au préalable envoyée sur le site. Pour apprendre à utiliser les images contextuelles, rendez-vous au chapitre 6.2 Images contextuelles. A noter que, pour insérer des images sur votre page, vous pouvez aussi utiliser un album photo (c.f. chapitre 4.4 Insérer un album photo). Voir le code HTML : cette partie ne vous intéressera que si vous connaissez le code HTML. En effet, vous pouvez également injecter directement du code HTML si vous en avez besoin. 11

12 La troisième ligne d options se présent ainsi : Ligne de séparation : permet d insérer une ligne pour séparer visuellement plusieurs paragraphes, par exemple. Indice : permet de mettre en indice un texte sélectionné au préalable. Exposant : permet de mettre en exposant un texte sélectionné au préalable. Caractères spéciaux : ouvre une fenêtre vous proposant d insérer un certains nombre de caractères spéciaux. Tableaux : Les tableaux sont très utiles pour organiser le contenu de votre page. Afin d éviter de vous énerver en essayant de les utiliser, lisez bien les explications ci-dessous : Création du tableau Insérer un nouveau tableau : Cliquez sur l icône : demander de renseigner un certain nombre d information :. Une fenêtre va s ouvrir et vous - Colonnes/Lignes : définissez le nombre de colonnes et de lignes que votre tableau devra comporter (vous pourrez en rajouter par la suite). - Espacement dans les cellules : permet d éviter que le texte soit «collé» aux bordures du tableau (une valeur de 2-3 est raisonnable). - Espacement des cellules : défini l espace entre les cellules. - Alignement : alignement de votre tableau par rapport à la page. - Bordure : défini l épaisseur des bordures du tableau. Si vous n indiquez rien (ou 0), les bordures seront invisibles. - Largeur : la largeur du tableau. Pour information, une largeur supérieure à 700 risque de sortir de la page! - Hauteur : n indiquez rien. - Classe : n indiquez rien. - Affichez la légende du tableau : laissez décoché. 12

13 Vous pouvez ignorer l onglet «avancé» au sommet de la fenêtre. Il donne accès à des paramètres secondaires peu importants. Cliquez sur «Insérer» quand vous avez terminé de paramétrer votre tableau. Il apparaîtra alors dans la zone éditable, comme ceci : Vous pouvez commencer à remplir les cases avec du texte. Ne vous inquiétez pas si, quand vous remplissez une case, la taille de celle-ci se modifie en même temps. Cela se produit car vous n avez pas fixé la largeur des cellules. Le programme va donc fixer la taille de celles-ci en fonction de ce qu elles contiennent. Si le résultat ne vous convient pas, vous pouvez fixer vous-même la largeur des cellules comme nous allons le voir plus tard. Editer votre tableau Une fois votre tableau crée, il est tout à fait concevable que vous désiriez l éditer. Par exemple, peut-être désirez-vous le centrer par la suite ou augmenter l épaisseur de la bordure. Pour cela, il faut placer le curseur quelque part dans une cellule du tableau, puis cliquer à nouveau sur l icône :. La fenêtre d édition, que nous avons déjà rencontrée lorsque nous avons créé le tableau, va alors apparaître à nouveau et vous permettre de modifier les paramètres qui vous intéressent. J attire également votre attention sur toutes une série d option qui permettent de modifier la structure de votre tableau rapidement :. Ces outils deviennent utilisables uniquement lorsque votre curseur se trouve sur une cellule d un tableau (si le curseur est en dehors, les icônes sont grisé). Nous allons à présent les passer en revue : Ajout de ligne : Ces deux options vont permettre d ajouter une ligne en dessous ou en dessus de la position actuelle du curseur dans le tableau. Positionnez donc bien le curseur en dessus ou en dessous de l endroit où vous voulez voir apparaître une ligne. Supprimer une ligne : Cette option supprime la ligne sur laquelle se trouve actuellement le curseur. Si vous désirez supprimer le tableau, vous devez utiliser cet outil et cliquer sur l icône jusqu à ce que chaque ligne ait disparue. 13

14 Ajout de colonne : Ces options vont permettre d ajouter une colonne à gauche ou à droite de la position actuelle du curseur dans le tableau. Supprimer une colonne : Cette option supprime la colonne dans laquelle se trouve actuellement le curseur. Editer les propriétés des cellules de votre tableau Deux options vont nous intéresser :. Comme pour toutes les options relatives au tableau, elles ne sont cliquables que si le curseur se trouve quelque part dans un tableau (dans le cas contraire, elles sont grisées). Propriété de la ligne : Cette option vous permet d appliquer certaines propriétés à toute la ligne sur laquelle se trouve actuellement le curseur. En cliquant, vous aller voir apparaître une fenêtre semblable à la fenêtre ci-contre. Seules deux options sont réellement intéressantes dans cette fenêtre (vous n avez pas besoin de toucher le reste) : - Alignement : il s agit de l alignement horizontal des éléments contenu dans les lignes. - Alignement vertical : il s agit de l alignement vertical des éléments contenus dans la ligne. Propriété de la cellule : Cette option vous permet d appliquer certaines propriétés à une cellule particulière sur laquelle doit se trouver le curseur. Trois options nous intéressent : - Alignement : il s agit de l alignement horizontal des éléments contenus dans la cellule. - Alignement vertical : il s agit de l alignement vertical des éléments contenus dans la cellule. - Largeur : permet de fixer la largeur de la cellule. Vous pouvez le faire si vous avez besoin d une largeur spécifique. 14

15 Fusionner /Scinder des cellules Enfin, pour terminer avec les tableaux, vous pouvez également fusionner des cellules grâce à l icône. Pour se faire, sélectionner les cellules à fusionner et cliquer sur cet icône. De la même manière, vous pouvez scinder à nouveau des cellules fusionnées en cliquant sur l icône. Une fois que tout le contenu désiré est entré, cliquez sur «Modifier la page!». Vous pouvez à présent aller voir votre page dans la rubrique où elle a été placée! N oubliez pas que si vous ne cliquez pas sur «Modifier la page!», toutes les modifications que vous avez effectuées seront perdues! 4. Gestion et modification d une page existante 4.1. Considérations générales Pour modifier une page, rendez-vous dans «Modifier les pages» sous la rubrique d administration. Vous verrez alors une liste de toutes les pages de votre site. Pour vous y retrouvez, vous pouvez classer les pages selon différents critères (nom, date de création, type de menus, etc ) avec la commande «Trier par :». Lorsque vous avez repéré la page que vous désirez modifier, plusieurs possibilités s offrent à vous. Nous allons à présent les explorer en détail Editer le contenu d une page Cette rubrique ne nécessite pas beaucoup d explication puisque la procédure est la même que lorsque vous créez une nouvelle page. Le contenu peut donc être travaillé comme nous l avons vu aux chapitres 3.2. Pour modifier le contenu, cliquez simplement sur «Editer le contenu» dans le tableau de la liste des pages : 4.3. Modifier l emplacement d une page Vous pouvez déplacement votre page dans une autre menu ou sous-menu libre de votre site. Pour cela, cliquez sur «l adresse» actuelle de l image dans le tableau (sous «Localisation de la page»), et indiquez une nouvelle adresse dans un menu, un sous-menu 1 ou un sous-menu 2 libre, de la même façon qu au chapitre

16 4.4. Ajouter un album photo Chaque page peut contenir un nombre illimité d images qui seront classées sous forme d album photo, placé sous le texte principal de la page. Ces photos seront visualisables sous forme de miniatures et l utilisateur pourra naviguer aisément entre elles. Pour ajouter une nouvelle photo, toujours dans la liste des pages du site, cliquez sur le nombre d images liées à la page (par défaut, 0 tant que vous n avez rien ajouté sur cette page). Une nouvelle page va alors s ouvrir pour vous proposer d ajouter une image à votre page. Cliquez sous «parcourir» pour indiquer où se trouve l image (sur votre disque dur) à rajouter. Attention, elle ne doit pas faire plus de 2 Mo et le titre de l image ne doit pas dépasser 20 caractères. Si nécessaire, compressez l image avec un programme approprié et changez le nom de l image s il dépasse 20 caractères. A noter que vous ne pouvez insérer que des images de type.jpeg,.gif et.png. Ces formats couvrent toutefois l immense majorité des images. Vous pouvez également mettre un commentaire à votre image. Ce commentaire sera ensuite visualisable par les visiteurs de votre site lorsqu ils rencontreront votre image en naviguant sur le site. 16

17 Lorsque vous ajoutez des images, un aperçu des images apparaît en dessous de la fenêtre d insertion d image. Cette aperçu des images actuellement sur le site vous permet de supprimer une image ou de modifier le contenu du commentaire associé à cette image. Il vous faudra par la suite revenir ici si vous désirez modifier votre album photo. Qu en est-il pour l utilisateur de votre site? Tout simplement, les photos que vous avez rajoutées dans l album sont à présent visualisables sur la page auxquelles elles sont rattachées. Comme vous pouvez le voir en visitant la page concernée, les images sont bien rangées dans un album photo sous le texte principale de la page. L utilisateur peut alors cliquez sur une des images pour l afficher en grand format et naviguer entre les images grâce aux boutons «suivant» et «précèdent». Vous remarquerez qu il est également possible de gérer les albums photos sous «Editer le contenu de la page». La procédure est exactement la même que celle décrite ci-dessus. 17

18 4.5. Ajouter des fichiers téléchargeables En plus des images, vous pouvez rattacher des fichiers de tout type (pdf, doc, zip ) à vos pages. Vos utilisateurs pourront alors les télécharger en un simple clique. La procédure est très proche de l ajout d image. Cliquez simplement sur le nombre de fichiers liés dans la rubrique «fichiers liés» (exactement comme vous l avez fait pour les images). Une fenêtre vous proposera alors d ajouter un fichier sur votre site. Le fonctionnement est très similaire à celui des images : un aperçu des fichiers sur le site sera construit automatiquement sous la fenêtre d ajout des fichiers, au fur et à mesure que vous ajouterez des fichiers, vous permettant ainsi de modifier les commentaires associés aux fichiers ou de supprimer les fichiers. Que verront les utilisateurs de votre site? En fait, comme pour les images, une liste de fichiers téléchargeables apparaîtra sous le contenu textuel de la page à laquelle sont reliés les fichiers. Vos utilisateurs pourront donc les télécharger sans problème Supprimer la page Pour supprimer une page, c est très simple. Cliquez simplement sur «Effacer la page» dans la liste des pages du site. Attention toutefois, le contenu est perdu à jamais! Même les photos et les fichiers liés sont effacés et irrécupérables! 18

19 4.7. Pages multiples Il est possible d affecter plusieurs pages à un même menu ou sous-menu. Autrement dit, il est possible de mettre plusieurs pages au même emplacement. Il sera alors possible de naviguer facilement entre les différentes pages. Un index des pages que vous avez choisies de mettre dans cette rubrique sera même créé automatiquement pour aider vos visiteurs : 4.8. Qu est-ce qu une page orpheline? Une page devient «orpheline» si vous supprimez le menu auquel cette page est rattachée. En effet, sans menu qui pointe sur elle, la page est totalement inaccessible pour le visiteur de votre site Internet! 19

20 Pour éviter que cette situation ne se produise sans que vous vous en rendiez compte, un message vous avertira lorsque vous essayez de supprimer un menu qui contient une ou plusieurs pages. Si vous désirez tout de même supprimer le menu, sachez que les pages associés seront classées en tant qu orpheline dans la colonne «emplacement» de la liste des pages sous la rubrique d administration «Modifier les pages». Vous pourrez alors librement choisir de les réaffecter à un autre menu ou sous-menu. 5. Gestion de l accueil La page d accueil est celle que tous vos visiteurs verront lorsqu ils se connectent sur votre site. Il est judicieux de lui accorder une importance toute particulière. En cliquant sur «Accueil» dans la rubrique d administration, vous pouvez modifier le titre de l accueil (qui apparaît automatiquement en gras) et le contenu du texte sous l accueil. Comme vous pouvez le constatez, vous disposez des mêmes outils pour éditer la page d accueil que n importe quelle autre page du site. Prenez du temps pour créer une page d accueil agréable si vous voulez que les visiteurs aient envie de rester sur votre site. Mettez-la à jour régulièrement si vous voulez qu ils reviennent. 20

21 6. Options avancées 6.1. Design Cette rubrique permet «d habiller» votre site en insérant les images et autres éléments visuels qui composent votre site. En principe, votre site vous sera livré déjà «habillé», à savoir que notre équipe aura développé et installé pour vous tous les éléments visuels nécessaires (bandeau, pied de page ). Vous n aurez donc pas à vous préoccuper du design de votre site, c est pourquoi nous n explorerons pas cette section ici Images contextuelles Généralités Rappelez-vous, au chapitre 3 nous avions vu la possibilité d insérer des images directement dans la page. Il va falloir procéder en deux étapes : 1. Insérer l image dans la base de donnée du site. 2. Indiquer l endroit où vous désirez faire apparaître l image Insertion de l image dans la base de données du site Rendez-vous tout d abord dans la rubrique «Images contextuelles» de l onglet «Options avancées» de la rubrique «Admin». Rendez-vous sous le champ «Ajout d une nouvelle image contextuelle» : Cliquez sur «Parcourir» pour sélectionner l image désirée. Notez que vous ne pouvez pas insérer d image dont le poids est supérieur à 2 Mo. Notez également que vous pouvez spécifier la taille à laquelle vous voulez voir apparaître votre image à l écran. Six tailles sont possibles : 600px, 500px, 400px, 300px, 200px et 100px. Comme est n est pas facile de se représenter à quoi correspondent ces tailles, une échelle a été insérée pour vous permettre de visualiser «grandeur nature» à quoi correspondent ces dimensions. 21

22 Une fois tous les paramètres précisés, cliquez sur «Ajouter!».Comme vous pouvez le voir, votre image apparaitra alors dans la liste des images contextuelles du site, juste en dessous! Vous remarquerez également la présence de l adresse URL de l image. Cette adresse est très importante dans la mesure où c est elle qui nous permettra d insérer l image dans le contenu du site par la suite Mise en place de l image contextuelle Rendez-vous dans l éditeur de page (Admin/modifier les pages/editer le contenu). Placez le curseur à l endroit où vous désirez que votre image contextuelle apparaisse. Ensuite, cliquez sur l icône en forme d arbre indiqué ci-dessous : Une fenêtre va alors s ouvrir, vous demandant d indiquer un certain nombre d information : - URL de l image : vous trouverez cette information tout en bas de la page d édition du contenu. Les 10 dernières images contextuelles rajoutées y sont en effet présentes, avec leur adresse URL respectives. Copier-coller le nécessaire. - Description : il peut être important d entrer une description de l image, bien que celle-ci soit normalement invisible. C est notamment utile car un certain nombre de personne malvoyantes utilisent des appareils spécialement conçus pour lire cette description. - Alignement : il s agit de l alignement de l image par rapport à la page. Il est inutile de toucher le reste (dimensions, bordure, espacement). L image sera automatiquement insérée à l endroit où se trouve le curseur lorsque vous cliquerez sur «insérer». 22

23 Exemple de mise en forme faisant appel à des images contextuelles et des tableaux L utilisation combinée d image contextuelle et de tableau permet de réaliser des compositions intéressantes pour vos sites WEB. Nous allons vous présenter ici la conception d une liste des employés d une entreprise fictive, afin de vous montrer la puissance du procédé. Il ne s agit pas ici de vous expliquer comment faire (vous êtes déjà sensé le savoir), mais de vous montrer les capacités du CMS. Si vous ne maîtrisez par l utilisation des images contextuelles ou des tableaux, reportez-vous donc aux chapitres correspondants. 1) Tout d abord, nous mettons en place un tableau contenant deux colonnes. L une servira à entrer le nom de la personne, l autre une photo de cette personne : Comme vous pouvez le constater, nous avons choisi d utiliser un tableau qui sera invisible pour l utilisateur (bordure = 0). 2) Nous allons ensuite entrer le nom de nos collaborateurs. Vous constaterez que nous avons laissé une colonne vide entre les noms pour que l ensemble soit suffisamment aéré. 23

24 3) Il s agit à présent d insérer les images contextuelles (le portrait des employés), dans la colonne de droite : 4) C est prêt! Il ne reste plus qu à enregistrer les modifications! Voilà le résultat qu un visiteur pourra ensuite voir : 24

25 6.3. Styles CSS (pour les utilisateurs avancés uniquement) Précisons d emblé que cet outil est réservé aux utilisateurs avancés qui désirent aller plus loin et réaliser leurs propres styles CSS pour le site. Si vous ne connaissez pas le code CSS, vous êtes dispensé de lire cette section (et cela ne vous empêchera pas de gérer votre site)! Dans le cas contraire, sachez que vous pouvez créer n importe quel style utilisable dans le contenu de vos pages, mais il n est en aucun cas permis de formater des balises HTML préexistantes, ceci pour garder la cohérence du site. Exemple de style créé : Vous pouvez ensuite appelez le style dans vos page en utilisant un balise <span class= «red»>votre texte</span>, par exemple, et en passant par l insertion direct de code HTML dans la page. 25

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail

Utiliser un modèle d état prédéfini

Utiliser un modèle d état prédéfini Chapitre 8 Etats rapides Certains boutons sont désactivés, en fonction du type de cellule sélectionné. 4 Répétez les étapes 2 et 3 pour chaque bordure à paramétrer. 5 Cliquez sur le bouton OK pour valider

Plus en détail

Félicitations! Vous disposez désormais de votre armoire numérique en ligne.

Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Cette armoire va vous permettre : De mieux classer vos documents De mieux les retrouver De mieux les partager Ce petit guide

Plus en détail

IUT Nice-Côte d Azur Informatique appliquée 2005 2006. TP N o 4. Tableur : affichage et impression

IUT Nice-Côte d Azur Informatique appliquée 2005 2006. TP N o 4. Tableur : affichage et impression 1 IUT Nice-Côte d Azur TC-Nice 1 re année Informatique appliquée 2005 2006 TP N o 4 Tableur : affichage et impression I Options d affichage Les options concernant l affichage dans les feuilles de calcul

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

Leçon N 18 Création d un film photo 1 ère partie

Leçon N 18 Création d un film photo 1 ère partie Leçon N 18 Création d un film photo 1 ère partie Dans ces leçons nous allons vous montrer comment réaliser un petit film avec vos photos. Pour cela vous utiliserez le logiciel gratuit «Photorécit 3» Vous

Plus en détail

Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie

Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie Leçon N 16 Création d un album de photo avec ALBELLI 2 ème partie 2 Préparation Le travail le plus important pour créer un album de photo c est la préparation. 2.1 Choisir les photos. Dans un premier temps

Plus en détail

Com mencer. Quelques étapes rapides sont nécessaires avant de pouvoir commencer à créer un site mobile U.me.

Com mencer. Quelques étapes rapides sont nécessaires avant de pouvoir commencer à créer un site mobile U.me. Commencer 1 - Se créer un compte 3 - Accès à l éditeur L interface U.me Éditer un U.me Prévisualiser votre site web mobile Publier votre site web mobile Contenu général 1- Les boutons a - Intégrer un bouton

Plus en détail

Appareils photo numériques (APN)

Appareils photo numériques (APN) Faststone Appareils photo numériques (APN) Très courants aujourd hui, ces appareils demandent quelques manipulations des photos qu ils produisent. En effet, là où on prenait 4 ou 5 photos avec un appareil

Plus en détail

METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC

METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC Comment est géré votre site internet? JOOMLA est un «système de gestion de contenu» qui vous permettra d administrer votre site internet en toute simplicité. Il

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

Programme d Accès Communautaire / Atelier 6 Microsoft PowerPoint PLAN DE COURS 4. DÉMARRAGE DE POWERPOINT 5 Exercice : Étape 1 5

Programme d Accès Communautaire / Atelier 6 Microsoft PowerPoint PLAN DE COURS 4. DÉMARRAGE DE POWERPOINT 5 Exercice : Étape 1 5 TABLE DES MATIÈRES PLAN DE COURS 4 DÉMARRAGE DE POWERPOINT 5 Exercice : Étape 1 5 INSÉRER UNE ZONE DE TEXTE 5 Exercice : Étape 2 6 MODIFIER LA POLICE D'ÉCRITURE DANS UNE ZONE DE TEXTE 6 Exercice : Étape

Plus en détail

Initiation à Powerpoint

Initiation à Powerpoint Initiation à Powerpoint Powerpoint est un logiciel de PréAO, c est à dire de Présentation Assistée par Ordinateur. Il vous permet de créer et de mettre en page des présentations susceptibles d être projetées

Plus en détail

Impression de documents avec Optymo

Impression de documents avec Optymo Impression de documents avec Optymo Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes en caractères

Plus en détail

«Réussir sa présentation avec PowerPoint»

«Réussir sa présentation avec PowerPoint» «Réussir sa présentation avec PowerPoint» Support de cours Version du 30/09/2007 Eric Giraudin http://sos-communication.weebly.com Page 1 sur 15 :: Règles de base en PreAO (le diaporama du cours est téléchargeable

Plus en détail

Fiches Outil Acces Sommaire

Fiches Outil Acces Sommaire Fiches Outil Acces Sommaire Fiche Outil Access n 1 :... 2 Le vocabulaire d Access... 2 Fiche Outil Access n 2 :... 4 Créer une table dans la base... 4 Fiche Outil Access n 3 :... 6 Saisir et modifier des

Plus en détail

Création et utilisation de la boutique

Création et utilisation de la boutique Création et utilisation de la boutique Ce guide a pour but de présenter l organisation et le fonctionnement de l outil boutique de Sopixi, ainsi que les fonctions de base, nécessaire au bon fonctionnement

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

Guide de prise en main rapide Solutions IR/FP

Guide de prise en main rapide Solutions IR/FP Guide de prise en main rapide Solutions IR/FP Solutions IR/FP est un logiciel de gestion des déclarations fiscales de patrimoine. Il contient un module administrateur, responsable de l affectation des

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I ) Introduction: 1 Présentation : Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs,

Plus en détail

Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5

Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5 Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5 Sommaire Questions fréquentes (Cliquez sur la question pour accéder directement à la réponse.) - Introduction... 3 - Présentation de la barre d outils... 4

Plus en détail

Configuration d une politique de sauvegarde

Configuration d une politique de sauvegarde Configuration d une politique de sauvegarde Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il

Plus en détail

Site de Cours. Procédure pour l utilisation de Site de Cours par le titulaire d un cours

Site de Cours. Procédure pour l utilisation de Site de Cours par le titulaire d un cours Site de Cours Procédure pour l utilisation de Site de Cours par le titulaire d un cours 11/06/2015 Version 6 Service des technologies de l information Table des matières Table des matières... 1 Introduction...

Plus en détail

Ditel NAVigation automatique

Ditel NAVigation automatique NAVIGATION Ditel NAVigation automatique 2 Téléchargement 3 Installation 6 Utilisation 14 Caratères spéciaux 15 Configuration Internet Explorer À Présentation : Ditel Nav est un logiciel de navigation automatique

Plus en détail

Manuel de maintenance

Manuel de maintenance FÉDÉRATION FRANÇAISE DE NATATION. Commission Informatique Fédérale Manuel de maintenance......... des sites satellites INTERNET FFN Version 2.01 15 Novembre 2007 Préambule Ce document a pour but de fixer

Plus en détail

TD N 2 : Excel notions de base

TD N 2 : Excel notions de base TD N 2 : Excel notions de base 1. Introduction Excel est un tableur conçu par Microsoft pour faciliter les créations de tableaux chiffrés avec calculs. Un tableur est un logiciel utilisé pour réaliser

Plus en détail

Un petit tutoriel pour utiliser Wordpress (LeRepaire)

Un petit tutoriel pour utiliser Wordpress (LeRepaire) Un petit tutoriel pour utiliser Wordpress (LeRepaire) I. Pour écrire un article : Il faut déjà avoir un compte qui permette de le faire (ce n est pas un compte par défaut, il faut demander un accès à l

Plus en détail

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES

MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES REGLEMENTAIRES Manuel d utilisation de la base de données des exigences réglementaires Version Page 1 sur 37 MANUEL D UTILISATION DE LA BASE DE DONNEES DES EXIGENCES Diffusion Clients abonnés à la base de données des

Plus en détail

Espace de travail collaboratif Filière économie gestion en LP Moodle

Espace de travail collaboratif Filière économie gestion en LP Moodle Espace de travail collaboratif Filière économie gestion en LP Moodle I- Qu est-ce que Moodle. Connexion à l espace et utilisation. 1 II- Modifier votre profil 2 III-Mode édition 3 IV Ce qu il faut savoir

Plus en détail

Éric Gaul, Dominic Boire 2010-02-02

Éric Gaul, Dominic Boire 2010-02-02 Tutoriel Excel Introduction Adaptation du tutoriel gratuit sur le Web par Éric Gaul et Dominic Boire (voir Médiagraphie). Modifié pour Excel 2007 par François Strasbourg. Terminologie des éléments de l

Plus en détail

EloKanz. Manuel d utilisation. Version 1.0.0 - Copyright c Lionel Fontan 2012

EloKanz. Manuel d utilisation. Version 1.0.0 - Copyright c Lionel Fontan 2012 EloKanz Version 1.0.0 - Copyright c Lionel Fontan 2012 Manuel d utilisation 1 Enregistrer un patient 2 1.1 Sélectionner l entrée micro........................... 2 1.2 Avant l enregistrement.............................

Plus en détail

Guide d utilisation en ligne des outils de Thomas International

Guide d utilisation en ligne des outils de Thomas International Guide d utilisation en ligne des outils de Thomas International Bienvenue sur notre site. Vous trouverez ci-dessous un guide pratique qui vous aidera dans l utilisation de notre site. En un clic, vous

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Guide d utilisateur Services e-bdl

Guide d utilisateur Services e-bdl Guide d utilisateur Services e-bdl Sommaire Présentation du document... 3 Présentation de la plateforme e-bdl... 3 Accès au service e-bdl... 4 Identification... 5 Consultation... 7 1. Consultation de vos

Plus en détail

Site nivillac.fr : procédure de mise à jour du site internet

Site nivillac.fr : procédure de mise à jour du site internet Site nivillac.fr : procédure de mise à jour du site internet Commune de Nivillac tutoriel pour l administration du site internet Page 1 www.efficienceweb.com Sommaire 1. Préambule et prise en main p.3

Plus en détail

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil...

1. Présentation du projet... Page 2. 2. Navigateur... Page 3. 3. Comment utiliser son navigateur. Page 4. 4. Page d accueil... Table des matie res 1. Présentation du projet... Page 2 2. Navigateur... Page 3 2.1. Qu est-ce qu un navigateur? 2.2. Ouvrir son navigateur? 2.2.1. Dans Windows 7, 8, 8.1 et 10 3. Comment utiliser son

Plus en détail

FlukeView Forms Documenting Software

FlukeView Forms Documenting Software FlukeView Forms Documenting Software 5 : Utilisation de FlukeView Forms avec le testeur d installation électrique Fluke 1653 Introduction Ce didacticiel explique comment transférer les données du 1653

Plus en détail

Worldsoft Image Manager 1

Worldsoft Image Manager 1 Worldsoft Image Manager 1 Remarque: Le nouveau gestionnaire d image fonctionne uniquement si le Responsive Design est autorisé >> Vous trouverez cette option dans Administration/Paramètres généraux. Table

Plus en détail

SRAL Saint Raphaël. Maison des associations 213, rue de la Soleillette 83700 Saint Raphaël. : 06 26 56 41 85 - : dromain.jean-pierre@neuf.

SRAL Saint Raphaël. Maison des associations 213, rue de la Soleillette 83700 Saint Raphaël. : 06 26 56 41 85 - : dromain.jean-pierre@neuf. SRAL Saint Raphaël Maison des associations 213, rue de la Soleillette 83700 Saint Raphaël : 06 26 56 41 85 - : dromain.jean-pierre@neuf.fr Document réalisé par Jean Pierre DROMAIN Pour servir de support

Plus en détail

Manuel utilisateur du site IReMus

Manuel utilisateur du site IReMus Manuel utilisateur du site IReMus Adresse du site : http://www.iremus.cnrs.fr CONNEXION AU SITE DU LABORATOIRE... 2 DEMANDER UN MOT DE PASSE... 4 CHANGER DE MOT DE PASSE APRÈS CONNEXION... 6 VOS ACCÈS...

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

Plus en détail

Introduction à Moodle

Introduction à Moodle Introduction à Moodle Lors de cette formation d introduction à la plateforme Moodle, nous expérimentons les outils de base pour ajouter du contenu en ligne, les paramètres, les fonctions de mise en page,

Plus en détail

Cinéma Gaieté. Guide de formation pour la mise à jour du site

Cinéma Gaieté. Guide de formation pour la mise à jour du site Cinéma Gaieté Guide de formation pour la mise à jour du site Table des matières 1 Connexion...3 2 Description du tableau de bord...4 2.1 Partie de gauche (menu)...4 2.2 Partie du haut (menu)...5 2.3 Partie

Plus en détail

Gestion du site Internet via Joomla

Gestion du site Internet via Joomla Gestion du site Internet via Joomla 1. PRESENTATION GENERALE Figure 1 : Page d accueil du site Donko Seko Le site internet est disponible à l adresse http://www.donko-seko.com. Cliquez sur le lien entrer

Plus en détail

Manuel Utilisateur Messagerie

Manuel Utilisateur Messagerie Manuel Utilisateur Messagerie Auteur : Logica Version : 1.3 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Plate-forme de formation Moodle Manuel de l'enseignant

Plate-forme de formation Moodle Manuel de l'enseignant Premiers pas SIME Plate-forme de formation Moodle Manuel de l'enseignant Présentation 3 Vous souhaitez créer un cours sur Moodle. 4 Première inscription sur la plate-forme Moodle 4 Modifier votre profil.

Plus en détail

Organiser et rédiger sa bibliographie avec Zotero

Organiser et rédiger sa bibliographie avec Zotero ATELIER DE FORMATION Organiser et rédiger sa bibliographie avec Zotero 2015-2016 CC BY-NC-ND V e t A g r o S u p B i b l i o t h è q u e v é t é r i n a i r e Table des matières Présentation de Zotero...

Plus en détail

FONDS DES ACCIDENTS DU TRAVAIL CORFLAT II. Manuel d utilisation

FONDS DES ACCIDENTS DU TRAVAIL CORFLAT II. Manuel d utilisation FONDS DES ACCIDENTS DU TRAVAIL CORFLAT II Manuel d utilisation Contents 1 INTRODUCTION 2 2 ACCÈS À L APPLICATION 2 3 MENU 3 4 LISTE DES FLUX SORTANTS 4 4.1 SIGNIFICATION DES COLONNES 4 4.2 ACTIONS POSSIBLES

Plus en détail

Comment créer un site Wordpress? Mode d emploi

Comment créer un site Wordpress? Mode d emploi Comment créer un site Wordpress? Mode d emploi Table des matières 1 Introduction... 3 2 Le chemin à suivre... 3 2.1 Choisir un hébergeur... 3 2.2 Obtenir ou acheter un nom de domaine... 4 2.3 Choisir ou

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Mode d emploi du site Internet «Mediawiki»

Mode d emploi du site Internet «Mediawiki» Mode d emploi du site Internet «Mediawiki» École Libre du Soleil Levant La technologie MediaWiki a été choisie pour sa flexibilité et une simplicité d utilisation ne demandant que de connaître quelques

Plus en détail

Comment écrire un article pour le site HCE?

Comment écrire un article pour le site HCE? Comment écrire un article pour le site HCE? Explication courte Les explications courtes sont les meilleures. Naviguez sur http://www.hce.asso.fr/ecrire/ et laissez-vous guider par les écrans. Explication

Plus en détail

Utilisation de l éditeur.

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

Plus en détail

DÉCOUVRIR POWERPOINT 2010

DÉCOUVRIR POWERPOINT 2010 CHAPITRE 1 DÉCOUVRIR POWERPOINT 2010 Qu est-ce que PowerPoint?... 15 Lancer PowerPoint... 15 Découvrir l interface... 15 Recourir aux aides et aux info-bulles... 22 Modifier les principales options de

Plus en détail

Mode d emploi de l espace professeur

Mode d emploi de l espace professeur édition 2013/2014 Mode d emploi de l espace professeur www.paraschool.com Table des matières 1. Se connecter à Paraschool... page 2 2. Personnaliser son compte professeur (codes et mots de passe)... page

Plus en détail

Dompter l affichage et l impression

Dompter l affichage et l impression 5 Dompter l affichage et l impression Chapitre 5 - Dompter l affichage et l impression Ce nouveau chapitre est consacré aux commandes qui permettent de parfaire l agencement général de vos documents ainsi

Plus en détail

CCPVA. Gestion et description de l interface d'administration de votre site Internet

CCPVA. Gestion et description de l interface d'administration de votre site Internet CCPVA Gestion et description de l interface d'administration de votre site Internet Pierre Sudarovich janvier 2015 Table des matières Description de l interface... 3 Le tableau de bord... 4 Les Articles...

Plus en détail

Site internet UNASACEM

Site internet UNASACEM Site internet UNASACEM Documentation Unasacem GuideWeb - Gérer les activités Correspondants Philippe Labrot Mail philippe-labrot@orange.fr Date de création du document 11/07/2013 Référence Document Unasacem-GuideWeb-Gerer_les_activites

Plus en détail

Guide d utilisation du site «Fine Arts Sélection»

Guide d utilisation du site «Fine Arts Sélection» Guide d utilisation du site «Fine Arts Sélection» 1. ACCES AU SITE ET CHOIX DE LA LANGUE... 1 2. PRESENTATION DE LA PAGE D ACCUEIL... 2 3. LES PAGES PUBLIQUES DU SITE... 3 4. VOTRE ZONE PRIVEE... 5 1.

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

SOMMAIRE. Choisir le sens d impression de la page. Pages 3 et 4 Insérer un tableau. Fusionner des cellules. Orientation du texte

SOMMAIRE. Choisir le sens d impression de la page. Pages 3 et 4 Insérer un tableau. Fusionner des cellules. Orientation du texte Voici quelques fiches conseils pour faire un tableau avec WORD. On peut aussi utiliser une autre méthode qui consiste à dessiner le tableau. Nous l aborderons dans d autres fiches. Page 2 SOMMAIRE Choisir

Plus en détail

Manuel Utilisateur Actualités

Manuel Utilisateur Actualités Manuel Utilisateur Actualités Auteur : Logica Version : 1.14 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Mode d emploi sites associés

Mode d emploi sites associés Mode d emploi sites associés Prise en main Adresse de connexion : www.diocese-annecy.fr/ suivi de votre appellation propre. Ex : www.dioceseannecy.fr/st-françois-de-sales pour la paroisse St François de

Plus en détail

I Open Résa. Sommaire :

I Open Résa. Sommaire : I Open Résa Sommaire : I Open Résa... 1 Définition :... 2 Identification... 3 Création d un nouveau dossier :... 8 Première méthode :... 10 Seconde méthode :... 10 Ajout d éléments à la proposition :...

Plus en détail

TUTORIEL OPEN OFFICE WRITER

TUTORIEL OPEN OFFICE WRITER TUTORIEL OPEN OFFICE WRITER Janvier 2012 Table des matières 1Présentation du logiciel... 3 2Création d'un document... 3 3Format des pages et pied de page... 4 3.1Format des pages... 4 3.2Pied de page...

Plus en détail

LEI FRANCHE-COMTÉ. Gestion des disponibilités et mises à jour des fiches par les prestataires. (Support mis à jour le 30 septembre 2015)

LEI FRANCHE-COMTÉ. Gestion des disponibilités et mises à jour des fiches par les prestataires. (Support mis à jour le 30 septembre 2015) LEI FRANCHE-COMTÉ Gestion des disponibilités et mises à jour des fiches par les prestataires (Support mis à jour le 30 septembre 2015) LEI FRANCHE-COMTÉ : Gestion des disponibilités et MAJ par les prestataires

Plus en détail

Leçon N 5 PICASA 2 ème Partie

Leçon N 5 PICASA 2 ème Partie Leçon N 5 PICASA 2 ème Partie Après avoir vu ou revu la présentation de PICASA 3, vous allez dans cette leçon voir comment gérer vos photos avec ce logiciel. 1 Récupérer les photos de votre appareil numérique

Plus en détail

Maîtriser les premières bases de la technologie informatique.

Maîtriser les premières bases de la technologie informatique. 1 Maîtriser les premières bases de la technologie informatique. Rappel du texte de référence : Notions techniques liées aux items de ce domaine : L élève doit être capable: d utiliser à bon escient le

Plus en détail

PLAN DE COURS 5 DEMARRER L ORDINATEUR 6 LES COMPOSANTES DU BUREAU 6 LES COMPOSANTES D UNE FENÊTRE COURANTE 8 OUVRIR ET FERMER UNE APPLICATION 10

PLAN DE COURS 5 DEMARRER L ORDINATEUR 6 LES COMPOSANTES DU BUREAU 6 LES COMPOSANTES D UNE FENÊTRE COURANTE 8 OUVRIR ET FERMER UNE APPLICATION 10 TABLE DES MATIÈRES PLAN DE COURS 5 DEMARRER L ORDINATEUR 6 LES COMPOSANTES DU BUREAU 6 LE BUREAU 6 LA BARRE DES TÂCHES 7 LES ICÔNES 7 Le poste de travail 7 La corbeille 7 Le bouton «Démarrer» 7 L icône

Plus en détail

La gestion du contenu

La gestion du contenu Page 1 La gestion du contenu Kiubi intègre les meilleures fonctionnalités de gestion de contenus. Il est ainsi très facile d'ajouter des pages, de les organiser en menus et d'ajouter des contenus, aussi

Plus en détail

Traitement de texte En Utilisant Microsoft Office Word 2010

Traitement de texte En Utilisant Microsoft Office Word 2010 Traitement de texte En Utilisant Microsoft Office Word 2010 Table des matières Brevet De Responsabilité... VI Introduction... IX 1. UTILISATION DE L APPLICATION DE TRAITEMENT DE TEXTE... 1 1.1. Travailler

Plus en détail

CONNECT. Mode d emploi. ios

CONNECT. Mode d emploi. ios CONNECT Mode d emploi ios fr Table des matières 1 Qu est-ce que JURA Connect?... 3 2 Premiers pas...4 3 Smartphones/tablettes compatibles... 5 4 Assistant de configuration...6 Bienvenue dans l assistant

Plus en détail

Prise en main ProConcept ERP. Version 11.1 Web

Prise en main ProConcept ERP. Version 11.1 Web Prise en main ProConcept ERP Version 11.1 Web Version du 08.10.2015 Table des matières 1. Lancement de ProConcept Web ERP 11.1... 4 1.1. Définir la page ProConcept ERP comme page de démarrage... 5 1.2.

Plus en détail

CAPTURE DES PROFESSIONNELS

CAPTURE DES PROFESSIONNELS CAPTURE DES PROFESSIONNELS CAPTURE DES PROFESSIONNELS 2 Téléchargement 3 Installation 8 Prise en main rapide 10 Lancement Recherche 14 Gestion des fichiers 23 Compare et Sépare 25 Fichiers annexes 27 Le

Plus en détail

Guide utilisateur INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES

Guide utilisateur INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES INFORMATION PUBLIC EN LIGNE MON GUIDE DES DROITS ET DEMARCHES Sommaire Mon Guide des Démarches Administratives Préambule... 3 Qu est-ce que «Mon guide des démarches administratives»?... 3 Pré-requis...

Plus en détail

Introduction à Wix. Version 1.0. http://www.wix.com 01/10/2015. Thomas Soumagne

Introduction à Wix. Version 1.0. http://www.wix.com 01/10/2015. Thomas Soumagne Introduction à Wix Version 1.0 http://www.wix.com 01/10/2015 Thomas Soumagne Table des matières Ecran accueil... 3 Créer un site... 3 Modifier un site... 4 Le menu principal... 5 Ajouter une page... 6

Plus en détail

DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES

DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES DATA.DREES MANUEL DÉTAILLÉ DES CUBES DE DONNEES LES FONCTIONNALITÉS PROPOSÉES CONSULTER, MANIPULER ET CONSERVER DES CUBES DE DONNÉES EN LIGNE Ce document est destiné à vous présenter le fonctionnement

Plus en détail

Manuel d aide pour les logiciels Cat s Family

Manuel d aide pour les logiciels Cat s Family Manuel d aide pour les logiciels Cat s Family 1) Installation du logiciel... 2 2) Première connexion... 5 4) Page principale... 13 5) L administrateur... 15 a) Ajouter un administrateur... 15 b) Modifier

Plus en détail

Pour commencer, ouvrir PowerPoint (PPT)

Pour commencer, ouvrir PowerPoint (PPT) Microsoft PowerPoint est un logiciel de présentation édité par Microsoft. Il est essentiellement destiné à préparer des conférences ou des exposés, à montrer des projets ou des bilans, ou encore à vendre

Plus en détail

Conseils pour mettre en forme un rapport avec LibreOffice Texte (Writer). Sommaire, pagination, note de bas de page.

Conseils pour mettre en forme un rapport avec LibreOffice Texte (Writer). Sommaire, pagination, note de bas de page. Conseils pour mettre en forme un rapport avec LibreOffice Texte (Writer). Sommaire, pagination, note de bas de page À partir de LO 5 Table des matières 1 Introduction...2 2 Création de la page de garde

Plus en détail

Une icône est la représentation graphique d un programme ou de façon générale d un élément sous Windows.

Une icône est la représentation graphique d un programme ou de façon générale d un élément sous Windows. INITIATION A WINDOWS VOUS ALLEZ APPRENDRE DANS CETTE LEÇON LES BASES DE WINDOWS (LE SYSTEME DE FENETRES, LES FICHIERS, LES DOSSIERS, L EXPLORATEUR) QU EST-CE QUE WINDOWS? Windows est un logiciel (c'est-à-dire

Plus en détail

INSTRUCTION MINI-PAGE

INSTRUCTION MINI-PAGE INSTRUCTION MINI-PAGE Bahnstrasse 1 Tel.: 0041 (0)44 504 26 00 Fax: 0041 (0)44 504 26 01 E-Mail: support@webagentur.ch Avez-vous des questions ou besoin d aide? Notre équipe technique se tient à votre

Plus en détail

Confection d un pêle-mêle de photos pour une carte de fin d année

Confection d un pêle-mêle de photos pour une carte de fin d année 1) Création du fond de la carte a. Ouvrir le programme Photofiltre b. Cliquer sur la première icône de la barre des commandes (Ouvrir) Il faut que l image soit très grande pour permettre d accueillir les

Plus en détail

MSS Engineering CH - UK - DK

MSS Engineering CH - UK - DK MSS Engineering CH - UK - DK I N T R A N E T Un Intranet incluant l Organigramme complet de l Engineering, des produits et deux forums. L un pour les discussions techniques en lien direct avec les produits

Plus en détail

Répertoire adresses sous Excel

Répertoire adresses sous Excel I. Première feuille : la liste des membres 1) Créer les titres de colonnes a. Saisir : i. En B1 Civilité ii. En C1 Nom iii. En D1 Prénom iv. En E1 Numéro et rue v. En F1 Lieu-dit vi. En G1 Code postal

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

Atelier d initiation. Initiation au traitement de texte

Atelier d initiation. Initiation au traitement de texte Atelier d initiation Initiation au traitement de texte 1 Contenu de l atelier Qu est-ce qu un traitement de texte?... 1 Ouverture de Word... 1 Ouverture du traitement de texte... 1 Fermeture du traitement

Plus en détail

Qu est-ce que Mailworks?

Qu est-ce que Mailworks? Qu est-ce que Mailworks? Mailworks est un programme en ligne qui permet de créer et d envoyer rapidement et en toute simplicité des lettres d'information professionnelles. Pour ce faire, vous ne devez

Plus en détail

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION

TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION Rappel : Pour l instant, le site fonctionne bien sur tous les navigateurs (Google chrome, Mozilla Firefox, Safari...) sauf

Plus en détail

Pour ouvrir la fenêtre Structure territoriale: 1. A partir du menu Saisie de données, sélectionner Zones de structure

Pour ouvrir la fenêtre Structure territoriale: 1. A partir du menu Saisie de données, sélectionner Zones de structure Les noms de structure territoriale qui s affichent dans la fenêtre Structure territoriale de la fenêtre Navigation IMSMA sont créés via la fenêtre Structure territoriale. Pour ouvrir la fenêtre Structure

Plus en détail

Mode d'emploi site web ghb.fr

Mode d'emploi site web ghb.fr Mode d'emploi site web ghb.fr Menu de l'interface d'administration Gestion contenus: vous permet d'éditer et de créer des pages ainsi que des post-it Gestion blocs: Le site est défini en 3 zones menu,

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

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE Ce chapitre présente les fonctionnalités permettant de réaliser un document structuré à l aide de Word97. Prérequis : Connaître les fonctions de

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

1 Documentation FastSite. Documentation FastSite

1 Documentation FastSite. Documentation FastSite 1 Documentation FastSite Documentation FastSite 2 Documentation FastSite Sommaire A propos... 3 Les prestations de la plateforme... 3 Les informations pré-requises... 4 Le fonctionnement... 6 Les langues...

Plus en détail