Faire une page HTML avec voila.fr (les images ne s'affichent pas...)

Faire une page HTML avec voila.fr (les images ne s'affichent pas...) - Windows & Software

Marsh Posté le 27-09-2006 à 15:57:56    

Hello,
 
 
Je souhaite créer une petite galerie d'images sur une page web très simple, avec juste de quoi mettre une légende.
Sur le ftp de voila.fr on nous dit qu'il faut créer un HTML nommé "index". Je l'ai fait avec Word, et ça marche très bien à ceci près que les images ne s'affichent pas.
 
Voici l'adresse de la page:
http://site.voila.fr/16mm/index.html
 
Deux captures d'images du ftp voila.fr:
http://img141.imageshack.us/img141/9159/sitevoila1111111wc8.gif
 
http://img155.imageshack.us/img155/1116/sitevoila222jn3.gif
 
 
Comment faire pour que les images viennent ?
 
D'avance merci! :)
François

Reply

Marsh Posté le 27-09-2006 à 15:57:56   

Reply

Marsh Posté le 28-09-2006 à 02:22:29    

dans ton fichier "index.html"
 
tu as ca

Citation :

<link rel=File-List href="./index_fichiers/filelist.xml">
<link rel=Edit-Time-Data href="./index_fichiers/editdata.mso">


 
vire les points que j'ai mis en rouge , ca doit etre ca le probleme . on y voit rien :D  
 le point qui est avant le /index_fichiers .


Message édité par avelo le 28-09-2006 à 02:24:24

---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 12:37:28    

Hello,
 
Merci pour cette réponse!
J'ai modifié les deux points dans le ftp...
 
http://img215.imageshack.us/img215/4803/codesab7.gif
 
... mais ça ne marche tjs pas...!
Les images ne s'affichent toujours pas (en tout cas chez moi)
 
Ca peut être quoi d'autre ? :??:  
 
François

Reply

Marsh Posté le 28-09-2006 à 12:53:28    

j'avais pas vu mais tu as encore des points qui trainent sur les chemins des images.
essaye  avec la ligne image002 > ./index_fichiers/image002.jpg
et tu essaye ...


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 13:09:41    

J'ai viré ces points mais pareil... ça fonctionne toujours pas:
http://site.voila.fr/16mm/index.html
 
Il y a peut-être un problème avec ma page et mes fichiers. En fait au départ il y a des images couleurs que j'ai transformé en n/b dans word directement. Il faut que je mettre les originaux en couleur avec ?
Il peut y avoir autre chose...

Reply

Marsh Posté le 28-09-2006 à 13:35:40    

non t'emmerdes pas toujours sur l'image 2  dans ta page index cherche toute les lignes s'y rapportant et mets lui l'url brute  
http://site.voila.fr/16mm/index_fichiers/image002.jpg
 
mais le mieux c'est de se mettre un peu au html normal , s'plus simple
 
si tu veux afficher une image dans une page html , voila le basique de chez basique

Code :
  1. <html>
  2. <head>
  3. </head>
  4. <body>
  5. <div>
  6. <img src="http://site.voila.fr/16mm/index_fichiers/image002.jpg" alt="mon image2">
  7. </div>
  8. <p align=left>
  9. le bla bla de l'mage 2</p>
  10. <div>
  11. <img src="http://site.voila.fr/16mm/index_fichiers/image003.jpg" alt="mon image3">
  12. </div>
  13. <p align=right>
  14. le bla bla de l'mage 3</p>
  15. </body>
  16. </html>


tu as juste à copier ca et le mettre dans un fichier texte que tu nomme à ton choix avec l'extension ".html" .


Message édité par avelo le 28-09-2006 à 15:48:48

---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 14:59:57    

Hello!  
 
 
Ca marche ;) http://site.voila.fr/16mm/avelo.html
Et maintenant si je veux mettre les images chaque fois à la ligne et ajouter un texte "Tous droits réservés", comment je peux faire ?
(les images n'ont rien à voir avec la vraie page web, c'est juste pour l'exemple...)
 
Mais bon word c'est cool qd même, il y a quelques options en plus...
Est-ce que je peux copier les codes qui vont avec ma page word et mettre ça dans un document texte pour faire exactement comme tu viens de m'expliquer ?
J'aurai sûrement une cinquantaine d'images à mettre sur cette page, donc un truc qui me les fait automatiquement c'est sympa...
 
Ou alors si avec word c'est vraiment pas possible (curieux qd même...), il y a un petit soft gratos quelque part qui permet de faire la même chose mais qui fonctionne ?
 
 
A+! merci :)

Reply

Marsh Posté le 28-09-2006 à 15:11:23    

Ca marche...!
http://site.voila.fr/16mm/essai.html
 
J'ai fais une nouvelle page dans word, sans les images... Et après je suis allé les glisser dans le html. Maintenant comment je peux faire pour tout centrer ? Edit: en fait c'est bon maintenant... j'ai juste mis les balises "center": http://site.voila.fr/16mm/captures.html
 
François


Message édité par Francois87 le 28-09-2006 à 15:20:34
Reply

Marsh Posté le 28-09-2006 à 15:43:52    

le mieux c'est quand meme de se mettre au html , pasque word , s'pas genial , meme si ca fait ca vite .
par exemple pour tes images une fois le lien fait  
<img src="http://site.voila.fr/16mm/index_fichiers/image002.jpg">
 
tu rajoutes ca au bout alt="mon image" ce qui permettra en laissant le mulot sur l'image de voir sa descrition
 
<img src="http://site.voila.fr/16mm/index_fichiers/image002.jpg" alt="le nom image balise alt"> .
 
si ca te chante tu en met une à gauche une à droite ... avec les balises " align " .
pour chaque image tu recréé un lien , copié collé , et tu changes le nom et la descrition ....
 
j'ai edité le message avec le code html avec balise alt et du texte .
 
ya plein de tuto pour le html , c'est du code un base que je t'ai fait mais ca fonctionne .
 
edited , bizarre que personne soit venu hurler en voyant le code de base :D

Message cité 1 fois
Message édité par avelo le 28-09-2006 à 15:51:17

---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 16:35:00    

Merci pour ton aide...
 
Je n'arrive pas à faire des espaces après coup dans ma page.
Pour les légendes, j'ai appliqué ton code à tous les .jpeg mais ça ne marche pas (mais ça ce n'est pas grâve)
 
A+!

Reply

Marsh Posté le 28-09-2006 à 16:35:00   

Reply

Marsh Posté le 28-09-2006 à 16:38:12    

avelo a écrit :


 
edited , bizarre que personne soit venu hurler en voyant le code de base :D


Si, moi j'ai hurlé ;)
 
 
La première page en 20 lignes de codes tu la fais... alors que ta source en fait facilement 100-150 !

Reply

Marsh Posté le 28-09-2006 à 16:45:53    

C'est vrai que ça écrit plein de truc inutiles visiblement...!
Pour mettre du texte à la ligne, comment je fais ? (mettre une ligne vide en fait) ;)

Reply

Marsh Posté le 28-09-2006 à 16:52:05    

Francois87 a écrit :

Merci pour ton aide...
 
Je n'arrive pas à faire des espaces après coup dans ma page.
Pour les légendes, j'ai appliqué ton code à tous les .jpeg mais ça ne marche pas (mais ça ce n'est pas grâve)
 
A+!


 
pour les espaces , le code c'est ca> &nbsp;  les 6 caracteres  mais normalement ya pas besoin .
 
pour les legendes (balises "alt" ) ca doit marcher je l'ai fait chez moi <img src="http://site.voila.fr/16mm/index_fichiers/image002.jpg" alt="mon image"> respecte bien la syntaxe et ne pas enlever les "" surtout .  
la page de test est là
http://www.avelo.net/NouveauDocumenttexte.html
 
bon en plus on peux y mettre pas mal de caractere.
 
le mieux tu gardes ta page word , et t'en fait une autre au bon format , ou sinon tu te trouve un editeur html gratos qui va t'aider ...


Message édité par avelo le 28-09-2006 à 16:56:02

---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:00:03    

Francois87 a écrit :

C'est vrai que ça écrit plein de truc inutiles visiblement...!
Pour mettre du texte à la ligne, comment je fais ? (mettre une ligne vide en fait) ;)


les images dans des <div> </div> le premier sans le / , qui sert à fermer la baise
une balise ouverte une doit toujours etre fermée <div> ouvert </div> fermée
pour aller à la ligne
<br>
 
du texte en gras <b> </b>
 
donc tu met un <div> pour les images</div> et au dessous ton texte avec des <br> pour passer à la ligne .


Message édité par avelo le 28-09-2006 à 17:01:45

---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:06:12    

En fait j'ai mis un lien hypertext en partant depuis mon image... donc du coup j'ai qqch de plus compliqué:
 
 <v:imagedata src="http://site.voila.fr/ch-films/lddr/image123.jpg" o:title="img1"/>
</v:shape><![endif]--><![if !vml]><img border=0 width=384 height=288
src="http://site.voila.fr/ch-films/lddr/image123.jpg" v:shapes="_x0000_i1025"><![endif]></a><o:p></o:p></span></p>
 
<p class=MsoNormal align=center style='text-align:center'><span
style='font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:Verdana;
color:white'><![if !supportEmptyParas]> <![endif]><o:p></o:p></span></p>
 
Edit: pour les espaces ça a marché ça  :jap:  
 
 
A+!


Message édité par Francois87 le 28-09-2006 à 17:08:27
Reply

Marsh Posté le 28-09-2006 à 17:06:57    

Oups....
 

Code :
  1. <v:imagedata src="http://site.voila.fr/ch-films/lddr/image003.jpg" o:title="img1"/>
  2. </v:shape><![endif]--><![if !vml]><img border=0 width=384 height=288
  3. src="http://site.voila.fr/ch-films/lddr/image003.jpg" v:shapes="_x0000_i1025"><![endif]></a><o:p></o:p></span></p>
  4. <p class=MsoNormal align=center style='text-align:center'><span
  5. style='font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:Verdana;
  6. color:white'><![if !supportEmptyParas]> <![endif]><o:p></o:p></span></p>


 
;)

Reply

Marsh Posté le 28-09-2006 à 17:09:05    

la vache, c'est quoi ce code...  [:w3c compliant]


Message édité par BaF - FlOp le 28-09-2006 à 17:09:21
Reply

Marsh Posté le 28-09-2006 à 17:12:04    

lol, c'est du Krosoft..
C'est pour ça que j'arrivais pas à mettre une légende...
Sur une page simple que l'on fait de bout en bout c'est simple je pense... mais là ;)

Reply

Marsh Posté le 28-09-2006 à 17:15:19    

comment ça c'est du microsoft ? :heink:
tu essaies de faire quoi avec ton code ?

Reply

Marsh Posté le 28-09-2006 à 17:30:20    

voila un truc avec des choses à voir dans le code.
edite mon post et copie le code entre <html> et </html>
et tu te fait une page de test

Code :
  1. <html>
  2. <head><title>Le site de mes images</title>
  3. </head>
  4. <body>
  5. <center><b><u>Mes images perso</u></b></center>
  6. <br>
  7. <div>
  8. <img src="http://site.voila.fr/16mm/index_fichiers/image002.jpg" alt="mon image2">
  9. </div>
  10. <p align=left>
  11. le bla bla de l'mage 2 aligné à gauche</p>
  12. <div>
  13. <img src="http://site.voila.fr/16mm/index_fichiers/image008.jpg" alt="mon image8">
  14. </div>
  15. <p align=right>
  16. le bla bla de l'mage 3 aligné à droite</p>
  17. </body>
  18. </html>


 
ce qui te donnera ca http://www.avelo.net/NouveauDocumenttexte.html


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:31:35    

BaF - FlOp a écrit :

comment ça c'est du microsoft ? :heink:
tu essaies de faire quoi avec ton code ?


il essaye d'afficher des images avec word ...
mais comme il  a l'air motivé j'essaye de lui mettre de petites bases ..


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:31:35    

Bein word c'est Microsoft. Je voulais juste essayer de mettre une légende après coup, mais visblement c'est plus compliqué que de le faire directement dans le logiciel (car on peut il me semble).
Dommage que les images ne marchent pas du premier coup... comme ça on aurait même pas besoin de toucher aux codes.

Reply

Marsh Posté le 28-09-2006 à 17:34:38    

le probleme de word c'est que ca fait pas du code propre , ya des lignes et lignes .
tu l'as vu par toi meme afficher une image en html c'est 8 lignes , avec word heu je sais pô :D  
si tu compte faire que ca , apprends un peu les balises html , c'est pas dur et tu fais ce que tu veux avec ...


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:37:25    

Ok, je vais faire ça.
Je pense qu'on peut trouver un site qui les répertorie ?
Merci pour tout!!!


Message édité par Francois87 le 28-09-2006 à 17:40:52
Reply

Marsh Posté le 28-09-2006 à 17:49:10    

tappe balise html dans google , tu devrait trouver ton bonheur.
ya ca de mal ,http://www.chez.com/starshoot/html/listbalises.htm  
dans ton cas si tu limite à l'affichage d'image cherche les arguments pour centrer aligner ect ...
le html une fois  que tuas compris le systeme reste plus qu'a connaitre les balises , ca devrait aller asser vite ...


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 17:55:23    

Effectivement c'est assez simple...
On en fait déjà un peu dans les forums.
 
par hasard dans word vous savez pas comment faire pour que la page s'adapte à la taille de l'écran (pas que ça dépasse..) ???
http://site.voila.fr/16mm/pagewebHOME.gif
 
A+!

Reply

Marsh Posté le 28-09-2006 à 18:07:35    

mets pas les images cote/cote .
ou alors il faut les retailler ..


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 18:17:01    

Je crois que je vais laisser de côté Word et faire comme tu le dis avec quelques balises :)
 
Bon après-midi!
François

Reply

Marsh Posté le 28-09-2006 à 18:56:48    

sage decision , en plus si jamais tu compte faire autre chose aprés ce te servira toujours , d'avoir de bonnes bases...


---------------
à napus de serveur @home
Reply

Marsh Posté le 28-09-2006 à 19:00:58    

oui. En plus là j'essaie de mettre les balises de la page web que tu donnes et rien ne marche dans les html de word...
Mais avec les codes normaux il n'y a aucun problème ;)

Reply

Marsh Posté le 02-10-2006 à 17:32:40    

A propos de page perso, est-ce qu'il est possible de remplacer le début de l'url "http://site.voila.fr/" par une autre plus personnelle comme par exemple "http://bonjour.ch/" ??? :)
 
D'avance merci!

Reply

Marsh Posté le 02-10-2006 à 17:36:54    

ouep, il faut que tu achetes le nom de domaine "bonjour.ch" :)
ensuite tu fais rediriger ça vers ton site.voila.fr

Reply

Marsh Posté le 02-10-2006 à 17:42:02    

Hello!
J'aime pas beaucoup le mot acheter  :D C'est pas possible d'en avoir un gratuitement ? Sinon c'est combien ?  
 

Reply

Marsh Posté le 02-10-2006 à 18:06:24    

y'a des gratuits, mais pas en .ch, le coût ça depend de là où tu le prend...

Reply

Marsh Posté le 02-10-2006 à 18:54:29    

En fait .ch c'est pas obligatoire, c'est surtout du .fr que je voudrais éviter. Donc un truc plus large comme .net ce serait bien...
C'est possible de trouver du .net gratos ? J'ai trouvé ceci par exemple: http://www.domaine-gratuit.net/ , mais il faut au moins 2000 visites par mois...


Message édité par Francois87 le 02-10-2006 à 18:58:33
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed