ITS WebManager Mode d emploi pour l utilisateur du CMS

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

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

Tutoriel. Votre site web en 30 minutes

Tutoriel. Votre site web en 30 minutes Tutoriel Votre site web en 30 minutes But du tutoriel Nous allons vous présenter comment réaliser rapidement votre site avec Web Creator Pro 6 en vous basant sur l utilisation des modèles fournis avec

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, 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

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose

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

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Tutoriel d utilisation du Back-Office du site de la ligue

Tutoriel d utilisation du Back-Office du site de la ligue Tutoriel d utilisation du Back-Office du site de la ligue Sommaire 1) Accès au back office 2) Espace de gestion 3) Menu «Administration» 4) Menu «Publications» 5) Menu «Widgets» 6) Menu «Newsletters» 7)

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

NAVIGATION SUR INTERNET EXPLORER

NAVIGATION SUR INTERNET EXPLORER Centres d accès communautaire Internet des Îles NAVIGATION SUR INTERNET EXPLORER Table des matières Introduction 1- Les barres d outils 1.1 La barre d adresse 2 5 min. 1.2. Les boutons de navigation 2

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5

SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale

Plus en détail

INTRODUCTION AU CMS MODX

INTRODUCTION AU CMS MODX INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de

Plus en détail

Leçon N 5 PICASA Généralités

Leçon N 5 PICASA Généralités Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation

Plus en détail

Notice d'utilisation Site Internet administrable à distance

Notice d'utilisation Site Internet administrable à distance Notice d'utilisation Site Internet administrable à distance 1. Entrer dans l'espace d'administration Pour entrer dans l'espace d'administration, cliquez sur le lien nommé «administration» ou «Connexion»

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Manuel d utilisation du site web de l ONRN

Manuel d utilisation du site web de l ONRN Manuel d utilisation du site web de l ONRN Introduction Le but premier de ce document est d expliquer comment contribuer sur le site ONRN. Le site ONRN est un site dont le contenu est géré par un outil

Plus en détail

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

Plus en détail

Création d un site web avec Nvu

Création d un site web avec Nvu Création d un site web avec Nvu sources principales d'informations: http://www.framasoft.net/article2656.html http://info.sio2.be/nvu/index.php http://www.anseladams.com Pensez à sauvegarder fréquemment

Plus en détail

www.imprimermonlivre.com

www.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étail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Prise en main rapide

Prise en main rapide Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un

Plus en détail

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

Les différentes étapes à suivre pour la création d un feuillet

Les différentes étapes à suivre pour la création d un feuillet Les différentes étapes à suivre pour la création d un feuillet Bonjour, L outil de gestion des feuillets permet de manière simple et rapide de gérer à moindre coût votre communication et vos impressions

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

Plus en détail

Introduction :... 3. L accès à Estra et à votre propre espace... 4. Connexion... 4. Votre espace personnel... 5

Introduction :... 3. L accès à Estra et à votre propre espace... 4. Connexion... 4. Votre espace personnel... 5 ESTRA SOMMAIRE Introduction :... 3 L accès à Estra et à votre propre espace... 4 Connexion... 4 Votre espace personnel... 5 Home d Estra et Fonctions generales... 7 Home... 7 Rechercher un document...

Plus en détail

Publier dans la Base Documentaire

Publier 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étail

FICHIERS ET DOSSIERS

FICHIERS 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étail

Débuter avec Excel. Excel 2007-2010

Débuter avec Excel. Excel 2007-2010 Débuter avec Excel Excel 2007-2010 Fabienne ROUX Conseils & Formation 10/04/2010 TABLE DES MATIÈRES LE RUBAN 4 LE CLASSEUR 4 RENOMMER LES FEUILLES DU CLASSEUR 4 SUPPRIMER DES FEUILLES D UN CLASSEUR 4 AJOUTER

Plus en détail

et de la feuille de styles.

et de la feuille de styles. Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04

Plus en détail

Cours Excel : les bases (bases, texte)

Cours 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étail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

Introduction à Expression Web 2

Introduction à 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étail

Guide d usage pour Word 2007

Guide d usage pour Word 2007 Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d

Plus en détail

Styler un document sous OpenOffice 4.0

Styler un document sous OpenOffice 4.0 Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

Manuel de mise en page de l intérieur de votre ouvrage Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est

Plus en détail

Guide 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 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étail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE 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étail

Facebook. Pour une organisation ou une entreprise!

Facebook. Pour une organisation ou une entreprise! Facebook Pour une organisation ou une entreprise! Réalisé en mars 2010 Révisé en décembre 2010 Par : Sultana Ahamed, Isabelle Leblanc et Joline LeBlanc Qu est-ce que Facebook? Facebook est un réseau social

Plus en détail

ContactForm 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. 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étail

GUIDE DE DEMARRAGE RAPIDE:

GUIDE DE DEMARRAGE RAPIDE: GUIDE DE DEMARRAGE RAPIDE: COMMENT CREER VOTRE BOUTIQUE EN LIGNE Vous voulez créer votre propre boutique en ligne? C est désormais plus simple que jamais. Suivez simplement les instructions de ce guide

Plus en détail

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog : http://formationlaragne.blogspot.fr/ Tutoriel BLOGGER Blogger est un outil Google gratuit de publication de blogs qui permet de partager du texte, des photos et des vidéos. C est un outil simple, bénéficiant du référencement de Google, ce

Plus en détail

Universalis 2013. Guide d installation. Sommaire

Universalis 2013. Guide d installation. Sommaire Guide d installation Universalis 2013 Nous vous recommandons de lire ce document avant de commencer l installation d UNIVERSALIS 2013 sur Windows. Vous y trouverez la description de la procédure d installation,

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Guide d installation UNIVERSALIS 2014

Guide d installation UNIVERSALIS 2014 Guide d installation UNIVERSALIS 2014 (Windows) Nous vous recommandons de lire ce document avant de commencer l installation d UNIVERSALIS 2014 sur Windows. Vous y trouverez la description de la procédure

Plus en détail

Manuel : Comment faire sa newsletter

Manuel : Comment faire sa newsletter Manuel : Comment faire sa newsletter Adresse : www.yestravel.be/acymailing Se connecter - Login (identifiant) = l adresse mail - Mot de Passe = mot de passe qui vous a été donné par. Cliquer sur [connexion]

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Tutoriel PrestaBox n 3 Catégorie : Référencement Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Pour vous aider dans la mise en place et la gestion de

Plus en détail

Publier un Carnet Blanc

Publier 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étail

Guide d utilisation des services My Office

Guide d utilisation des services My Office Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 bij@agasc.fr www.agasc.fr. Word: Les tableaux.

AGASC / 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étail

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour

Plus en détail

claroline classroom online

claroline classroom online de la plate-forme libre d'apprentissage en ligne Claroline 1.4 Manuel Révision du manuel: 06/2003 Créé le 07/09/2003 12:02 Page 1 Table des matières 1) INTRODUCTION...3 2) AFFICHER LA PAGE DE DEMARRAGE...3

Plus en détail

Atelier Découverte de Windows. janvier 2012

Atelier Découverte de Windows. janvier 2012 Découverte du poste de travail de Windows Création et organisation des dossiers Enregistrer un fichier (ou document) Renommer, copier, supprimer, un fichier (ou un dossier) Copier ou sauvegarder sur une

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > 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étail

Chapitre 2 Créer son site et ses pages avec Google Site

Chapitre 2 Créer son site et ses pages avec Google Site Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail

Plus en détail

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

Plus en détail

PRISE EN MAIN D ILLUSTRATOR

PRISE EN MAIN D ILLUSTRATOR CHAPITRE 1 PRISE EN MAIN D ILLUSTRATOR Présentation... 13 Contenu du livre... 13 Les nouveautés... 14 Composants de l interface... 15 Afficher les documents... 20 Organiser son espace de travail... 21

Plus en détail

Trucs et Astuces Outlook 2010 SIFA Faculté d Administration

Trucs et Astuces Outlook 2010 SIFA Faculté d Administration Trucs et Astuces Outlook 2010 SIFA Faculté d Administration Historique des révisions Date Version Description Auteur 2012-08-10 1.0 Version préliminaire 2012-11-09 1.2 Ajout d information Références :

Plus en détail

Comment utiliser WordPress»

Comment utiliser WordPress» Comment utiliser WordPress» Comment utiliser WordPress» Table des matières» Table des matières Guide de démarrage rapide»... 2 Tableau de bord de WordPress»... 3 Rédiger un article»... 3 Modifier l article»...

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide Comment démarrer rapidement votre Box e-commerce. Guide de démarrage rapide Autres supports : Vidéos démos disponibles sur le portail. Contactez notre service client : 0 969 366 636 Guide de démarrage

Plus en détail

Créer son site internet avec Jimdo. Web business

Créer son site internet avec Jimdo. Web business Créer son site internet avec Jimdo Web business Créer vous-même votre site internet avec Jimdo. En quelques clics, vous pourrez créer gratuitement un site dédié à votre activité et donnez de la visibilité

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr

Manuel d utilisation de la messagerie. http://zimbra.enpc.fr Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...

Plus en détail

Créer sa première base de données Access Partie 3/4 - Création d un formulaire

Créer sa première base de données Access Partie 3/4 - Création d un formulaire - le 12/02/2013 Créer sa première base de données Access Partie 3/4 - Création d un formulaire Ce tutoriel est la suite de l article sur la création d une table et l article sur la création d une requête.

Plus en détail

Disque Dur Internet «Découverte» Guide d utilisation du service

Disque Dur Internet «Découverte» Guide d utilisation du service Disque Dur Internet «Découverte» Guide d utilisation du service janvier 05 Disque Dur Internet - Guide d utilisation du service 1 SOMMAIRE 1 A QUOI SERT LE SERVICE DE STOKAGE COLLABORATIF?... 3 1.1 L accès

Plus en détail

Tutoriel de démarrage rapide destiné aux EDITEURS

Tutoriel de démarrage rapide destiné aux EDITEURS Tutoriel de démarrage rapide destiné aux EDITEURS 2007 Joseph Beeson josephbeeson@gmail.com Sous une licence Creative Commons : Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales.

Plus en détail

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014 Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire

Plus en détail

Créer un site Internet dynamique

Cré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étail

Campagnes d e-mailings v.1.6

Campagnes d e-mailings v.1.6 Campagnes d e-mailings v.1.6 Sommaire Objet Page I Préparation de la campagne 3 I 1 / Le compte de messagerie pour l envoi des emails 3 I 2 / Configurer le modèle de l email 4 I 3 / La préparation des

Plus en détail

Swisscom Webmail - mode d emploi

Swisscom Webmail - mode d emploi Swisscom Webmail - mode d emploi Introduction Login Sélectionnez l onglet «E-mail + SMS». Vous êtes invité à vous connecter si vous ne l avez pas encore fait. Déconnexion Afin de vous déconnecter correctement

Plus en détail

GUIDE Excel (version débutante) Version 2013

GUIDE Excel (version débutante) Version 2013 Table des matières GUIDE Excel (version débutante) Version 2013 1. Créer un nouveau document Excel... 3 2. Modifier un document Excel... 3 3. La fenêtre Excel... 4 4. Les rubans... 4 5. Saisir du texte

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

Infolettre #18 : Les graphiques avec Excel 2010

Infolettre #18 : Les graphiques avec Excel 2010 Infolettre #18 : Les graphiques avec Excel 2010 Table des matières Introduction... 1 Hourra! Le retour du double-clic... 1 Modifier le graphique... 4 Onglet Création... 4 L onglet Disposition... 7 Onglet

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque

Plus en détail

Concevoir son premier espace de cours sur la plateforme pédagogique Moodle

Concevoir son premier espace de cours sur la plateforme pédagogique Moodle Concevoir son premier espace de cours sur la plateforme pédagogique Moodle Formation URFIST 19 mars 2013 Formatrice : Florie Brangé Description de la formation Nom : Concevoir son premier espace de cours

Plus en détail

Utilisation avancée de SugarCRM Version Professional 6.5

Utilisation avancée de SugarCRM Version Professional 6.5 Utilisation avancée de SugarCRM Version Professional 6.5 Document : Utilisation_avancee_SugarCRM_6-5.docx Page : 1 / 32 Sommaire Préambule... 3 I. Les rapports... 4 1. Les principes du générateur de rapports...

Plus en détail

Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1

Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1 Service des ressources informatiques - Conseil Scolaire de District Catholique Centre-Sud Page 1 Table des matières 1. Accéder au gestionnaire de notes... 3 2. Sélectionner une classe... 4 3. Première

Plus en détail

GESTION 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. 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étail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Designer d escalier GUIDE DE L UTILISATEUR. Stair Designer-1

Designer d escalier GUIDE DE L UTILISATEUR. Stair Designer-1 Designer d escalier GUIDE DE L UTILISATEUR Stair Designer-1 Stair Designer-2 Designer d escalier Le Designer d escalier rend facile la réalisation et la mise en place d escaliers sur mesure dans votre

Plus en détail

iweb Premiers contacts Découvrez iweb et apprenez à créer votre site web.

iweb Premiers contacts Découvrez iweb et apprenez à créer votre site web. iweb Premiers contacts Découvrez iweb et apprenez à créer votre site web. 1 Table des matières Chapitre 1 3 Bienvenue dans iweb 3 À propos d iweb 3 Contenu 4 Avant de commencer 4 Éléments nécessaires 4

Plus en détail

Navigation dans Windows

Navigation 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étail

Utilisation de la Plateforme Office365 et d Oultlook Web App

Utilisation de la Plateforme Office365 et d Oultlook Web App Utilisation de la Plateforme Office365 et d Oultlook Web App 1. Sommaire 1. Sommaire... 1 2. Accéder à la messagerie Office 365 en passant par Internet... 2 3. La boîte de réception... 4 3.1. Présentation

Plus en détail

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4

Plus en détail