• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tutoriel - Modifier le header d'un site jimdo avec sa propre photo
 

Tutoriel - Modifier le header d'un site jimdo avec sa propre photo

on

  • 4,034 views

Ce tutoriel vise à expliquer comment, avec l'outil gratuit XnView, on peut modifier une photo pour en faire un header dans un site Jimdo.

Ce tutoriel vise à expliquer comment, avec l'outil gratuit XnView, on peut modifier une photo pour en faire un header dans un site Jimdo.

Statistics

Views

Total Views
4,034
Views on SlideShare
3,989
Embed Views
45

Actions

Likes
3
Downloads
0
Comments
0

3 Embeds 45

http://ateliers-etourisme.jimdo.com 41
http://medoc-numerique.jimdo.com 3
http://www29.jimdo.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

Tutoriel - Modifier le header d'un site jimdo avec sa propre photo Tutoriel - Modifier le header d'un site jimdo avec sa propre photo Presentation Transcript

  • Le thème : Jimdo Modifier le header dun site Jimdo avec une de ses propres photos TUTORIEL© Nicolas Monseigne
  • Vous aurez besoin de… Modifier le header dun site Jimdo Il vous faudra retailler une photo. avec sa On va ici utiliser loutil gratuit "Xn View", disponible en propre photo téléchargement sur la plateforme telecharger.com, à télécharger et installer sur votre ordinateur. TUTORIEL© Nicolas Monseigne
  • Vous aurez besoin de… Modifier le header dun site Jimdo Il faut aussi connaître les dimensions en pixels du visuel à avec sa intégrer dans len-tête de votre site Jimdo. RDV donc sur votre propre photo site, et connectez-vous, en cliquant sur le lien en bas à droite de votre site© Nicolas Monseigne
  • Vous aurez besoin de… Modifier le header dun site Jimdo Accéder ensuite au menu de modification de votre header. IL avec sa vous suffit de passer la souris sur lillustration (ici le bateau), propre photo puis cliquer sur "Modifier le header" TUTORIEL© Nicolas Monseigne
  • Vous aurez besoin de… Modifier le header dun site Jimdo Dans longlet "Image avec sa personnelle"… propre photo …vous trouverez les dimensions du visuel à prévoir ! (attention dimensions différentes dun design à lautre !) TUTORIEL© Nicolas Monseigne
  • Vous aurez besoin de… Modifier le header dun site Jimdo Dans longlet "Image avec sa personnelle"… propre photo …vous trouverez les dimensions du visuel à prévoir ! (attention dimensions différentes dun design à lautre !) TUTORIEL© Nicolas Monseigne
  • Modifier le header dun site Jimdo avec sa propre photo Modification de limage dans xnview TUTORIEL© Nicolas Monseigne
  • Modification du visuel dans XnView Modifier le header dun site Jimdo avec sa propre photo Quand vous avez trouvé sur votre ordinateur limage que vous souhaitez TUTORIEL intégrer sur votre site web, faites un clic droit sur ce fichier et choisissez© Nicolas Monseigne "Ouvrir avec" > "XnView"
  • Modification du visuel dans XnView Modifier le header dun site Jimdo Vous voici donc avec votre visuel prêt à être retoucher… avec sa Nous avons vu que les dimensions devaient être 850x170 px. propre photo Nous allons donc commencer par redimensionner la largeur du cliché, à 850px… Attention à ce que la case© Nicolas Monseigne "garder les proportions" soit cochée !
  • Modification du visuel dans XnView Modifier le header dun On a donc une photo dont les dimensions ont changé… mais pas site Jimdo les proportions. Nous allons donc maintenant choisir la sélection avec sa de 170px de haut qui nous intéresse, pour être conforme aux propre photo dimensions du header de notre site web… Voici ce que lon conservera du cliché une fois notre sélection de 170px de haut effectuée© Nicolas Monseigne Notre sélection fait déjà 850px de large…
  • Modification du visuel dans XnView Modifier le header dun On va maintenant sélectionner dans notre visuel une portion site Jimdo dimage faisant 850px sur 170px avec sa propre photo TUTORIEL© Nicolas Monseigne
  • Modification du visuel dans XnView Modifier le header dun site Jimdo Un cadre blanc nous permet de visualiser la portion du cliché avec sa qui sera conservée. Il suffit de choisir quelle partie de limage propre photo on conserve.© Nicolas Monseigne (Le fait davoir redimensionné le cliché à 850px dans un premier temps nous permet de travailler sur le maximum de la largeur du cliché)
  • Modification du visuel dans XnView Modifier le header dun site Jimdo Une fois la zone sélectionnée, il faut faire un clic droit sur cette zone avec sa et sélectionner "Retailler". propre photo Le visuel nest plus constitué que de la zone que lon a sélectionnée.© Nicolas Monseigne
  • Modification du visuel dans XnView Modifier le header dun site Jimdo Vous avez la possibilité daméliorer les contrastes et les niveaux de avec sa couleur de limage, en utilisant ces fonctionnalités propre photo TUTORIEL Si vous nêtes pas satisfait(e) de la modification qui vous est proposée, vous pouvez© Nicolas Monseigne lannuler (Ctrl + Z)
  • Modification du visuel dans XnView Modifier le header dun site Jimdo Les modifications sont maintenant finies. Nous allons avec sa enregistrer ce visuel sous un autre nom (on évitera ainsi de propre photo perdre le cliché original !) TUTORIEL© Nicolas Monseigne On choisira un format dimage "PNG", plus qualitatif !
  • Modifier le header dun site Jimdo avec sa propre photo Montage du visuel sur Jimdo TUTORIEL© Nicolas Monseigne
  • Retour sur votre site Jimdo Modifier le header dun Accédez à nouveau à la modification du header, et site Jimdo allez dans longlet "Image personnelle" (si vous avez avec sa laissé votre navigateur ouvert, vous devez encore être sur propre photo cette page). Allez chercher sur votre ordinateur le fichier .PNG que vous venez de créer. TUTORIEL© Nicolas Monseigne
  • Retour sur votre site Jimdo Modifier le header dun site Jimdo avec sa Votre visuel a été automatiquement mis en place. propre photo Il ne vous reste plus quà modifier le titre, et votre header sera prêt…© Nicolas Monseigne
  • Modifier le header dun site Jimdo avec sa propre photo Fin du tutoriel TUTORIEL© Nicolas Monseigne Dautres infos etourisme sur Twitter : @mon_etourisme