145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

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

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

Transcription

1 Guide de l utilisateur CMS 1 Navigation dans le CMS Menu principal Modules tableau Modules formulaire Navigation dans le site Web en mode édition Utilisation de l éditeur de texte HTML Fonctionnalités générales Plein écran Copier-coller Nettoyage du code Clic droit (menu contextuel) Mode HTML Aide Texte et mise en page Liens hypertextes Photos Téléverser (upload) Redimensionner Insérer et modifier Fichiers téléchargeables Intégration (YouTube, Google Maps et Facebook) Médias (vidéo et audio) Tableau, styles et modèles Quelques modules Nouvelles Album photos Utilisateurs Exemples de modules possibles A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

2 1 Navigation dans le CMS Pour accéder au système de gestion de contenu de votre site Web, ou en anglais content management system (CMS), il vous suffit d aller sur votre site Web et d ajouter «/cms» à votre domaine (ex. : Cela vous mènera à la page d authentification. Entrez y le nom d utilisateur et le mot de passe qui vous ont été fournis. Vous pouvez revenir au site Web en cliquant sur le lien sous la boîte d authentification. Une fois correctement identifié, vous serez redirigé vers le menu principal. Notez qu il est important de quitter le CMS avec le bouton Quitter en haut à droite, une fois vos activités de modification complétées. C est une question de sécurité physique sur votre poste de travail. 1.1 Menu principal Le menu principal variera d un site Web à l autre selon les modules utilisés par le site. Les modules sont des tableaux servant à la gestion (ajout, modification, suppression) des différentes données du site Web. Vous verrez en détail les modules dans les sections 1.2, 1. 3 et 3. Pour la navigation dans le menu principal, il vous suffit de choisir le module dans lequel vous voulez faire des changements ou encore d utiliser la fonction Modification des pages, qui vous permettra de modifier les contenus des différentes pages de votre site Web en naviguant sur celui ci (voir la section 1.4 pour plus de détails). 145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais :

3 Notez la présence du bouton modifications complétées. Quitter en haut à droite; il est important de l utiliser une fois vos 1.2 Modules tableau Tous les modules du CMS ont la même interface de navigation. Les colonnes du tableau et les possibilités de fonctionnalités varient selon les besoinss de chaque module. Observez la disposition des éléments dans l image suivante. En premier lieu, remarquez, en haut à droite, le bouton de retour au menu principal. Encore en haut à droite, se trouve le bouton pour quitter le CMS n importe quellee interface sans problème.. Vous pouvez le faire de Ensuite, sous cette ligne bleue, à droite, se trouve un sous menu, qui contient quelques liens que l on trouve aussi dans le menu principal. Ce sous menu varie en fonction du module en cours. Au dessumodule. En dessous du titre, à droite, se trouvent des outils du tableau de données, se trouve le titre du de tri et de recherche. Notez que ce n est pas tous les 3

4 modules qui ont ces outils. Pour le filtre de tri, il suffit de sélectionner une valeur dans la liste déroulante pour que le tableau n affiche plus que des lignes ayant cette propriété. Dans l image d exemple, on voit le filtre de tri avec la colonne «Type» du tableau. Pour ce qui est de la recherche, il suffit d entrer une série de caractères et de cliquer sur les jumelles. La recherche sera lancée dans la ou les colonnes spécifiées devant la zone de texte de la recherche. Dans l image d exemple, la recherche se fera dans la colonne «Titre» (Titre :). Le tableau présente chacune des lignes d enregistrement contenues dans la base de données. Les colonnes avec des titres représentent les champs du formulaire, mais ce ne sont pas nécessairement tous les champs du formulaire que l on voit dans le tableau. Avec le filtre, la recherche et la pagination dans le bas du tableau, vous pouvez naviguer dans celui ci et trouver l enregistrement pour lequel vous voulez faire des modifications. Les colonnes peuvent être de différents types : texte, date, image, «Oui/Non», «Mémo». Pour les «Oui/Non» qui sont des cases à cocher dans le formulaire, le «Oui» (cocher) est représenté par et le «Non» (décocher), par. Ce sont les mêmes icônes pour les colonnes «Mémo», qui sont des éditeurs de texte HTML; le crochet indique qu on a entré du contenu dans l éditeur. Pour modifier un enregistrement (une ligne), il suffit de cliquer sur le crayon au bout à droite de la ligne. Cela mènera au formulaire de modification rempli avec les données de l enregistrement sélectionné (pour plus de détails sur le formulaire de modification, voir la section 1.3). Pour supprimer un enregistrement (une ligne), il suffit de cliquer sur le au bout à droite de la ligne désirée et de confirmer. Notez que cet enregistrement ne pourra plus être récupéré. Pour ajouter un enregistrement, il suffit de cliquer sur Ajouter en bas à gauche du tableau. Cela vous mènera au formulaire d ajout, qui sera vide et prêt à être rempli (pour plus de détails sur le formulaire d ajout, voir la section 1.3). Pour changer l ordre de tri des enregistrements, cliquez sur Ordre en bas à gauche du tableau. Cela mènera à un tableau avec les titres des enregistrements. Il suffit de les ordonner selon vos désirs en les sélectionnant avec la souris et en les déplaçant avec les flèches vertes, vers le haut ou le bas. Une fois vos manipulations complétées, enregistrer avec Enregistrer en bas. Notez que vous pouvez sélectionner plusieurs lignes à la fois et les déplacer en bloc. Vous pouvez également annuler avec Annuler pour revenir en arrière. Lorsqu il y a plusieurs enregistrements dans le tableau, vous aurez peut être besoin de la pagination pour pouvoir tous les consulter. La pagination se trouve dans le pied de page du tableau. La partie de gauche indique le nombre d enregistrements visibles sur le total. La partie de droite 4

5 permet de naviguer entre les différentes pages du tableau. 1.3 Modules formulaire Voici un exemple de formulaire en mode modification. Dans ce cas, c est un module de nouvelles. Notez que le formulaire d ajout est identique, mais vide d information. Dans le formulaire, on trouve plusieurs types de champs. Voici quelques précisions pour quelques uns d entre eux. 5

6 Le champ Date est accompagné d un calendrier de sélection. Vous pouvez ainsi sélectionner la date voulue dans le calendrier. Vous pouvez également écrire manuellement la date, mais important de le faire dans le bon format, soit année mois jour (ex. : ). il est très Pour les champs Photo et Fichier, vous aurez une zone de texte avec un bouton Parcourir... Il vous suffit de cliquer sur ce bouton; la fenêtre qui apparaîtra vous permettra de parcourir votre ordinateur pour sélectionner l image ou le fichier que vous désirez lier à cet enregistrement. Si vous êtes en mode modification et qu il y avait déjà une image ou un fichier d inséré, alors vous aurez la possibilité de le retirer avec la case à cocher Effacer l image (ou le fichier). Vous avez également la possibilité de le remplacer avec le bouton Parcourir Pour les champs d édition de texte HTML, un outil très complet et simple d utilisation vous permet toutes les possibilités d ajout et de modification des contenus Web. Pour plus de détails sur cet outil, consultez la section 2. Une fois vos modifications ou ajouts complétés, enregistrez avec Enregistrer en bas. Vous pouvez également annuler avec Annuler pour revenir au tableau des enregistrements. 1.4 Navigation dans le site Web en mode édition Avec le lien du menu principal (ou des sous menus) Modification des pages, vous serez redirigé vers le site Web en mode modification. Vous pouvez alors modifier le contenu de toutes vos pages en naviguant normalement dans votre site Web. 6

7 En tout temps, vous pouvez revenir au CMS avec le bouton au dessus de l éditeur de texte HTML. Retourner au menu principal, qui est Une fois vos modifications effectuées, sauvegardez les avec le bouton directement en bas de l éditeur de texte HTML, Enregistrer. Si vous n enregistrez pas, aucune modification ne sera sauvegardée. Donc, pour annuler les modifications d une page non sauvegardée, changez simplement de page. Vous pouvez visualiser vos modifications sans qu elles ne soient sauvegardées avec le bouton du bas Prévisionner. Une autre fenêtre s ouvrira sur la page en cours, avec les modifications qui viennent d être faites en mode normal (non édition). Cela permet de voir le résultat avec les styles du site Web appliqués. Si votre navigateur vous demande une confirmation pour ouvrir la fenêtre, sélectionnez Toujours autoriser pour ce site. 2 Utilisation de l éditeur de texte HTML 2.1 Fonctionnalités générales Voici un aperçu des boutons des fonctionnalités de l éditeur de texte HTML. Dans la présente section, nous décrirons certaines de ses fonctionnalités les plus utiles. Notez que les autres sont toutes fonctionnelles; nous vous invitons à placer votre curseur sur le bouton ou à utiliser l aide pour avoir de l information sur ces boutons et les essayer Plein écran Il est beaucoup plus facile et agréable de travailler dans l éditeur de textee HTML en mode plein écran. Utilisez le bouton (ou la touche F12) mode plein écran, réalisez vos travaux. Pour sauvegarder, par exemple), cliquez de nouveau sur le bouton pour passer en mode plein écran. Une fois en revenir à l interface standard (pour pouvoir (ou appuyez sur F12). Copier-coller La fonction copier coller d un document Microsoft Word, par exemple, est une opération que l on a souvent à faire pour la publication en ligne d information. Il faut savoir que l éditeur de texte HTML présente l information de façon semblable à un document Word, mais génère en fait du code HTML, qui est le code permettant d afficher du texte dans les navigateurs internet. Lorsque l on fait un copier coller d un document de type Word ou d une page HTML de n importe quel site 7

8 Web, des balises (tags) de code HTML seront également copiées. Cela permet d avoir les mêmes styles de police d écriture. Par contre, dans notre outil, pour l uniformité du site Web, vous n avez pas à vous soucier de la mise en forme du texte. Un style par défaut sera appliqué à tous les contenus. Donc, ces balises de stylisation sont indésirables et peuvent nuire à l affichage (la page pourrait simplement ne pas apparaître). Pour éviter cela, faites toujours le copier coller avec le bouton Coller du texte simple. Il vous suffit de copier d abord le contenu désiré de n importe quel document, puis de revenir au CMS, de placer le curseur dans l éditeur de texte à l endroit désiré, puis de cliquer sur le bouton. Par la suite, vérifiez la mise en page : il est possible que des sauts de ligne non désirés aient apparu. Supprimez les tout simplement et ajoutez de nouveau les gras et italiques désirés. Travailler en mode plein écran vous facilitera la tâche Nettoyage du code Tel qu expliqué dans la section «2.1.2 Copier coller», il se peut qu à la suite d un copier coller mal réalisé ou sans le bouton Coller du texte simple, vous vous retrouviez avec des balises de stylisation indésirables. Vous pourrez alors utiliser le bouton Nettoyer le code et ainsi supprimer toutes les balises HTML. Attention, car cette opération s appliquera à toute la page et non seulement à vos derniers copier coller. Vous risquez donc d éliminer les mises en page réalisées précédemment avec l éditeur Clic droit (menu contextuel) Dans l éditeur, vous pouvez utiliser un clic droit sur tous les objets pour modifier leurs propriétés et leur appliquer des styles particuliers, que ce soit une image, une vidéo, du texte, etc. Le menu vous présente des raccourcis des fonctionnalités de l éditeur, mais également un bouton Propriétés pour aller plus loin dans les modifications de l objet sélectionné. Vous pouvez aussi faire un clic gauche sur les balises HTML présentées dans le bas de l éditeur (ex. : Table). Voyez la section 2.8 sur les styles pour plus d information Mode HTML Vous avez en tout temps la possibilité de consulter le code HTML de vos contenus avec le bouton HTML dans le bas de l éditeur. Il suffit de cliquer sur Normal par la suite pour revenir en mode design Aide Avec le bouton Aide, vous trouverez une brève description des boutons de l éditeur de texte. Notez que les descriptions sont disponibles en anglais seulement et que les boutons ne présentent pas tous une description. 8

9 2.2 Texte et mise en page Tout d abord, il faut savoir que, dans notre outil, pour l uniformité du site Web, vous n avez pas à vous soucier de la mise en forme du texte. Un style par défaut est appliqué à tous les contenus. Vous pouvez quand même styliser vos affichages à votre guise; le site vous appartient, après tout. D ailleurs, nous vous recommandons d utiliser le Gras, l Italique et le Souligné comme il vous plaît, afin de mettre en évidence des sous titres ou de mettre l accent sur certains éléments. Ces fonctionnalités s utilisent exactement comme dans n importe quel éditeur de texte standard (voir l image ci dessous). Toujours sur la deuxième ligne de boutons de l éditeur de texte HTML (ci dessus), vous trouverez une panoplie de fonctionnalités que l on trouve également dans tout éditeur de texte. Utilisez les à votre guise pour créer votre mise en page, que ce soit pour modifier les couleurs, l alignement, les listes à puces, les retraits, les exposants, les majuscules, etc. Le bouton de la gomme à effacer vous aidera à supprimer ces mises en page, le cas échéant : sélectionnez d abord votre texte, puis cliquez sur la gomme à effacer. La dernière ligne de boutons de l éditeur de texte HTML (voir l image ci dessus) contient des listes déroulantes et vous permettra également de modifier la mise en page, en changeant la police et la taille du texte. N oubliez pas que la police est appliquée par défaut sur tout le site Web. Si vous la modifiez, cela enlèvera l uniformité du site, et le résultat sera peu professionnel. La liste déroulante avec le libellé Paragraphe vous permettra d appliquer des balises HTML prédéfinies telles que h1, h2, etc. Cette fonction peut être utile pour créer des sous titres avec Entête 1, ce qui créera une balise h1, par exemple. 2.3 Liens hypertextes Pour créer un lien hypertexte, sélectionnez le texte désiré, puis cliquez sur le bouton Insérer un lien. Ce bouton se trouve sur la troisième ligne de boutons, servant à l insertion d objets, dont les liens hypertextes. Une fois la fenêtre apparue, entrez dans le champ URL le lien hypertexte vers lequel vous voulez diriger l utilisateur. Vous pouvez créer 9

10 toute sorte de liens, que ce soit mailto pour les courriels ou pour les pages Web; la liste déroulante Type vous aidera à le spécifier. Notez qu elle sera sélectionnée automatiquement selon l entrée dans le champ URL. IMPORTANT : Il faut préfixer le domaine par dans le champ URL, lorsque vous créez des liens vers un site Web externe au vôtre. Dans ce cas, utilisez la liste déroulante Cible en choisissant Nouvelle fenêtre, cela ouvrira une nouvelle fenêtre du navigateur Web et ainsi les utilisateurs demeureront tout de même sur votre site Web. Si vous faites un lien à l interne sur votre site Web, pour pouvez simplement indiquer la page à partir de la racine du domaine de vote site Web (la barre oblique indique la racine, soit ex. : /?page=2 ou /nouvelle.aspx). Dans ce cas, vous n avez pas à spécifier la cible, puisque vous voulez demeurer dans la même fenêtre. Pour tester vos liens avant la sauvegarde, cliquez dans le bas de l éditeur sur Prévisionner, puis cliquez sur le lien; vous verrez alors le résultat. Cliquez ensuite sur Normal dans le bas de l éditeur pour revenir en mode modification. Pour modifier un lien, placez votre curseur sur le texte du lien (il n est pas nécessaire de le sélectionner), puis cliquez sur Insérer un lien. Pour retirer un lien, placez de nouveau votre curseur, puis cliquez sur la chaîne brisée Enlever un lien. Notez que, dans la fenêtre d insertion de liens hypertextes, une multitude d options de configuration vous permettra de personnaliser ce lien, mais rien n est obligatoire ou nécessaire pour le bon fonctionnement d un lien. 2.4 Photos Dans la présente section, vous apprendrez à manipuler vos photos pour les insérer dans vos contenus. Ci après, vous verrez l interface d insertion de photos présentée après un clic sur le bouton Insérer une image. Le bouton Insérer une image (Galerie) vous permettra quant à lui de visualiser et d insérer rapidement les images, mais sans la possibilité de les téléverser (upload), de les redimensionner et de les modifier. Les sous sections suivantes présentent plus en détail l interface d insertion d images. 10

11 2.4.1 Téléverser (upload) Pour envoyer une image de votre ordinateur vers le serveur Web et ainsi pouvoir l insérer dans vos contenus, utilisez le bouton Téléchargement de la partie du bas à droite (voir l image cidessus). Une fenêtre d exploration de votre poste s ouvrira, et vous pourrez alors sélectionner l image désirée. Vos photos doivent avoir une taille maximale de 1,17 Mo (soit 1200 Ko). Pour les redimensionner sur votre poste, nous vous conseillons d utiliser le logiciel Microsoft Office Picture Manager. Pour l ouvrir, faite un clic droit sur votre photo dans Windows, faites un clic gauche sur Ouvrir avec et sélectionnez Microsoft Office Picture Manager. Dans le menu du haut du logiciel, cliquez sur Image, puis sélectionnez Redimensionner... Diminuez le pourcentage, puis faites OK jusqu à ce que l image soit de taille inférieure à 1200 Ko. Lorsque vous sélectionnez une image de bonne dimension dans l explorateur de votre poste, cliquez sur Ouvrir et l image sera envoyée sur votre site Web. Le téléversement peut prendre 11

12 quelques secondes ou minutes, selon la vitesse de votre connexion et la taille de l image. Ensuite, l image apparaît dans la colonne de gauche avec son nom de fichier Redimensionner Dans la section sur le téléversement, il a été expliqué que vous pouvez redimensionner vos photos sur votre poste pour qu elles ne soient pas trop volumineuses à envoyer. Une fois les photos envoyées, elles auront une taille maximale de 750 px de largeur, ce qui est une grosse photo pour une page Web. Vous avez alors le choix entre deux types de redimension : 1. Vous pouvez redimensionner l image au niveau du HTML seulement, ainsi elle apparaîtra selon vos dimensions désirées. Par contre, il faut faire attention, car l image sera envoyée au visiteur de votre site Web selon sa dimension originale sur le serveur. Donc, une photo de 1200 Ko peut prendre quelques secondes à s afficher sur un site Web même si elle s affiche en très petit. Pour réaliser ce type de redimension, utilisez, dans la section du bas à gauche, les champs Largeur et Hauteur, qui représentent la dimension de l image en pixels. Ce mode est utile dans le cas d une petite redimension, qui aura peu d incidence sur la taille de l image. 2. Recommandé : Pour une redimension complète de l image et de sa taille, utilisez le bouton en haut à droite Vignette auto. Cela vous permettra de créer une nouvelle image avec votre taille spécifiée. La nouvelle image apparaîtra dans la colonne de gauche avec le même nom que l ancienne, mais avec le préfixe t. Ainsi, l image sera plus petite à l affichage, mais également à l envoi au visiteur de votre site, ce qui améliorera grandement la vitesse de navigation sur votre site Web Insérer et modifier Pour insérer une image, il suffit simplement de la sélectionner dans la colonne de gauche; une prévisualisation apparaîtra alors à droite. Puis, cliquez sur Insérer, en bas à droite. Avant l insertion, vous pouvez configurer l insertion de l image, par exemple, en lui attribuant un Alignement. Cela placera la photo dans le corps d un texte selon l alignement indiqué, soit à gauche, à droite ou au centre. Avec cet alignement, vous pouvez spécifier le nombre de pixels d espacement entre le texte et l image avec les champs Espacement, soit Horizontal et Vertical (ex. : 10). Vous pouvez aussi ajouter un encadré autour de votre photo avec la propriété Taille des bordures, qui indique la taille en pixels, et Border color, qui indique la couleur. Par défaut, la taille doit être à 0. Vous pouvez également indiquer le Texte alternatif et la Description de l image, qui apparaîtront si le navigateur ne peut afficher l image ou lorsque l utilisateur placera son curseur sur l image. Cela aide également à l indexation par les moteurs de recherche (ex. : Photo du chalet Gaspésie). 12

13 De plus, il est possible de modifier vos photos, un peu comme dans Paint de Windows, directement dans cette interface avec le bouton en haut à droite Image Editor. Finalement, vous pouvez toujours revenir à cette interface après l insertion en faisant un clic droit sur l image puis en sélectionnant Propriétés (voir «2.1.4 Clic droit (menu contextuel)»). 2.5 Fichiers téléchargeables Vous pouvez également insérer des fichiers de type PDF, DOC, XLS, etc. dans vos contenus que le visiteur pourra télécharger. Pour cela, utilisez le bouton Insérer un fichier téléchargeable. Vous remarquerez que l interface ressemble grandement à celle d insertion d images de la section «2.4 Photos». Encore une fois, pour envoyer vos fichiers sur le serveur, utilisez le bouton Téléchargement. Cette fois ci, la taille maximale des documents est de 9,77 Mo. Une fois le fichier téléchargé sur le serveur, sélectionnez le document désiré dans la colonne de gauche et utilisez le champ Titre pour indiquer le texte sur lequel il y aura le lien vers le fichier. Finalement, cliquez sur le bouton Insérer, cela insérera le lien dans le contenu où était placé le curseur. 2.6 Intégration (YouTube, Google Maps et Facebook) Avec le bouton Embed a YouTube video, vous pouvez insérer des contenus d intégration d autres sites Web de type I frame (image intra), non seulement des vidéos YouTube, mais également des cartes Google Maps ou des boutons J aime de Facebook. Il vous suffit de copier coller le code I frame récupéré sur le site Web de l élément désiré dans l interface ouverte par le bouton. Voici comment récupérer ces codes selon les trois plug in (modules d extension) les plus populaires : YouTube Allez à la page de la vidéo YouTube que vous désirez intégrer dans votre page Web. Sous la vidéo, cliquez sur Partager, puis sur Intégrer, et copiez le code qui débute par <iframe. Collez le dans l interface du bouton. Google Maps Dans la page de la carte Google Maps que vous désirez intégrer à votre site Web, cliquez sur la chaîne en haut à droite au dessus de la carte. Une petite fenêtre apparaîtra. Vous pouvez copier directement le code de la deuxième ligne qui commence par <iframe ou cliquer sur le lien Personnaliser et prévisualiser la carte intégrée. Nous vous recommandons cette dernière option, qui permet de voir le résultat final. Vous pouvez ainsi ajuster les dimensions, mais également le zoom et les styles de la carte. Collez ensuite le code dans l interface du bouton. Facebook Allez à la page box. Entrez l URL de votre site Facebook; ce doit être une page Facebook et non un profil personnel (ex. : Acadien du Qu%C3%A9bec/ ). 13

14 Configurez le plug in selon vos goûts, puis cliquez sur le bouton Get Code. Copiez ensuite le deuxième code qui débute par <iframe et collez le dans l interface du bouton. Autres Vous trouverez ce genre de code I frame dans plusieurs sites, par exemple un plug in de météo sur le site Web de MétéoMédia (http://www.meteomedia.com/weather_centre/wcwxbutton). 2.7 Médias (vidéo et audio) Comme dans le cas des images et des fichiers téléchargeables, vous pouvez insérer du contenu média tel que des vidéos (.avi,.mpeg) ou des fichiers audio (.mp3,.wma). Utilisez pour cela le bouton Média. Encore une fois, l interface ressemble grandement à celle d insertion d images de la section «2.4 Photos». Pour envoyer vos fichiers sur le serveur, utilisez le bouton Téléchargement. Cette fois ci, la taille maximale des documents est de 9,77 Mo. Une fois le fichier téléchargé sur le serveur, sélectionnez le dans la colonne de gauche, puis cliquez sur le bouton Insérer, cela insérera le lecteur média dans le contenu où était placé le curseur. 2.8 Tableau, styles et modèles Tableau Il est très pratique pour la mise en page de créer des tableaux. Pour ce faire, cliquez sur le bouton Insérer/Modifier un tableau, et sélectionnez les cellules voulues pour votre tableau. Vous pouvez également utiliser le lien dans la petite fenêtre ouverte par ce bouton, l Assistant tableau, pour créer votre tableau avec plus de propriétés. Une fois le tableau inséré, vous pouvez revenir à l interface des propriétés du tableau en faisant un clic droit lorsque le tableau est sélectionné, puis en cliquant sur Propriétés. Vous pouvez également faire un clic gauche sur la balise Table située en bas de l éditeur de texte, si votre curseur est à l intérieur du tableau. Comme propriétés du tableau dans les onglets Tableau et Général de l interface, vous pouvez indiquer l espacement entre le texte des cellules et les bordures avec le champ Cell padding. Vous pouvez également indiquer la largeur du tableau en pixels (faites attention de ne pas dépasser la zone de contenu de votre site Web). Vous pouvez aussi centrer le tableau avec l alignement et personnaliser toutes les couleurs de fond ou de bordures du tableau. Dans l onglet Constructeur de style, vous pouvez aller encore plus loin dans la personnalisation de votre tableau en colorant indépendamment chaque bordure, par exemple. La troisième ligne de boutons des fonctionnalités de l éditeur de texte HTML vous permettra de manipuler facilement votre tableau. Vous pouvez par exemple créer des colonnes de texte ou des tableaux de prix. 14

15 Styles Pour créer des styles avancés sur du texte, utilisez le clic gauche sur les balises en bas de l éditeur, telles que <p> ou <span>. Pour créer une balise span (étendue) sur du texte, sélectionnez le texte désiré, cliquez sur la liste déroulante Style, puis sélectionnez Non réglé. Dans le menu ouvert par le clic gauche sur la balise Span dans le bas de l éditeur, utilisez Styles ou Propriétés pour pleinement personnaliser la présentation du texte. Modèles Vous pouvez également créer des modèles HTML que vous pourrez facilement intégrer dans vos contenus par la suite. Avec le bouton Modèles, vous pouvez envoyer des pages HTML (.html ou.htm) que vous aurez créées avec votre éditeur HTML préféré tel que Dreamweaver ou Front Page. Vous pourrez par la suite insérer ces contenus autant de fois que vous le voulez. On utilise entre autres ce procédé pour créer des exemples de tableaux de tarification préconçus. Pour l instant, cette opération n est pas fonctionnelle en Internet Explorer 9. Nous vous conseillons donc d utiliser Mozilla Firefox pour profiter de cette fonctionnalité. Une prochaine mise à jour la rendra possible en Internet Explorer 9. 3 Quelques modules 3.1 Nouvelles Avec le module Nouvelles, vous pouvez ajouter, modifier ou supprimer les nouvelles qui apparaissent sur votre site Web. Pour l utilisation de l interface, référez vous aux sections 1.2 et 1.3 sur les modules. Dans ce module, les nouvelles inactives demeurent dans la base de données, mais ne s affichent plus sur le site Web. La description courte s affiche dans la page de présentation de toutes les nouvelles, mais pas la description détaillée. Les champs Titre et Description courte sont obligatoires. L utilisateur pourra voir la version pleinee grandeur de la photo en cliquant dessus dans la page de détails de la nouvelle. 3.2 Album photos Le module Album photos permet de gérer les photos des différents albums. Les photos inactives demeurent dans la base de données, mais ne s affichent plus sur le site Web. Le champ Titre n est pas obligatoire. Vous pouvez insérer autant de photos que vous le désirez. Les photos insérées dans ce formulaire seront redimensionnées sur le serveur avant d être envoyées au visiteur de votre site Web, ce qui optimise la vitesse d affichage de votre site Web. Pour plus d information sur l utilisation de l interface, référez vous aux sections 1.2 et 1.3 sur les modules. 15

16 3.3 Utilisateurs Vous avez la possibilité, avec le module Utilisateurs, de gérerr (ajouter, modifier ou supprimer) les comptes d utilisateurs qui peuvent se connecter au CMS. Vous pouvez entrer le nom complet de la personne, son nom d utilisateur et son mot de passe (ces deux derniers sont utilisés pour se connecter dans l interface de connexion; voir la section 1). Vous pouvez également paramétrer les permissions de chacun des différents utilisateurs. Un utilisateur peut avoir seulement accès à l album photos, par exemple. En mode modification, le mot de passe n apparaît pas dans le champ, ne le remplissez pas si vous désirez conserver le même. Entrez le nouveau et sauvegardez le pour le changer. Attention : Votre nom d utilisateur et votre mot de passe ne doivent pas contenir d apostrophes ou de caractères spéciaux. 3.4 Exemples de modules possibles Spectacles, Projets de construction, Avis travaux en cours, Bières (ou produits), Tâches, Fichiers, Visuel, Pages, etc. Les modules dépendent de votre réalité professionnellee et de vos besoins. Contactez nous pour plus d information au 16

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

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

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

Procédures CreaWEB Guide pratique

Procédures CreaWEB Guide pratique Procédures CreaWEB Guide pratique Pour vous connecter Dans la barre d adresse d Internet, tapez www.votrenomdedomaine.com/admin Entrez votre nom d utilisateur : Votre mot de passe : Premier coup d œ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. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

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

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

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

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

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

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

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

Plus en détail

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source.

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Manuel utilisateur Mini-site régions Version 07/2012 Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Un CMS est un logiciel qui permet de gérer le contenu d un

Plus en détail

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

Plus en détail

Guide de l interface utilisateur d Optymo

Guide de l interface utilisateur d Optymo Guide de l interface utilisateur d Optymo Notes de lecture : dans ce document, les textes soulignés font référence à des libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes

Plus en détail

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010

Manuel du rédacteur. Dernière mise à jour : le 14/04/2010 Manuel du rédacteur Dernière mise à jour : le 14/04/2010 Table des matières 1 PRÉSENTATION GÉNÉRALE... 3 2 L INTERFACE DE GESTION... 3 2.1 ACCÈS À L INTERFACE DE GESTION... 3 2.2 PRÉSENTATION GÉNÉRALE...

Plus en détail

Chapitre 2 : Gérer son site avec Joomla

Chapitre 2 : Gérer son site avec Joomla Chapitre 2 : Gérer son site avec Joomla Utilisation de Joomla Une fois que le site est créé et mis en ligne, pour le modifier, il n y a pas besoin d installer de logiciels particulier sur votre ordinateur,

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

InfoStance SCOLASTANCE V6. Espace collaboratif privé

InfoStance SCOLASTANCE V6. Espace collaboratif privé InfoStance SCOLASTANCE V6 Espace collaboratif privé Table des matières Se connecter à l espace collaboratif privé... 4 Création et modification de contenu... 4 La Barre d édition... 4 La page d accueil...

Plus en détail

Dossier d utilisation

Dossier d utilisation Dossier d utilisation Lancer le logiciel Microsoft WORD. Page 1 Ouvrir Un fichier existant Page 1 Créer (ou Ouvrir) un nouveau document Page 2 Sauvegarder un nouveau fichier Page 2 Enregistrer un document

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

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements

Plus en détail

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS http://ocloud.pripla.com/ Copyright 2014 Private Planet Ltd. Certaines applications ne sont pas disponibles dans tous les pays. La disponibilité des applications

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

ÉDITEUR MANUAL D UTILISATION :

ÉDITEUR MANUAL D UTILISATION : MANUAL D UTILISATION : ÉDITEUR Système «drag & drop» :... 2 1. Gestionnaire de contenus... 3 2. Éditeur du style... 5 3. Ajouter des éléments... 6 4. Annuler/Rétablir... 13 5. Enregistrer... 13 Quand nous

Plus en détail

Centres d accès communautaire Internet des Îles

Centres d accès communautaire Internet des Îles Centres d accès communautaire Internet des Îles TRAITEMENT DE TEXTE AVEC MICROSOFT WORD INTRODUCTION Les logiciels de traitement de texte permettent d écrire un texte et d y apporter quelques petites modifications,

Plus en détail

EasyNewsletter. 1. Création d un groupe d envoi de newsletter

EasyNewsletter. 1. Création d un groupe d envoi de newsletter EasyNewsletter Créez et envoyez des newsletters contenant textes, images, liens, et téléchargements en toute simplicité. Avec cet outil, vous pouvez également gérer vos listes de diffusion en quelques

Plus en détail

Manuel résumé GCMS pour les sites web du Kiwanis.

Manuel résumé GCMS pour les sites web du Kiwanis. Manuel résumé GCMS pour les sites web du Kiwanis. pour rédacteurs (DBM) GoMotion Content Management Systeem (GCMS) Version novembre 2010 E-mail: webmaster@kiwanis.be Internet: www.kiwanis.be 1 Table des

Plus en détail

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015

Recueil des Fiches Concepteurs : Mise en œuvre d un site SharePoint 2013 Juin 2015 Recueil des s s : Mise en œuvre d un site SharePoint 2013 Juin 2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013. NADAP et SharePoint

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

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

Plus en détail

Wordpress, les bases

Wordpress, les bases Wordpress, les bases Sommaire Se connecter... 2 Créer une page... 3 Ajouter une image... 5 Créer le menu principal... 9 Placer un sous-menu... 12 Créer un article... 13 Installer une extension (formulaire)...

Plus en détail

Guide d utilisation - Modifications portfolio des artisans

Guide d utilisation - Modifications portfolio des artisans Accéder au tableau de bord Pour entrer dans l espace d administration, allez à l adresse suivante : www.metiersdartbsl.com Cliquez ensuite sur l icône CONNEXION dans le haut à droite de la page. Une fenêtre

Plus en détail

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

Plus en détail

10 Etats rapides. Introduction

10 Etats rapides. Introduction 10 Etats rapides Introduction La génération d états récapitulatifs est l une des tâches les plus courantes et les plus élémentaires en matière de gestion de données. L éditeur d états rapides est l un

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

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

SITE INTERNET DE BOUD MER. Manuel de mise à jour

SITE INTERNET DE BOUD MER. Manuel de mise à jour SITE INTERNET DE BOUD MER Manuel de mise à jour www.boudmer.org Avril 2011 Mode d emploi site web Boudmer 1 Sommaire 1. Présentation du site et organisation des informations 3 Organisation générale 3 Arborescence

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éer et faire vivre un site web pédagogique

Créer et faire vivre un site web pédagogique Créer et faire vivre un site web pédagogique 1. Créer un site web... 2 2. Utilisation d un CMS... 2 3. SPIP : Système de Publication Internet Partagé... 2 4. Le site de la Cité Scolaire Jean Moulin...

Plus en détail

Introduction. Créer, ouvrir et enregistrer un fichier

Introduction. Créer, ouvrir et enregistrer un fichier Introduction Microsoft Office Word est un logiciel de traitement de texte permettant la rédaction de documents, de rapports, de notes de service, etc. Il facilite la correction des fautes d orthographe

Plus en détail

Guide de l administrateur de rubriques du site communal d ORCHAISE

Guide de l administrateur de rubriques du site communal d ORCHAISE Guide de l administrateur de rubriques du site communal d ORCHAISE Sommaire Comment est organisé le site?... 1 Comment accéder à l interface privée?... 2 Comment se connecter?... 2 Comment modifier son

Plus en détail

Publier une Actualité ou un Evenement

Publier une Actualité ou un Evenement Site Web de l association des ingénieurs INSA de Lyon Publier une Actualité ou un Evenement Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

MODE D EMPLOI SITE TCO

MODE D EMPLOI SITE TCO MODE D EMPLOI SITE TCO Présentation 2 Première connexion 2 Écrire un article 4 Insérer une image dans son article 5 Insérer un lien hypertexte 6 Insérer une vidéo 6 Insérer une vidéo 7 Télécharger sur

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

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0

ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 ADMINISTRATION DU PORTAIL AFI OPAC 2.0 V3 AFI OPAC 2.0 V3 Sommaire Sommaire... 2 Note :... 2 Quelques Notions... 3 Profil :... 3 Pages :... 5 Créer du contenu... 6 Identification de l administrateur :...

Plus en détail

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal

GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL. 1 ère Partie. Modification du Contenu du Site WordPress de Canatal INDUSTRIES CANATAL INC. GUIDE D UTILISATION GESTION DU CONTENU SITE INTERNET CANATAL 1 ère Partie Modification du Contenu du Site WordPress de Canatal Version 1.0 FR 27 février 2013 Page laissée intentionnellement

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

La Clé informatique. Formation Word XP Aide-mémoire

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

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

GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress

GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress VERSION 2012 GUIDE D UT!L!SAT!ON DU LOG!C!EL WordPress T 450 956 0714 C info@espritslibres.ca www.espritslibres.ca PRÉSENTAT!ON Ce guide d utilisation pour le logiciel WordPress a pour objectif de vous

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

Annie Marois Conseillère pédagogique 418-652-2121 poste 4231 annie.marois@csdecou.qc.ca

Annie Marois Conseillère pédagogique 418-652-2121 poste 4231 annie.marois@csdecou.qc.ca Annie Marois Conseillère pédagogique 418-652-2121 poste 4231 annie.marois@csdecou.qc.ca ORDRE DU JOUR 1. MODÈLE ET SYSTÈME DE PUBLICATION 2. MODIFIER L APPARENCE DE VOTRE SITE 3. AJOUTER DES PAGES 4. CRÉER

Plus en détail

Votre Guide d utilisation

Votre Guide d utilisation Votre Guide d utilisation Comment accéder au Gestionnaire de Contenu (CMS)? Le Gestionnaire de Contenu (CMS) a été optimisé pour être utilisé avec le fureteur Google Chrome. Vous pouvez aussi utiliser

Plus en détail

Créer son mini-site sur la plateforme Mécatronique LR

Créer son mini-site sur la plateforme Mécatronique LR Créer son mini-site sur la plateforme Mécatronique LR 1 Sommaire Accéder à l interphase de création.....3 Préambule d ergonomie...4 Ajouter votre logo.....5 Transférer des fichiers sur le serveur.6 Remplir

Plus en détail

.bien-site.fr - kine-site.fr- psy-site.fr - medecin-site.fr - estheti-site.fr - denti-site.fr tutorial - 1 / 18. Votre site internet.

.bien-site.fr - kine-site.fr- psy-site.fr - medecin-site.fr - estheti-site.fr - denti-site.fr tutorial - 1 / 18. Votre site internet. .bien-site.fr - kine-site.fr- psy-site.fr - medecin-site.fr - estheti-site.fr - denti-site.fr tutorial - 1 / 18 Votre site internet Clé en main Table des matières I. Se connecter en tant que propriétaire

Plus en détail

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation Collège Lionel-Groulx Service du soutien à l enseignement PowerPoint 2007 Note de formation Johanne Raymond Automne 2009 Table des matières Interface... 1 Éléments de l interface graphique... 2 Bouton

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

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

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage rapide. Rédiger une page ou un article,»...3 Ajouter

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

CREER UN BLOG AVEC BLOGGER

CREER UN BLOG AVEC BLOGGER CREER UN BLOG AVEC BLOGGER Connexion Connectez-vous sur l outil blogger : http://www.blogger.com Connectez-vous avec votre identifiant gmail, vous serez dirigé vers la page d accueil de Blogger. Création

Plus en détail

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

Plus en détail

Confection d une carte de vœux animée

Confection d une carte de vœux animée 1) Création du fond d image Ouvrir Photofiltre a) Importation de l image i) S il s agit d une image provenant d Internet (1) Dans l explorateur (a) cliquer sur l image pour l agrandir (b) Faire un clic

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

Migration vers Excel

Migration vers Excel Dans ce guide Microsoft Microsoft Excel 2010 ne ressemble pas à Excel 2003, aussi nous avons créé ce guide afin de vous en faciliter la prise en main. Vous trouverez dans ce guide une présentation des

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Guide de l utilisateur

Guide de l utilisateur Guide de l utilisateur Table des matières Aide aux invités Partager p. 3 Dons.. p. 9 Aide à l administrateur Pour commencer. p. 13 Les pages du site commémoratif. p. 17 Notifications..... p. 34 Administrateur.

Plus en détail

Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie

Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie Leçon N 11 Faire un Album de photo avec ALBELLI 1 ère partie Maintenant que vous avez vu comment traiter vos photos, nous allons nous intéresser à composer un album de photos. L année dernière, pour ceux

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

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

Créer un blog MPC. Marcy Photo Club - YC - Septembre 2014 1

Créer un blog MPC. Marcy Photo Club - YC - Septembre 2014 1 Créer un blog MPC 1 Introduction Ce document explique comment créer très simplement son propre blog. La configuration proposée est plus particulièrement destinée aux membres de MPC qui pourront ainsi partager

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

Gestion Informatique : Fiche outils Excel 1. Sommaire

Gestion Informatique : Fiche outils Excel 1. Sommaire Gestion Informatique : Fiche outils Excel 1 Sommaire Qu'est ce qu'un tableur Page 2 Lancement d'excel Page 2 Présentation de l'écran Excel Page 2 Quitter le logiciel Page 3 Sauvegarder un classeur Page

Plus en détail

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

UTILISATION CMS LINKEO

UTILISATION CMS LINKEO UTILISATION CMS LINKEO Table des matières 1 Synopsis... 3 2 Connexion à l'interface d'administration...4 3 Edition d'une page...5 3.1 Edition d'une page...5 3.2 Ajout d'une image...5 3.2.1 Transfert d'une

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide.

Produit par: Julie Robidoux. Demander autorisation avant d utiliser ce guide. Produit par: Julie Robidoux Demander autorisation avant d utiliser ce guide. Qui n a jamais rêvé de peindre des tableaux grandioses avec facilité? Dans ce guide, je vous présente une nouvelle forme d art.

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

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau.

INITIATION. Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. INITIATION MODIFIER L ARRIÈRE-PLAN DU BUREAU Choisissez dans les arrière-plans ou utilisez une de vos photos ou images pour décorer le bureau. A. Clic droit sur le bureau B. Clic gauche sur «Personnalisé»

Plus en détail

Formation sur Microsoft Office Excel. Introduction

Formation sur Microsoft Office Excel. Introduction Introduction Le logiciel Excel est un chiffrier électronique qui fait partie de la Suite de Microsoft Office. Il permet de produire, entre autres, des feuilles de calcul, des tableaux et des formulaires.

Plus en détail

Guide du contributeur Jahia 6.6

Guide du contributeur Jahia 6.6 DOCUMENTATION Guide du contributeur Jahia 6.6 Jahia, le CMS open source de nouvelle génération apportant à vos projets la convergence applicative (web, document, social, recherche et portail) unifiée par

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

COURS PRATIQUE DE WORD

COURS PRATIQUE DE WORD COURS PRATIQUE DE WORD Le présent cours se rapporte à Word 2003. Sachez qu il existe d autres versions de cet outil. Il y a Office Pro, Office 2000, Office 2003, 2007 et 2010 (non commercialisé à ce jour).

Plus en détail

NOTICE INTERFACE WIFI

NOTICE INTERFACE WIFI NOTICE INTERFACE WIFI Notre interface d administration WIFI vous permet de : Personnaliser votre portail WIFI Gérer & paramétrer votre installation WIFI Tél : 02 40 71 71 21 Email : contact@va-solutions.fr

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail