SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Downloaden Sie, um offline zu lesen
p. 1
Table des matières
1)   A quoi servent les types de contenu sur le site : ............................................................................. 3
2)   Publier un Article sur le site :........................................................................................................... 4
3)   Ajouter un CV sur le site : ................................................................................................................ 8
4)   Ajouter ou modifier le PowerPoint. .............................................................................................. 10
5)   Ajouter ou créer un projet sur le site : .......................................................................................... 12
6)   Modification de la page Contact. .................................................................................................. 15
7)   Modification de la liste des clients ou du plan d’accès : .............................................................. 17




                                                                    p. 2
1) A quoi servent les types de contenu sur le site :

     Nom                        Description                         Où est-il affiché       Type
                                                                                           unique
     Article                    C’est dans ce type de contenu       En frontpage1,
                                que sont placés les news qui sont   dans la colonne de
                                créé sur le site.                   droite.                   Non
                                                                    Lors de l’affichage
                                                                    d’une news.
     Banner            Non utilisé.
     Basic page        Non utilisé.
     Contact_hard      C’est la partie supérieure de la             Page de contact
                                                                                              Oui
                       page contact.                                avec le formulaire.
     CV                On y placera les informations,               Affiché dans la
                       ainsi que la photo d’un membre               page « Team ».
                                                                                              Non
                       de l’équipe. Le dernier ajouté
                       sera placé en dernier de la liste.
     CV_reseau_experts Même type de contenu que CV.                 Affiché dans la
                       Sauf qu’on y place le réseau                 page « Team ».            Non
                       d’experts indépendant
     Feature slide     C’est dans ce type de contenu                Affiché en
                       qu’on placera une image qui                  frontpage.
                                                                                              Non
                       servira au défilement d’image en
                       première page.
     Liste de clients  Un simple type de contenu dans               Affiché sur le haut
                       lequel on placera la liste des               de la page projet.        Oui
                       clients.
     Map               Type de contenu dans lequel on               Page « Plan
                       place les informations par                   d’accès ».                Oui
                       rapport au plan d’accès.
     Projet            C’est dans ce type de contenu                Page « Projects »
                       qu’on ira décrire un projet                  ainsi que lors de la
                                                                                              Non
                       réalisé.                                     visualisation d’un
                                                                    projet.
     Service design             Non utilisé.
     Webform                    Permet de créer un formulaire.      Affiché dans la
                                                                                              Oui
                                                                    page « Contact ».


        Si le type est unique, il est déconseillé de publier un 2ème élément de ce type-là.
        Modifiez celui qui existe déjà.




1
    La frontpage est la page d’accueil du site.

                                                    p. 3
2) Publier un Article sur le site :

  Note : Les articles sont affichés en frontpage dans la colonne de droite, ainsi que lors de
  la visualisation complète de celui-ci.

  Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis
  « Ajouter du contenu ».




  Une fenêtre s’ouvre alors en affichant différents types de contenu.
  Dans le cadre de la publication d’un article, on sélectionnera « Article ».




  Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre de l’article qui sera
  affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de
  l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera
  affiché dans la vue complète de l’article.




                                            p. 4
Vous pouvez ajouter des images ou vidéos à vos articles grâce au petit bouton, « Add

Media »     , situé dans la barre supérieure de la zone de texte. Une fenêtre s’ouvre
alors en avant et vous propose 3 choix :

      1. Transfert de fichier : Vous parcourez les fichiers de votre ordinateur et
         sélectionnez l’image que vous voulez insérer.
      2. Web : Vous copiez/collez l’adresse de l’image ou de la vidéo dans cette barre
      3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà
         référencée au préalable sur le site.




Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Original »
comme taille de fichier et vous la verrez alors apparaitre dans le champ de texte.
Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas faire plus de
200 pixels de large.

Réduisez sa taille dans les propriétés, clic droit sur le média, de l’image avec le champ
« Width » et « Height ».




Si vous faites un clic gauche avec la souris sur votre image ou vidéo, vous pourrez la
redimensionner à la taille voulue.
                                         p. 5
Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y
    définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être
    affichée ou bien comme aide pour les personnes mal voyante.
    Vous pouvez aussi définir l’alignement de l’image (gauche, droite, aucun). Si vous alignez
    votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre « Style »
    rajoutez si vous faites :

   Un alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin-
    right: 0.5em;
   Un alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin-
    left : 0.5em;

    Cette opération a pour but de décoller le texte du média d’1/2 taille de caractère.




                                            p. 6
En bas de page se situe quelques options, mais seulement « Option de publication »
nous intéresse.

Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez
décocher la case « Publié » afin de ne pas encore la publier.




Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise
en page de l’article ou bien sur « Enregistrer » pour le publier.

Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre
publication sera prête.




                                        p. 7
3) Ajouter un CV sur le site :


   Note : les CV sont affichés dans la page Team. La principale différence entre les 2 types
   de contenus cités ci-dessous influencera sur son placement dans la page. Un nouvel
   « Associé expert » sera affiché en bas de la liste des « Associés experts » tandis qu’un
   contenu de type « CV_reseau_expert » sera placé en bas de la liste « Réseau d’experts
   indépendant ».

   Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis
   « Ajouter du contenu ».




   Une fenêtre s’ouvre alors en affichant différents types de contenu.
   Dans le cadre de la publication d’un CV, on sélectionnera « CV » ou
   « CV_reseau_experts ».




   Description des champs à remplir :

         Titre : Nom de la personne.
         Photo : Photo de la personne au format png, gif, jpg, jpeg.
         Description : une petite description de 2-3 lignes sur la personne. Celle-ci est
          affiché juste à côté de la photo dans la liste de l’équipe de la page « Team ».
         Body : Partie principale. Placez ici le reste de la description sur la personne.




   En bas de page se situe quelques options, mais seulement « Options de publications »
   nous intéresse.


                                           p. 8
Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez
décocher la case « Publié » afin de ne pas encore la publier.




Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise
en page du CV ou bien sur « Enregistrer » pour le publier.

Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre
publication sera prête.




                                        p. 9
4) Ajouter ou modifier le PowerPoint.


  Le PowerPoint est toujours affiché sur la frontpage. En fait, on n’affichera pas un fichier
  au avec une extension .ppt mais plutôt une succession d’image qui vont défiler tour à
  tour. Pour cela, il faudra d’abord sauvegarder le PowerPoint au format image via le
  programme Powerpoint ou autre.

  Actuellement, il y a 15 slides sur le site, mais seulement 11 sont activées tandis que les 4
  autres sont désactivées. Elles sont numérotées de 1 à 15 ou la première est la « slide 1 »
  et la dernière est la « slide 15 ». Elles sont affichées de par ordre croissant.

  Si vous remplacez la présentation actuelle, cliquez sur « Contenu » puis sur « Find
  content »




  On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site.

  Afin d’y voir plus clair, on va effectuer un filtrage sur le contenu. Pour cela il y existe 2
  menus déroulant sous « Montrer seulement les éléments pour lesquels », mais on va
  uniquement utiliser « type » où on sélectionnera le type « feature slide » pour ensuite
  cliquer sur « Filtre ». On obtient donc la liste de tous les slides déjà créés, publiés ou
  non.




                                            p. 10
Si on remplace toute la présentation déjà en place, on va remplacer chaque slide 1 à 1.

Pour cela, cliquez à droite sur l’hyperlien « modifier ».

Une nouvelle page s’affiche avec le contenu actuel. Pour le changer, cliquez sur le
bouton « Supprimer » juste en dessous, ou à côté de la slide. Une fois supprimée, elle
disparait et vous avez à la place une barre d’adresse qui apparait avec à côté un bouton
« Parcourir ».
Dès lors, sélectionnez votre image et envoyez là sur le site grâce à « Transfert de
fichiers » et enregistrez votre modification en cliquant en bas de la page sur
« Enregistrer ».




S’il n’existe pas assez de slide pré-créé, cliquez en haut à gauche sur « Contenu » puis
« Ajouter du contenu ».




Une fenêtre s’ouvre alors en affichant différents types de contenu et choisissez
« feature slide » et remplissez les différents nécessaires.




                                         p. 11
5) Ajouter ou créer un projet sur le site :


   Note : les projets sont affichés dans la page « Projects ». Le champ « Introduction » sera
   affiché dans la colonne de droite de cette page comme introduction au projet. Il sera
   réaffiché lors de la visualisation complète de la publication.

   Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis
   « Ajouter du contenu ».




   Une fenêtre s’ouvre alors en affichant différents types de contenu.
   Dans le cadre de la publication d’un projet on sélectionnera « Projet »




   Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre du projet qui sera
   affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de
   l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera
   affiché dans la vue complète du projet.




                                            p. 12
Vous pouvez ajouter des images ou vidéos à vos projets grâce au petit bouton, l’icône

« Add Media »      , situé dans la barre supérieure de la zone de texte. Une fenêtre
s’ouvre alors en avant et vous propose 3 choix :

   1. Transfert de fichiers : Vous parcourez les fichiers de votre ordinateur et
      sélectionnez l’image en question que vous voulez insérer.
   2. Web : Vous copiez /collez l’adresse de l’image ou de la vidéo dans cette barre
   3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà
      référencée au préalable sur le site.




Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Large »
ou « Original » comme taille de média et vous le verrez alors apparaitre dans le champ
de texte. Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas
faire plus de 200 pixels de large.

Réduisez sa taille dans les propriétés de l’image avec le champ « Width » et « Height ».




Si vous cliquez avec la souris sur votre image ou vidéo, vous pourrez la redimensionner
comme bon vous semble.



                                       p. 13
Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y
    définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être
    affichée ou bien comme aide pour les personnes mal voyante.
    Vous pouvez aussi définir l’alignement de l’image (à gauche, à droite ou aucun). Si vous
    alignez votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre
    style rajoutez si :

   Alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin-right:
    0.5em;
   Alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin-left :
    0.5em;

    Cette opération a pour but de décoller le texte du média d’une demi taille de caractère.




    En bas de page se situe quelques options, mais seulement « Options de publications »
    nous intéresse.
    Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez
    décocher la case « Publié » afin de ne pas encore la publier.




    Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise
    en page du projet ou bien sur « Enregistrer » pour le publier.

    Si vous avez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre
    publication sera prête.



                                            p. 14
6) Modification de la page Contact.


  La page « Contact » se découpe en 2 parties distinctes :

       a. La partie orange qui est une zone de texte.
       b. La partie rose qui est le formulaire.

  Pour les modifier, cliquez sur « Contenu » puis sur « Find content »




  On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site.

  Choisissez « Contact_hard » pour modifier la partie orange ou « Webform » pour
  modifier le formulaire de la partie rose et terminez par cliquer sur « Filter ».




  En choisissant « Contact_hard », on obtient alors « Contactez-nous », il faut aller cliquer
  sur l’hyperlien « modifier » à droite et ensuite, on peut modifier le contenu de la partie
  orange.




                                          p. 15
Si on sélectionne « Webform », on obtient alors « Envoyez-nous votre demande » qui
est le formulaire de la partie rose. Pour le modifier, il faut d’abord cliquer sur
« modifier », puis ensuite sur « WEBFORM » en haut à droite de la nouvelle page.




L’administration nous propose alors 3 sous menus :

     a) Form components : C’est ici qu’on définit les champs du formulaire
     b) E-Mail : C’est ici qu’on définit les adresses mails où le formulaire est envoyé
     c) Form-setting : C’est ici qu’on change les propriétés du fomulaire.

Pour ajouter un champ au formulaire, il faut premièrement lui donner un nom et
ensuite choisir son type et le sauvegarder en cliquant sur le bouton « Ajouter ». On a
ensuite la possibilité de configurer le champ.
Un champ dit « Mandatory » est un champ que l’utilisateur devra obligatoirement
remplir pour faire une soumission.
Voici une liste des principaux types de champs :


  Nom du               Description
  champ
  E-mail               C’est un champ où on placera une adresse e-mail. Une fonction
                       sera utilisée pour s’assurer que l’adresse entrée est bien sous la
                       forme : aaaaa@bbbbb.ccc.
  Fieldset             Créer un fieldset permet d’établir une « boite » dans laquelle on va
                       venir placer des autres champs. On peut par exemple définir que
                       cette boite est minimisable pour gagner de la place.
  File                 Permet d’attacher un fichier au formulaire.
  Textarea             C’est une zone de texte dans laquelle on peut écrire une grande
                       quantité de caractères (e. g Votre demande).
  Textfield            C’est une petite zone de texte souvent limité à quelques dizaines
                       de caractères (e. g Nom, Prénom).


Si on clique en haut à droite sur « RÉSULTATS » on peut obtenir la liste de toutes les
soumissions ainsi que des statistiques et la possibilité télécharger toutes les données au
format texte ou Excel.




                                        p. 16
7) Modification de la liste des clients ou du plan d’accès :


   Pour modifier la liste des clients, il faut cliquer sur « Contenu » puis sur « Find content »




   On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site.
   Dans la liste, sélectionnez « Liste de clients » ou « map » puis cliquez sur « Filtre » et
   terminez l’hyperlien « modifier ».




   Tout comme un Article, il faut modifier le champ body et sauvegarder les modifications
   en bas de page.




                                            p. 17

Weitere ähnliche Inhalte

Andere mochten auch

Le web marketing 2.0 dans le e commerce equitable
Le web marketing 2.0 dans le e commerce equitableLe web marketing 2.0 dans le e commerce equitable
Le web marketing 2.0 dans le e commerce equitableOlivier Crevecoeur
 
Travail de fin d\'étude CERGECO@ICHEC
Travail de fin d\'étude CERGECO@ICHECTravail de fin d\'étude CERGECO@ICHEC
Travail de fin d\'étude CERGECO@ICHECOlivier Crevecoeur
 
SlideShare is Soooo Awesome!
SlideShare is Soooo Awesome!SlideShare is Soooo Awesome!
SlideShare is Soooo Awesome!Phillip Lund
 
Wave 7 finit_de_demystifier_les_reseaux_sociaux
Wave 7 finit_de_demystifier_les_reseaux_sociauxWave 7 finit_de_demystifier_les_reseaux_sociaux
Wave 7 finit_de_demystifier_les_reseaux_sociauxDigital Dealer
 
Twitter is useful drool
Twitter is useful droolTwitter is useful drool
Twitter is useful droollaura bergells
 
Y&YA Ministry Session Six
Y&YA Ministry Session SixY&YA Ministry Session Six
Y&YA Ministry Session SixPhillip Lund
 
Blogging for Business - An introduction to playing in the Blogosphere
Blogging for Business - An introduction to playing in the BlogosphereBlogging for Business - An introduction to playing in the Blogosphere
Blogging for Business - An introduction to playing in the BlogosphereKatie Laird
 
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...Séverine Filleul
 

Andere mochten auch (9)

Le web marketing 2.0 dans le e commerce equitable
Le web marketing 2.0 dans le e commerce equitableLe web marketing 2.0 dans le e commerce equitable
Le web marketing 2.0 dans le e commerce equitable
 
Travail de fin d\'étude CERGECO@ICHEC
Travail de fin d\'étude CERGECO@ICHECTravail de fin d\'étude CERGECO@ICHEC
Travail de fin d\'étude CERGECO@ICHEC
 
SlideShare is Soooo Awesome!
SlideShare is Soooo Awesome!SlideShare is Soooo Awesome!
SlideShare is Soooo Awesome!
 
Wave 7 finit_de_demystifier_les_reseaux_sociaux
Wave 7 finit_de_demystifier_les_reseaux_sociauxWave 7 finit_de_demystifier_les_reseaux_sociaux
Wave 7 finit_de_demystifier_les_reseaux_sociaux
 
Twitter is useful drool
Twitter is useful droolTwitter is useful drool
Twitter is useful drool
 
Y&YA Ministry Session Six
Y&YA Ministry Session SixY&YA Ministry Session Six
Y&YA Ministry Session Six
 
Blogging for Business - An introduction to playing in the Blogosphere
Blogging for Business - An introduction to playing in the BlogosphereBlogging for Business - An introduction to playing in the Blogosphere
Blogging for Business - An introduction to playing in the Blogosphere
 
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...
Présentation de TFE "Les réseaux sociaux d'entreprise, étude de cas de la Ban...
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 

Ähnlich wie A quoi servent les types de contenu sur le site

Tutorial Coopération Française
Tutorial Coopération FrançaiseTutorial Coopération Française
Tutorial Coopération Françaisemackmaca
 
Pour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxPour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxVoyelle Voyelle
 
Création et gestion des pages sur WordPress
Création et gestion des pages sur WordPressCréation et gestion des pages sur WordPress
Création et gestion des pages sur WordPresswp-pilots
 
Création de site internet avec Jimdo
Création de site internet avec JimdoCréation de site internet avec Jimdo
Création de site internet avec Jimdoepnenghien
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impressljvdb
 
Guide de démarrage Asso-web
Guide de démarrage Asso-webGuide de démarrage Asso-web
Guide de démarrage Asso-webfrianbiz
 
Bien démarrer sur Asso-Web
Bien démarrer sur Asso-WebBien démarrer sur Asso-Web
Bien démarrer sur Asso-Webfrianbiz
 
Construire un blog avec canalblog.
Construire un blog avec canalblog.Construire un blog avec canalblog.
Construire un blog avec canalblog.Carmen Vera
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.pptMohammedTaib5
 
Fiches Pratique Libre Office Writer 5
Fiches Pratique Libre Office Writer 5Fiches Pratique Libre Office Writer 5
Fiches Pratique Libre Office Writer 5Guillaume MAURIN
 

Ähnlich wie A quoi servent les types de contenu sur le site (20)

Diapo impress
Diapo impressDiapo impress
Diapo impress
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
Tutorial Coopération Française
Tutorial Coopération FrançaiseTutorial Coopération Française
Tutorial Coopération Française
 
Pour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxPour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightbox
 
Tutoriel Google Slides
Tutoriel Google SlidesTutoriel Google Slides
Tutoriel Google Slides
 
Tutoriel Prezi
Tutoriel PreziTutoriel Prezi
Tutoriel Prezi
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
Création et gestion des pages sur WordPress
Création et gestion des pages sur WordPressCréation et gestion des pages sur WordPress
Création et gestion des pages sur WordPress
 
Création de site internet avec Jimdo
Création de site internet avec JimdoCréation de site internet avec Jimdo
Création de site internet avec Jimdo
 
Diapo Impress
Diapo ImpressDiapo Impress
Diapo Impress
 
22222.pptx
22222.pptx22222.pptx
22222.pptx
 
INITIATION.pptx
INITIATION.pptxINITIATION.pptx
INITIATION.pptx
 
Créer son site jimdo tutoriel
Créer son site jimdo tutorielCréer son site jimdo tutoriel
Créer son site jimdo tutoriel
 
Guide de démarrage Asso-web
Guide de démarrage Asso-webGuide de démarrage Asso-web
Guide de démarrage Asso-web
 
Bien démarrer sur Asso-Web
Bien démarrer sur Asso-WebBien démarrer sur Asso-Web
Bien démarrer sur Asso-Web
 
Construire un blog avec canalblog.
Construire un blog avec canalblog.Construire un blog avec canalblog.
Construire un blog avec canalblog.
 
Tutoriel Prezi imprimable
Tutoriel Prezi imprimableTutoriel Prezi imprimable
Tutoriel Prezi imprimable
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
Fiches Pratique Libre Office Writer 5
Fiches Pratique Libre Office Writer 5Fiches Pratique Libre Office Writer 5
Fiches Pratique Libre Office Writer 5
 

A quoi servent les types de contenu sur le site

  • 2. Table des matières 1) A quoi servent les types de contenu sur le site : ............................................................................. 3 2) Publier un Article sur le site :........................................................................................................... 4 3) Ajouter un CV sur le site : ................................................................................................................ 8 4) Ajouter ou modifier le PowerPoint. .............................................................................................. 10 5) Ajouter ou créer un projet sur le site : .......................................................................................... 12 6) Modification de la page Contact. .................................................................................................. 15 7) Modification de la liste des clients ou du plan d’accès : .............................................................. 17 p. 2
  • 3. 1) A quoi servent les types de contenu sur le site : Nom Description Où est-il affiché Type unique Article C’est dans ce type de contenu En frontpage1, que sont placés les news qui sont dans la colonne de créé sur le site. droite. Non Lors de l’affichage d’une news. Banner Non utilisé. Basic page Non utilisé. Contact_hard C’est la partie supérieure de la Page de contact Oui page contact. avec le formulaire. CV On y placera les informations, Affiché dans la ainsi que la photo d’un membre page « Team ». Non de l’équipe. Le dernier ajouté sera placé en dernier de la liste. CV_reseau_experts Même type de contenu que CV. Affiché dans la Sauf qu’on y place le réseau page « Team ». Non d’experts indépendant Feature slide C’est dans ce type de contenu Affiché en qu’on placera une image qui frontpage. Non servira au défilement d’image en première page. Liste de clients Un simple type de contenu dans Affiché sur le haut lequel on placera la liste des de la page projet. Oui clients. Map Type de contenu dans lequel on Page « Plan place les informations par d’accès ». Oui rapport au plan d’accès. Projet C’est dans ce type de contenu Page « Projects » qu’on ira décrire un projet ainsi que lors de la Non réalisé. visualisation d’un projet. Service design Non utilisé. Webform Permet de créer un formulaire. Affiché dans la Oui page « Contact ». Si le type est unique, il est déconseillé de publier un 2ème élément de ce type-là. Modifiez celui qui existe déjà. 1 La frontpage est la page d’accueil du site. p. 3
  • 4. 2) Publier un Article sur le site : Note : Les articles sont affichés en frontpage dans la colonne de droite, ainsi que lors de la visualisation complète de celui-ci. Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis « Ajouter du contenu ». Une fenêtre s’ouvre alors en affichant différents types de contenu. Dans le cadre de la publication d’un article, on sélectionnera « Article ». Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre de l’article qui sera affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera affiché dans la vue complète de l’article. p. 4
  • 5. Vous pouvez ajouter des images ou vidéos à vos articles grâce au petit bouton, « Add Media » , situé dans la barre supérieure de la zone de texte. Une fenêtre s’ouvre alors en avant et vous propose 3 choix : 1. Transfert de fichier : Vous parcourez les fichiers de votre ordinateur et sélectionnez l’image que vous voulez insérer. 2. Web : Vous copiez/collez l’adresse de l’image ou de la vidéo dans cette barre 3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà référencée au préalable sur le site. Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Original » comme taille de fichier et vous la verrez alors apparaitre dans le champ de texte. Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas faire plus de 200 pixels de large. Réduisez sa taille dans les propriétés, clic droit sur le média, de l’image avec le champ « Width » et « Height ». Si vous faites un clic gauche avec la souris sur votre image ou vidéo, vous pourrez la redimensionner à la taille voulue. p. 5
  • 6. Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être affichée ou bien comme aide pour les personnes mal voyante. Vous pouvez aussi définir l’alignement de l’image (gauche, droite, aucun). Si vous alignez votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre « Style » rajoutez si vous faites :  Un alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin- right: 0.5em;  Un alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin- left : 0.5em; Cette opération a pour but de décoller le texte du média d’1/2 taille de caractère. p. 6
  • 7. En bas de page se situe quelques options, mais seulement « Option de publication » nous intéresse. Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez décocher la case « Publié » afin de ne pas encore la publier. Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise en page de l’article ou bien sur « Enregistrer » pour le publier. Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre publication sera prête. p. 7
  • 8. 3) Ajouter un CV sur le site : Note : les CV sont affichés dans la page Team. La principale différence entre les 2 types de contenus cités ci-dessous influencera sur son placement dans la page. Un nouvel « Associé expert » sera affiché en bas de la liste des « Associés experts » tandis qu’un contenu de type « CV_reseau_expert » sera placé en bas de la liste « Réseau d’experts indépendant ». Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis « Ajouter du contenu ». Une fenêtre s’ouvre alors en affichant différents types de contenu. Dans le cadre de la publication d’un CV, on sélectionnera « CV » ou « CV_reseau_experts ». Description des champs à remplir :  Titre : Nom de la personne.  Photo : Photo de la personne au format png, gif, jpg, jpeg.  Description : une petite description de 2-3 lignes sur la personne. Celle-ci est affiché juste à côté de la photo dans la liste de l’équipe de la page « Team ».  Body : Partie principale. Placez ici le reste de la description sur la personne. En bas de page se situe quelques options, mais seulement « Options de publications » nous intéresse. p. 8
  • 9. Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez décocher la case « Publié » afin de ne pas encore la publier. Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise en page du CV ou bien sur « Enregistrer » pour le publier. Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre publication sera prête. p. 9
  • 10. 4) Ajouter ou modifier le PowerPoint. Le PowerPoint est toujours affiché sur la frontpage. En fait, on n’affichera pas un fichier au avec une extension .ppt mais plutôt une succession d’image qui vont défiler tour à tour. Pour cela, il faudra d’abord sauvegarder le PowerPoint au format image via le programme Powerpoint ou autre. Actuellement, il y a 15 slides sur le site, mais seulement 11 sont activées tandis que les 4 autres sont désactivées. Elles sont numérotées de 1 à 15 ou la première est la « slide 1 » et la dernière est la « slide 15 ». Elles sont affichées de par ordre croissant. Si vous remplacez la présentation actuelle, cliquez sur « Contenu » puis sur « Find content » On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site. Afin d’y voir plus clair, on va effectuer un filtrage sur le contenu. Pour cela il y existe 2 menus déroulant sous « Montrer seulement les éléments pour lesquels », mais on va uniquement utiliser « type » où on sélectionnera le type « feature slide » pour ensuite cliquer sur « Filtre ». On obtient donc la liste de tous les slides déjà créés, publiés ou non. p. 10
  • 11. Si on remplace toute la présentation déjà en place, on va remplacer chaque slide 1 à 1. Pour cela, cliquez à droite sur l’hyperlien « modifier ». Une nouvelle page s’affiche avec le contenu actuel. Pour le changer, cliquez sur le bouton « Supprimer » juste en dessous, ou à côté de la slide. Une fois supprimée, elle disparait et vous avez à la place une barre d’adresse qui apparait avec à côté un bouton « Parcourir ». Dès lors, sélectionnez votre image et envoyez là sur le site grâce à « Transfert de fichiers » et enregistrez votre modification en cliquant en bas de la page sur « Enregistrer ». S’il n’existe pas assez de slide pré-créé, cliquez en haut à gauche sur « Contenu » puis « Ajouter du contenu ». Une fenêtre s’ouvre alors en affichant différents types de contenu et choisissez « feature slide » et remplissez les différents nécessaires. p. 11
  • 12. 5) Ajouter ou créer un projet sur le site : Note : les projets sont affichés dans la page « Projects ». Le champ « Introduction » sera affiché dans la colonne de droite de cette page comme introduction au projet. Il sera réaffiché lors de la visualisation complète de la publication. Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis « Ajouter du contenu ». Une fenêtre s’ouvre alors en affichant différents types de contenu. Dans le cadre de la publication d’un projet on sélectionnera « Projet » Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre du projet qui sera affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera affiché dans la vue complète du projet. p. 12
  • 13. Vous pouvez ajouter des images ou vidéos à vos projets grâce au petit bouton, l’icône « Add Media » , situé dans la barre supérieure de la zone de texte. Une fenêtre s’ouvre alors en avant et vous propose 3 choix : 1. Transfert de fichiers : Vous parcourez les fichiers de votre ordinateur et sélectionnez l’image en question que vous voulez insérer. 2. Web : Vous copiez /collez l’adresse de l’image ou de la vidéo dans cette barre 3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà référencée au préalable sur le site. Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Large » ou « Original » comme taille de média et vous le verrez alors apparaitre dans le champ de texte. Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas faire plus de 200 pixels de large. Réduisez sa taille dans les propriétés de l’image avec le champ « Width » et « Height ». Si vous cliquez avec la souris sur votre image ou vidéo, vous pourrez la redimensionner comme bon vous semble. p. 13
  • 14. Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être affichée ou bien comme aide pour les personnes mal voyante. Vous pouvez aussi définir l’alignement de l’image (à gauche, à droite ou aucun). Si vous alignez votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre style rajoutez si :  Alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin-right: 0.5em;  Alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin-left : 0.5em; Cette opération a pour but de décoller le texte du média d’une demi taille de caractère. En bas de page se situe quelques options, mais seulement « Options de publications » nous intéresse. Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez décocher la case « Publié » afin de ne pas encore la publier. Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise en page du projet ou bien sur « Enregistrer » pour le publier. Si vous avez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre publication sera prête. p. 14
  • 15. 6) Modification de la page Contact. La page « Contact » se découpe en 2 parties distinctes : a. La partie orange qui est une zone de texte. b. La partie rose qui est le formulaire. Pour les modifier, cliquez sur « Contenu » puis sur « Find content » On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site. Choisissez « Contact_hard » pour modifier la partie orange ou « Webform » pour modifier le formulaire de la partie rose et terminez par cliquer sur « Filter ». En choisissant « Contact_hard », on obtient alors « Contactez-nous », il faut aller cliquer sur l’hyperlien « modifier » à droite et ensuite, on peut modifier le contenu de la partie orange. p. 15
  • 16. Si on sélectionne « Webform », on obtient alors « Envoyez-nous votre demande » qui est le formulaire de la partie rose. Pour le modifier, il faut d’abord cliquer sur « modifier », puis ensuite sur « WEBFORM » en haut à droite de la nouvelle page. L’administration nous propose alors 3 sous menus : a) Form components : C’est ici qu’on définit les champs du formulaire b) E-Mail : C’est ici qu’on définit les adresses mails où le formulaire est envoyé c) Form-setting : C’est ici qu’on change les propriétés du fomulaire. Pour ajouter un champ au formulaire, il faut premièrement lui donner un nom et ensuite choisir son type et le sauvegarder en cliquant sur le bouton « Ajouter ». On a ensuite la possibilité de configurer le champ. Un champ dit « Mandatory » est un champ que l’utilisateur devra obligatoirement remplir pour faire une soumission. Voici une liste des principaux types de champs : Nom du Description champ E-mail C’est un champ où on placera une adresse e-mail. Une fonction sera utilisée pour s’assurer que l’adresse entrée est bien sous la forme : aaaaa@bbbbb.ccc. Fieldset Créer un fieldset permet d’établir une « boite » dans laquelle on va venir placer des autres champs. On peut par exemple définir que cette boite est minimisable pour gagner de la place. File Permet d’attacher un fichier au formulaire. Textarea C’est une zone de texte dans laquelle on peut écrire une grande quantité de caractères (e. g Votre demande). Textfield C’est une petite zone de texte souvent limité à quelques dizaines de caractères (e. g Nom, Prénom). Si on clique en haut à droite sur « RÉSULTATS » on peut obtenir la liste de toutes les soumissions ainsi que des statistiques et la possibilité télécharger toutes les données au format texte ou Excel. p. 16
  • 17. 7) Modification de la liste des clients ou du plan d’accès : Pour modifier la liste des clients, il faut cliquer sur « Contenu » puis sur « Find content » On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site. Dans la liste, sélectionnez « Liste de clients » ou « map » puis cliquez sur « Filtre » et terminez l’hyperlien « modifier ». Tout comme un Article, il faut modifier le champ body et sauvegarder les modifications en bas de page. p. 17