Site html : pas d'images visibles

cali -  
 cali -
Bonjour tout le monde,
je ne sais pas si vous allez pouvoir m'aider car j'ai déjà tout essayé, mais je vous explique : notre prof veut nous faire faire un site de base en html et sur les 6 images que j'ai essayé d'insérer, seulement 3 petites s'affichent. Pourtant j'ai verifié 20 fois le code source, mis les fichiers jpg dans le meme que les pages html... je ne sais plus quoi faire et je desespere. Quelqu'un pourrait-il m'aider ??
l'adresse c'est : https://www.univ-lille.fr
merci beaucoup!
A voir également:

33 réponses

ravello
 
bonsoir

tu peux mettre ton code?

a+
0
cali
 
oui, désolée :

<html>

<head>

<title> la PAO pour les nuls! </title>

</head>

<body BGCOLOR="#F9E0FF">

<br>
<br>
<br>
<br>
<img src="accueil.jpg">
<br>

<br>
<CENTER><a href="page1.html">Illustrator</a></CENTER>
<CENTER><a href="page2.html">Photoshop</a></CENTER>
<CENTER><a href="page1.html">In Design</a></CENTER>
<CENTER><a href="page1.html">Débuter le html</a></CENTER>

</body>

</html>

voilà... j'espère que tu pourras m'apporter ton aide !! merci !!
0
ravello
 
re

tu n'as inserer qu'une image:acceuil.jpg

d'autres part le code est mauvais

pour inserer une image:


<p>
<img src="image1.jpg" alt="photo"/>
</p>

et si tu as 6 images il faut le faire 6 fois en changeant le nom de l'image("image2.jpg","image3.jpg",etc........)

il faut mettre l'attribut alt="photo"
0
cali
 
et l'autre page, celle ou les petites images s'affichent :

<html>

<head>

<title> la PAO pour les nuls! </title>

</head>

<body BGCOLOR="#F9E0FF">

<h1><BLOCKQUOTE><FONT COLOR="#8000FF"> Commençons par Illustrator ! </FONT></BLOCKQUOTE></h1>

<br>
<br>

<h3><BLOCKQUOTE><FONT COLOR="#FD0396"> Le vecteur - élément essentiel </FONT></BLOCKQUOTE></h3>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Pour comprendre toute la subtilité d’Illustrator, il faut comprendre le principe de l’image vectorielle : une image vectorielle est composée de formules mathématiques qui lors de l’affichage affichent des pixels. Leurs positions sont calculées lors de chaque affichage. C’est le principal avantage du vectoriel, ils ne sont pas lourds et ils peuvent êtres redimensionnés à volonté sans perte de qualité, car l’image est recalculée à chaque affichage!
</FONT></BLOCKQUOTE>

<br>

<h3><BLOCKQUOTE><FONT COLOR="#FD0396"> Les outils de base ! </FONT></BLOCKQUOTE></h3>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La flèche noire : </FONT></b><img src="flechenoire.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Elle sert à faire les sélections générales, vous l’utiliserez pour sélectionner la plupart des objets. Vous pouvez ajouter plusieurs objets à la sélection en appuyant sur shift lorsque vous cliquez sur les autres objets. </FONT></BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La flèche blanche : </FONT></b><img src="flecheblanche.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Elle sert à sélectionner les parties des objets, comme les lignes d’une forme ou seulement une forme faisant partit d’un groupe. Vous pouvez ajouter plusieurs objets à la sélection en appuyant sur shift lorsque vous cliquez sur les autres objets.
Elle permet aussi de modifier les points d’ancrage des lignes (qui sont créé par la plume). </FONT></BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La plume : </FONT></b><img src="plume.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> C’est l’outil le plus important car sans lui, vous ne pourrez rien faire ! Mais mieux vaut une <h3><FONT COLOR="#FD0396"> démonstration </FONT></h3> que de grandes explications ! </FONT></b></BLOCKQUOTE>

<BLOCKQUOTE><img src="ex1_illustrator.jpeg"></BLOCKQUOTE>

<br>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Prenez la plume et cliquez n’importe où sur le document. Vous avez maintenant un point d’ancrage. Cliquez ensuite un peu plus loin, vous obtenez une ligne droite! (a)</BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB">Toujours avec la plume, cliquez plus haut entre vos 2 points de façon à former un triangle et recliquez sur votre premier point, il ne disparaîtra pas, car lorsque votre curseur passe dessus, il devient un rond au lieu d’un « - », ce qui veut dire qu’il va fermer votre tracé. (c)</BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB">Je vais maintenant vous montrer à faire des courbes. Avec la plume, cliquez n’importe où puis cliquez un peu plus loin mais cette fois sans relâcher le bouton de la souris. Déplacez maintenant votre curseur pour faire sortir la ligne de plusieurs centimètres, vous obtenez une courbe! (b)</BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9">Un peu plus compliqué!</FONT></b></BLOCKQUOTE>
<BLOCKQUOTE><FONT COLOR="#047EDB"> je vais vous apprendre à faire une belle pomme!

<br><BLOCKQUOTE><img src="pomme.jpg"></BLOCKQUOTE>
<br> Toujours avec l'outil plume, faîtes une belle ligne droite, puis recliquez sur votre 1er point d'ancrage pour refermer la figure.
<br> Sélectionnez le "petit frère" de la plume, celui en accent circonflexe, et cliquez sur le 1er point d'ancrage sans relacher. Puis, étirez. Une boucle se forme, relachez.
<br> Refaîtes la même opération pour le second point d'ancrage, vous obtenez une forme arrondie... mais qui ne ressemble pas encore a une pomme!
<br> Veillez a ce que les lignes des vecteurs restent apparentes à l'aide de l'outil flèche blanche. Puis, toujours avec le petit frère de la plume, prenez une extrémité et bougez la a volonté : la ligne se casse! Une opération bien utile pour peaufiner ses dessins!
<br> Ensuite, laissez libre cours à votre imagination !
<br> P.S : Vous remarquez que ma pomme a été croquée... je vous laisse chercher comment j'ai fais! un indice : l'outil cutter! </FONT></BLOCKQUOTE>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9">Vous êtes maintenant prêts à vous lancer dans l’aventure Illustrator... Et à réaliser de vrais chef d’oeuvres !!!</FONT></b></BLOCKQUOTE>

</body>

</html>

Une petite précision : celles qui s'affichent, je les ai trouvées sur internet, celles qui ne s'affichent pas, je les ai faites avec photoshop (je ne sais pas si ça pourra vous aider)
0
ravello
 
re

en fait les images n'apparaîssent pas parceque le code d'insertion n'est pas bon

a+
0
Gentlemen
 
Bonsoir,
Ma question est premièrement :
Est-ce que tu as bien definie l'url de tes images ?
Si oui
Est-ce que tes images se trouve dans le bon dossier ? Exemple dans un dossier "images".
As-tu bien tapé le code html d'une image ? [code]<img src="url de l'image"></img>[/code]?

Ensuite ton site est lent à ce mettre en ligne faudrais y remedié.

A bientôt.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
cali
 
Gentleman, oui j'ai encore vérifié et mes images se trouvent dans le même dossier que mes pages html. J'ai essayé ton code mais ça ne marche toujours pas.... qu'est ce que je peux faire ?
0
ravello
 
essaies ce code comme je te l'ai dit plus haut:
<p>
<img src="image.jpg" alt="photo"/>
</p>
0
ravello
 
re

j'ai oublie de te dire que tu remplaces "image.jpg" par le nom que tu as donné à tes images,en l'ocurrence pour la première page

"acceuil.jpg"
0
cali
 
excuse moi ravello j'avais pas vu, j'essaie tout de suite !!!
0
cali
 
bon , ben je suis un cas desespéré car ca ne marche toujours pas.

.......
0
ravello
 
remets ton code
0
cali
 
<html>

<head>

<title> la PAO pour les nuls! </title>

</head>

<body BGCOLOR="#F9E0FF">

<br>
<br>
<br>
<br>
<p>
<img src="accueil.jpg" alt="photo"/>
</p>
<br>
<br>
<CENTER><a href="page1.html">Illustrator</a></CENTER>
<CENTER><a href="page2.html">Photoshop</a></CENTER>
<CENTER><a href="page1.html">In Design</a></CENTER>
<CENTER><a href="page1.html">Débuter le html</a></CENTER>

</body>

</html>

ca doit être plus qu'une erreur de code....?
0
ravello
 
as tu bien verifié le nom que tu as donné à tes images?

tes images sont elles dans un dossier avec tes fichiers html?
0
cali
 
Alors c'est à n'y rien comprendre....

Je viens de tout supprimer sur mon client ftp. J'ai également changé l'image et ... ça a marché.
J'ai rien compris, mais maintenant au moins ça marche.

Merci pour ton aide Ravello !!!
0
cali
 
bon, ben ça a marché pour UNE image.
pour la deuxième page je rame toujours autant. J'y comprend rien mais alors rien!!
0
ravello
 
re

ben là je ne vois pas:attends un peu quelqu'un d'autre aura peut être une idée!

bonne soirée
0
ilan27 Messages postés 395 Statut Membre 36
 
Bonsoir à tous,
Quand tu dis que tu as changé l'image, ça veut dire quoi précisément?
Et puis, fais attention, les noms d'images doivent être strictement les même, y compris la casse!!
0
cali
 
ilan27 : j'avais mis au début une image avec 2 filles qui parlent que j'avais fait sous illustrator mais enregistré en jpeg. Comme rien n'allait j'ai tout effacé le site, changé le code source de l'image de la page index pour mettre une autre image à la place, et ça a marché.
J'ai essayé de faire la même chose pour les 2 images qu'il me restait sur une autre page mais là, ça ne va plus... alors que 3 petites s'affichent sur cette même page.
0
ilan27 Messages postés 395 Statut Membre 36
 
Alors refais voir le code, et les noms d'image exact avec leur extension.
C'est la taille des images qui te dérange?
0
cali
 
non, ce n'est pas la taille mais le fait qu'elles ne s'affichent pas alors que je pense avoir mis le bon code et ne pas m'être trompée de dossier.

Le nom des deux images qui ne s'affichent pas sont : courbettes.jpg et pommette.jpg
les autres images flechenoire.jpg, flecheblanche.jpg et plume.jpg s'affichent sans problème.... Voici le code :

<html>

<head>

<title> la PAO pour les nuls! </title>

</head>

<body BGCOLOR="#F9E0FF">

<h1><BLOCKQUOTE><FONT COLOR="#8000FF"> Commençons par Illustrator ! </FONT></BLOCKQUOTE></h1>

<br>
<br>

<h3><BLOCKQUOTE><FONT COLOR="#FD0396"> Le vecteur - élément essentiel </FONT></BLOCKQUOTE></h3>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Pour comprendre toute la subtilité d’Illustrator, il faut comprendre le principe de l’image vectorielle : une image vectorielle est composée de formules mathématiques qui lors de l’affichage affichent des pixels. Leurs positions sont calculées lors de chaque affichage. C’est le principal avantage du vectoriel, ils ne sont pas lourds et ils peuvent êtres redimensionnés à volonté sans perte de qualité, car l’image est recalculée à chaque affichage!
</FONT></BLOCKQUOTE>

<br>

<h3><BLOCKQUOTE><FONT COLOR="#FD0396"> Les outils de base ! </FONT></BLOCKQUOTE></h3>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La flèche noire : </FONT></b><img src="flechenoire.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Elle sert à faire les sélections générales, vous l’utiliserez pour sélectionner la plupart des objets. Vous pouvez ajouter plusieurs objets à la sélection en appuyant sur shift lorsque vous cliquez sur les autres objets. </FONT></BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La flèche blanche : </FONT></b><img src="flecheblanche.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Elle sert à sélectionner les parties des objets, comme les lignes d’une forme ou seulement une forme faisant partit d’un groupe. Vous pouvez ajouter plusieurs objets à la sélection en appuyant sur shift lorsque vous cliquez sur les autres objets.
Elle permet aussi de modifier les points d’ancrage des lignes (qui sont créé par la plume). </FONT></BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9"> La plume : </FONT></b><img src="plume.jpg"></BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB"> C’est l’outil le plus important car sans lui, vous ne pourrez rien faire ! Mais mieux vaut une <h3><FONT COLOR="#FD0396"> démonstration </FONT></h3> que de grandes explications ! </FONT></b></BLOCKQUOTE>

<center><img src="courbettes.jpg"></center>

<br>

<BLOCKQUOTE><FONT COLOR="#047EDB"> Prenez la plume et cliquez n’importe où sur le document. Vous avez maintenant un point d’ancrage. Cliquez ensuite un peu plus loin, vous obtenez une ligne droite! (a)</BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB">Toujours avec la plume, cliquez plus haut entre vos 2 points de façon à former un triangle et recliquez sur votre premier point, il ne disparaîtra pas, car lorsque votre curseur passe dessus, il devient un rond au lieu d’un « - », ce qui veut dire qu’il va fermer votre tracé. (c)</BLOCKQUOTE>

<BLOCKQUOTE><FONT COLOR="#047EDB">Je vais maintenant vous montrer à faire des courbes. Avec la plume, cliquez n’importe où puis cliquez un peu plus loin mais cette fois sans relâcher le bouton de la souris. Déplacez maintenant votre curseur pour faire sortir la ligne de plusieurs centimètres, vous obtenez une courbe! (b)</BLOCKQUOTE>

<br>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9">Un peu plus compliqué!</FONT></b></BLOCKQUOTE>
<BLOCKQUOTE><FONT COLOR="#047EDB"> je vais vous apprendre à faire une belle pomme!

<br>

<img src="pommette.jpg">

<br> Toujours avec l'outil plume, faîtes une belle ligne droite, puis recliquez sur votre 1er point d'ancrage pour refermer la figure.
<br> Sélectionnez le "petit frère" de la plume, celui en accent circonflexe, et cliquez sur le 1er point d'ancrage sans relacher. Puis, étirez. Une boucle se forme, relachez.
<br> Refaîtes la même opération pour le second point d'ancrage, vous obtenez une forme arrondie... mais qui ne ressemble pas encore a une pomme!
<br> Veillez a ce que les lignes des vecteurs restent apparentes à l'aide de l'outil flèche blanche. Puis, toujours avec le petit frère de la plume, prenez une extrémité et bougez la a volonté : la ligne se casse! Une opération bien utile pour peaufiner ses dessins!
<br> Ensuite, laissez libre cours à votre imagination !
<br> P.S : Vous remarquez que ma pomme a été croquée... je vous laisse chercher comment j'ai fais! un indice : l'outil cutter! </FONT></BLOCKQUOTE>

<BLOCKQUOTE><b><FONT COLOR="#BF6DF9">Vous êtes maintenant prêts à vous lancer dans l’aventure Illustrator... Et à réaliser de vrais chef d’oeuvres !!!</FONT></b></BLOCKQUOTE>

</body>

</html>
0
ilan27 Messages postés 395 Statut Membre 36
 
D'accord. J'ai plusieurs questions:
1. Quelles sont les tailles des images? (Est-ce qu'elles sont plutôt grandes à la base ou petites?)
2. Qu'est-ce qui s'affiche? Rien, ou un rectangle à l'emplacement de l'image avec une croix ou un petit logo en haut à gauche?

Suggestion: essaye de les placer hors d'un <center>ou d'un <blockquote>. Juste pour voir si c'est le problème.
0
cali
 
1. Ce sont des images plutôt grandes, je les ai réduites mais elles ne s'affichent pas pour autant
2. Ce qui s'affiche : un petit carré avec une sorte de logo dedans et sous explorer un carré avec une croix dedans. Je les ai aussi placées dans un <center> et un <blockquote>, ce logo se met alors au centre mais l'image ne s'affiche toujours pas.
Si ça peut t'aider tu peux aller voir à cette adresse : https://www.univ-lille.fr

Ce qui est étrange c'est qu'en faisant une troisième page (photoshop.html) la majorité des images se sont affichées sauf une, alors que j'ai respecté le même principe.
0
ilan27 Messages postés 395 Statut Membre 36
 
Je vois, le problème estqu'elles ne se chargent pas. Alors supprime les de ton site, et réenvoye-les, en vérifiant que le message "chargement du serveur réussi" ou quelque chose comme ça s'affiche.
0
cali
 
Il n'y a rien à faire, le fichier se met dans la file "transferts réussis" mais les image ne s'affichent toujours pas sur le site... j'utilise file zilla, est ce que cvous savez si c'est fiable ?
0
ilan27 Messages postés 395 Statut Membre 36
 
Biensur, c'est celui que j'utilise. Verifie si tes images ne sont pas trop lourdes. Elles font combien de Ko ou Mo?
0