site html : pas d'images visibles

Question

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!

ravello · Answer

bonsoir

tu peux mettre ton code?

a+

cali · Answer

oui, désolée : la PAO pour les nuls!

Illustrator Photoshop In Design Débuter le html voilà... j'espère que tu pourras m'apporter ton aide !! merci !!

cali · Answer

et l'autre page, celle ou les petites images s'affichent : la PAO pour les nuls!

Commençons par Illustrator !

Le vecteur - élément essentiel

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!

Les outils de base !

La flèche noire :

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.

La flèche blanche :

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

La plume :

C’est l’outil le plus important car sans lui, vous ne pourrez rien faire ! Mais mieux vaut une
démonstration
que de grandes explications !

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)

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)

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)

Un peu plus compliqué!

je vais vous apprendre à faire une belle pomme!

Toujours avec l'outil plume, faîtes une belle ligne droite, puis recliquez sur votre 1er point d'ancrage pour refermer la figure.
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.
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!
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!
Ensuite, laissez libre cours à votre imagination !
P.S : Vous remarquez que ma pomme a été croquée... je vous laisse chercher comment j'ai fais! un indice : l'outil cutter!

Vous êtes maintenant prêts à vous lancer dans l’aventure Illustrator... Et à réaliser de vrais chef d’oeuvres !!!

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)

Gentlemen · Answer

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]

[/code]? Ensuite ton site est lent à ce mettre en ligne faudrais y remedié. A bientôt.

cali · Answer

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 ?

ravello · Answer

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"

cali · Answer

excuse moi ravello j'avais pas vu, j'essaie tout de suite !!!

cali · Answer

bon , ben je suis un cas desespéré car ca ne marche toujours pas.

.......

cali · Answer

la PAO pour les nuls!

Illustrator Photoshop In Design Débuter le html ca doit être plus qu'une erreur de code....?

cali · Answer

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

cali · Answer

bon, ben ça a marché pour UNE image.
pour la deuxième page je rame toujours autant. J'y comprend rien mais alors rien!!

ilan27 · Answer

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

cali · Answer

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.

ilan27 · Answer

Alors refais voir le code, et les noms d'image exact avec leur extension.
C'est la taille des images qui te dérange?

cali · Answer

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 : la PAO pour les nuls!

Commençons par Illustrator !

Le vecteur - élément essentiel

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!

Les outils de base !

La flèche noire :

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.

La flèche blanche :

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

La plume :

C’est l’outil le plus important car sans lui, vous ne pourrez rien faire ! Mais mieux vaut une
démonstration
que de grandes explications !

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)

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)

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)

Un peu plus compliqué!

je vais vous apprendre à faire une belle pomme!

Toujours avec l'outil plume, faîtes une belle ligne droite, puis recliquez sur votre 1er point d'ancrage pour refermer la figure.
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.
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!
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!
Ensuite, laissez libre cours à votre imagination !
P.S : Vous remarquez que ma pomme a été croquée... je vous laisse chercher comment j'ai fais! un indice : l'outil cutter!

Vous êtes maintenant prêts à vous lancer dans l’aventure Illustrator... Et à réaliser de vrais chef d’oeuvres !!!

ilan27 · Answer

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 ou d'un

. Juste pour voir si c'est le problème.

cali · Answer

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 et un

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

ilan27 · Answer

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.

cali · Answer

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 ?

ilan27 · Answer

Biensur, c'est celui que j'utilise. Verifie si tes images ne sont pas trop lourdes. Elles font combien de Ko ou Mo?

cali · Answer

pommette : 569 Ko (583 596 octets)
courbettes : 573 Ko (587 409 octets)
ce ne sont pas des images particulièrement lourdes......... autre bizzarerie : une autre image qui ne s'affichait pas il y a 10 min s'est chargée comme par magie sans que je ne touche à rien! Dans ce cas, c'est peut-être un problème de serveur ?

ilan27 · Answer

Je crois que oui!!
C'est quoi comme hébergeur?

ilan27 · Answer

Je ne pense pas,parce que moi, quand j'ai des images de cette taille là, on les voit se charger, pas dans ce cas. Et puis je ne pense pas que ce soit si long...

cali · Answer

c'est le serveur de mon université... je vais voir pour en changer.
je vais essayer de réduire la taille de mes images mais je ne crois pas que ça va marcher car j'en ai des plus lourdes que ça qui se sont affichées.... quel casse tête.

ilan27 · Answer

Je pense que ton code est bon... Tu dois prendre le serveur de ton université??

cali · Answer

en fait le problème c'est que certaines s'affichent et d'autres non, qu'elles soient petites ou grandes. En plus, une qui ne s'affichait pas a un moment s'est affichée 10minutes plus tard sans que je ne fasse rien... je pense que c'est réellement un souci de serveur car il n'y aucune logique...

cali · Answer

non je ne suis pas obligée, mais comme on dispose d'un espace sur le serveur de l'école et que le prof l'a pris comme exemple pour nous expliquer j'ai pensé que c'était le plus simple. Je suis en train de regarder pour voir si je peux en avoir un avec mon fournisseur d'accès qui est orange mais il faut être l'utilisateur principal. Tu en connaîtrais un gratuit qui marche bien?

ilan27 · Answer

Essaye ifrance.com
Tiens moi au courant

cali · Answer

bon je laisse tomber ça me prend trop le chou, avec ifrance j'arrive plus rien à afficher... je retourne sur l'ancien serveur, je mettrai moins de photos c'est tout... merci pour votre aide à tous en tout cas

cali · Answer

CA Y EST JAI COMPRIS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!




C'était bel et bien un problème de résolution d'images !!! Je n'y croyais pas au début car mon image était toute petite MAIS elle faisait tout de même 560ko (quelqu'un a dit que c'était trop) et en la rapetissant, ça faisait toujours 560ko !!! bizarre !!!! Mais pas tant que ça car je me suis aperçue que toutes les photos qui s'affichaient étaient en RVB or, celles qui ne s'affichaient pas étaient en CMJN !!!!! Donc, en opérant cette modification je me suis aperçue que la taille de l'image baissait d'un coup !!! et maintenant mon site marche à merveille !!!! 
Ca fait du bien d'avoir enfin compris !!!!! 
Encore un grand merci à vous tous!!!

ilan27 · Answer

Alors il te manque qqchose... Tu as tout transféré en integralité??
Avec moi ifrance c'est impecc, c'est pour ca que ça m'etonne

ilan27 · Answer

Bravo, le problème est résolu!!
Bon alors maintenant je saurais qu'il faut faire attention à ce genre de détail.
Bonne continuation.

cali · Answer

oui, même si ça a pris du temps au moins maintenant on le saura !! Oui tu avais bel et bien raison Ravello !! Merci pour le site !

Site html : pas d'images visibles

33 réponses

Votre réponse

Discussions similaires

Newsletters