Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
866 connectés 

  FORUM HardWare.fr
  Windows & Software

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2530073
Francois87
Posté le 27-09-2006 à 15:57:56  profilanswer
 

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

mood
Publicité
Posté le 27-09-2006 à 15:57:56  profilanswer
 

n°2530626
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 02:22:29  profilanswer
 

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
n°2530873
Francois87
Posté le 28-09-2006 à 12:37:28  profilanswer
 

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

n°2530886
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 12:53:28  profilanswer
 

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
n°2530897
Francois87
Posté le 28-09-2006 à 13:09:41  profilanswer
 

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...

n°2530919
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 13:35:40  profilanswer
 

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
n°2531002
Francois87
Posté le 28-09-2006 à 14:59:57  profilanswer
 

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 :)

n°2531012
Francois87
Posté le 28-09-2006 à 15:11:23  profilanswer
 

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
n°2531043
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 15:43:52  profilanswer
 

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
n°2531087
Francois87
Posté le 28-09-2006 à 16:35:00  profilanswer
 

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+!

mood
Publicité
Posté le 28-09-2006 à 16:35:00  profilanswer
 

n°2531092
starconsol​e
Vous n'en reviendrez pas.
Posté le 28-09-2006 à 16:38:12  profilanswer
 

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 !

n°2531104
Francois87
Posté le 28-09-2006 à 16:45:53  profilanswer
 

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) ;)

n°2531110
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 16:52:05  profilanswer
 

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
n°2531124
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 17:00:03  profilanswer
 

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
n°2531133
Francois87
Posté le 28-09-2006 à 17:06:12  profilanswer
 

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
n°2531135
Francois87
Posté le 28-09-2006 à 17:06:57  profilanswer
 

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>


 
;)

n°2531141
BaF - FlOp
Posté le 28-09-2006 à 17:09:05  profilanswer
 

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


Message édité par BaF - FlOp le 28-09-2006 à 17:09:21
n°2531145
Francois87
Posté le 28-09-2006 à 17:12:04  profilanswer
 

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à ;)

n°2531151
BaF - FlOp
Posté le 28-09-2006 à 17:15:19  profilanswer
 

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

n°2531176
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 17:30:20  profilanswer
 

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
n°2531178
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 17:31:35  profilanswer
 

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
n°2531179
Francois87
Posté le 28-09-2006 à 17:31:35  profilanswer
 

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.

n°2531181
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 17:34:38  profilanswer
 

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
n°2531185
Francois87
Posté le 28-09-2006 à 17:37:25  profilanswer
 

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
n°2531197
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 17:49:10  profilanswer
 

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
n°2531202
Francois87
Posté le 28-09-2006 à 17:55:23  profilanswer
 

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+!

n°2531209
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 18:07:35  profilanswer
 

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


---------------
à napus de serveur @home
n°2531216
Francois87
Posté le 28-09-2006 à 18:17:01  profilanswer
 

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

n°2531258
avelo
j'ai pas fait d'image
Posté le 28-09-2006 à 18:56:48  profilanswer
 

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
n°2531264
Francois87
Posté le 28-09-2006 à 19:00:58  profilanswer
 

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 ;)

n°2534073
Francois87
Posté le 02-10-2006 à 17:32:40  profilanswer
 

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!

n°2534077
BaF - FlOp
Posté le 02-10-2006 à 17:36:54  profilanswer
 

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

n°2534083
Francois87
Posté le 02-10-2006 à 17:42:02  profilanswer
 

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

n°2534097
BaF - FlOp
Posté le 02-10-2006 à 18:06:24  profilanswer
 

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

n°2534132
Francois87
Posté le 02-10-2006 à 18:54:29  profilanswer
 

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
mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Windows & Software

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

 

Sujets relatifs
htmlDans Word avoir l'option imprimer "page en cours" par défaut ?
Modifier l'icône du type .htm .html ?Supprimer page perso
erreur 503 un page sur troisStart Page IE pour tous les éventuels nouveaux comptes Windows
[Outlook 2003] Message vide...HTML?[Word] Index des notes de bas de page
WORD : impression du fond de pagePolices dans Word qui s'affichent pas
Plus de sujets relatifs à : Faire une page HTML avec voila.fr (les images ne s'affichent pas...)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR