Your SlideShare is downloading. ×
  • Like
A quoi servent les types de contenu sur le site
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

A quoi servent les types de contenu sur le site

  • 299 views
Published

 

Published in Travel , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
299
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. p. 1
  • 2. Table des matières1) A quoi servent les types de contenu sur le site : ............................................................................. 32) Publier un Article sur le site :........................................................................................................... 43) Ajouter un CV sur le site : ................................................................................................................ 84) Ajouter ou modifier le PowerPoint. .............................................................................................. 105) Ajouter ou créer un projet sur le site : .......................................................................................... 126) Modification de la page Contact. .................................................................................................. 157) 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, « AddMedia » , situé dans la barre supérieure de la zone de texte. Une fenêtre s’ouvrealors 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 de200 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 laredimensionner à 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 pouvezdé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 miseen 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 votrepublication 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 pouvezdé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 miseen 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 votrepublication 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 lebouton « Supprimer » juste en dessous, ou à côté de la slide. Une fois supprimée, elledisparait 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 defichiers » 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êtres’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 champde texte. Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pasfaire 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 redimensionnercomme 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 » quiest 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 etensuite choisir son type et le sauvegarder en cliquant sur le bouton « Ajouter ». On aensuite la possibilité de configurer le champ.Un champ dit « Mandatory » est un champ que l’utilisateur devra obligatoirementremplir 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 lessoumissions ainsi que des statistiques et la possibilité télécharger toutes les données auformat 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