comment insérer des photos dans un article

Jean Claude

Sujets

• ordinateur

Informations

• Publié par: Orde
• Nombre de lectures: 43
• Langue: Español

Extrait

Commentinsérerdesphotosdansunarticle

Leplussimpleestd’utiliserPicasaWebAlbum,unserviceenlignedeGoogle. CréeruncompteGoogleettéléchargerPicasa 1. Allersurlapagewww.google.fretcliquerenhautàdroitesurlelien Connexion. 2. CliquersurlelienCréezuncomptemaintenantetsuivezlaprocédure. 3. TéléchargerPicasa(taperPicasadansGoogleouallerdirectementà http://picasa.google.fr/),etinstallerlelogicielsurvotreordinateur. MettrelesphotosenlignesurleservicePicasaWeb 1. Siellesn’ysontpasdéjà,importerlesphotosdansPicasaà partird’unappareilphotooud’undossierexistant,en cliquantsurlebouton[Importer]. 2. Pourretoucherunephoto,doublecliquerdessus,etprocéderauxretoucheséventuelles. Unefoislesretoucheseffectuées,reveniràlaphotothèque. Lesphotossélectionnées 3. Sélectionneruneparuneles ontunebordure photosàmettreenligne (maintenirlatoucheCtrl enfoncéepuiscliquersur chacunedesphotos). 4. Cliquersurlebouton[Transférer]enbasdel’écran. 5. Paramétrerl’écrandetransfert: •Choisirunnompourl’album; •Choisirunepetitetaillepourles photos(640pixels); •Choisirlestatut«Public»dansles paramètresd’accèsàcetalbum. •Cliquersurlebouton[Transférer].

•Siunécranvousledemande,indiquervotreadresseemailetvotremotdepasse correspondantàvotrecompteGoogle. 6. Unefoisletéléchargementterminé,cliquersurlebouton«Afficherenligne».

Afficherunalbumsousformedediaporamasurvotresite 7. Vérifierquevousêtesmaintenantdans votrenavigateur,etquevousvisualisez 8. votrecomptesurlesitepicasaweb. 9. Doublecliquersurl’albumquicontientles photosàmettreenligne 10. Surladroitedel’écran,cliquersurlelienLienverscetalbum 11.CliquerensuitesurlelienEmbedSlideshow.

12. Dansl’écranquis’affiche: •Paramétrerlesoptionsdudiaporama; •Copiertoutlecodepermettant l’insertionsurlesite(clicdroit+ Copier); 13. Dansvotresite,éditerl’articledanslequelvousvoulezinsérerlediaporama(voirtutoriel «commentpubliersurlesiteoms») 14. Cliquersurl’outil[Editercode]:

15. Lafenêtrequis’ouvreafficheletextedevotrepageenfaisantapparaîtrelecodeHTMLqui indiqueaunavigateurcommentprésenterlapage: •Observerquechaqueparagrapheestinséréentre2«balises»coloréesenbleu:par exemple<p>et</p>,oubien<li>et</li>oubienpourlestitres<h3>et</h3>; •Cliqueràl’endroitdutexteoùvousvoulezinsérerlediaporama,impérativementaprès unebalisequifermeunparagraphe(parexemple</p>ou</li>ou</ul>),etappuyersur ↵ latoucheEntréeduclavierpourinsérerunenouvelleligne; •CollerlecodecopiédansPicasaWebsurlanouvelleligne(clicdroit+Coller); •Validerencliquantsurleboutonenbasàgauchedelafenêtre.Encasde doutesurlaqualitédelamanipulation,nepashésiteràcliquersuret recommencerl’étape13et14;

Find’unparagraphe(la balisecontientun slash)

CodePicasainséré danslecodeHTML delapage

Débutd’un paragraphe(la balisenecontient pasdeslash)

16. Votretextecontientdésormaisuncadredestinéàl’affichagedudiaporama: •Clicdroitsurcecadre; •Cliquersurlacommande[Alignement]; •Réglerl’alignementsouhaitépourlecadre(àgauche,aumilieu,ouàdroite); 17. Sauvegardervotrearticle.

Afficherunephotoseuledansvotrearticle

C’estlamêmeprocédurequepourunalbum,enremplaçantles étapes9,10et11parlessuivantes:

18. Unefoisdansl’album,cliquersurlaphotoàinsérer dansl’article:surladroitedel’écrancliquersurlelien Lienverscettephoto; 19. Danslesparamétragesquis’affichent: •Sélectionnerlatailledelaphoto(sachantqu’en cliquantdessus,onpourralavoiràlataillerégléeà l’étape5); •Copielecodecontenudanslecadre«Insérer l’imagedansunepageWeb»;