Image sur mon site ?

Version imprimable

Salut! Je débute tout juste en HTML et j'arrive pas a mettre une photo de mon chat sur mon site (pas en ligne, il est juste sur l'bloc-note) ... le fichier s'appelle mognon et il est sur le bureau. Pouvez-vous m'dire please quel est l'souci?

Si possible aussi m'expliquer comment modifier l'code source sans a chaque fois recréer la page? Merci!

J'mets l'code ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
 
 
<head>
<meta charset="utf-8" />
<title>Mognon's Title!</title>
</head>
 
 
 
 
<body><p><h1> La vie de Mognon</h1>Mognon, Mognon, Mognon ...
 
 
 
 
 
<p>
 
Mognon est le chat le plus beau du monde! En voici la preuve rien que pour moi, en image!
<img src="mognon/DSCN1277.jpg" alt="chat siamois mognon"/>
 
</p>
 
 
 
 
 
 
 
C'est un chat de race Siamois, un vrai de vrai! </p>Un pur race, dont les origines viennent de Thailande ...<br/> Du royaume de Siam! <br/>Le pays des Siamois! <p> Mognon fait partie de la communauté des Francs Maçons Siamois de la ville de Cergy ... </p> <a href="mognon.html" title="Mognon c'est le plus beau"> Le site des Siamois Francs Maçons ici</a>!
 
 
 
 
 
</body>
 
 
 
 
 
</html>

31/12/2012, 11h59
Kaamo

Citation:

Si possible aussi m'expliquer comment modifier l'code source sans a chaque fois recréer la page? Merci!

J'ai du mal à comprendre ? Il suffit de modifier ton fichier ... et ensuite actualiser la page appelant le fichier dans ton navigateur pour voir les changements apportés.
Comment tu fais des modifications ? Tu recrées à chaque fois un nouveau fichier ???

Citation:

le fichier s'appelle mognon et il est sur le bureau

Pourtant, le code nous dit autre chose :

Code:

<img src="mognon/DSCN1277.jpg" alt="chat siamois mognon"/

ça, ça veut dire que ça va afficher l'image s'appelant DSCN1277.jpg et se trouvant dans le répertoire "mognon". Il faut donc que le code que tu viens de poster soit dans un fichier qui est situé au même niveau que le dossier mognon.

Citation:

_ tonCode.html
_ mognon
|_ DSCN1277.jpg
31/12/2012, 13h06
Virginia95

Coucou

Oui a chaque fois j'recréais un nouveau fichier mais la c'est bon, j'enregistre en texte j'ai compris l'truc Lol (j'suivais a l'aveugle un bouquin qui disait d'enregistrer en .html donc ... Lol)

La photo DSCN1277.jpg et le texte bloc-note sont dans le meme fichier mognon, sur mon bureau!
31/12/2012, 14h53
Kaamo

hum ... c'est quoi pour toi un "fichier mognon" ? C'est un truc qui contient tes "fichiers bloc-note" et ta "photo DSCN1277.jpg" ?
En gros, tu as ton "fichier bloc-note" au même endroit que la photo de ton chat ?

Alors dans ton code, retire "mognon". Met tout simplement :

Code:

<img src="DSCN1277.jpg" alt="chat siamois mognon"/>

Pour que tu emplois les bons termes à l'avenir :
- Ne pas confondre fichier (cela peut être une photo, un document qui contient du texte, etc) avec un répertoire (ou dossier) qui contient des fichiers.
- Ne dis pas texte bloc-notes. Bloc-notes est un éditeur de texte. Il te permet de créer, modifier, supprimer du texte. Bloc-notes n'est qu'un outil parmi tant d'autres pour créer ton "texte".
- Le texte que tu écris, c'est du "HTML". Ce n'est pas qu'un simple texte.

Donc dans ton cas, "mognon" est un répertoire (ou dossier) qui est sur ton bureau. Il contient deux fichiers :
- un fichier HTML (où est écrit tout ce code)
- une photo de ton chat nommée DSCN1277.jpg
31/12/2012, 16h34
Virginia95

Ok! :D

Donc oui sur mon bureau y'a un dossier mognon qui contient DSCN1277.jpg et le fichier HTML!

J'vais tester ton code ...
31/12/2012, 16h39
Virginia95

Ca pôsse pô ...
31/12/2012, 16h56
Bovino

Ca n'aide pas grand monde comme description d'erreur... :roll:

Si tu montrais l'état actuel de ton code ?

Coucou

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
 
 
<head>
<meta charset="utf-8" />
<title>Mognon's Title!</title>
</head>
 
 
 
 
<body><p><h1> La vie de Mognon</h1>Mognon, Mognon, Mognon ... 
 
 
 
 
 
<p> Mognon est le chat le plus beau du monde! En voici la preuve rien que pour moi, en image! 
<img src="DSCN1277.jpg" alt="chat siamois mognon"/>  </p>
 
 
 
 
 
 
 
C'est un chat de race Siamois, un vrai de vrai! </p>Un pur race, dont les origines viennent de Thailande ...<br/> Du royaume de Siam! <br/>Le pays des Siamois! <p> Mognon fait partie de la communaut� des Francs Maçons Siamois de la ville de Cergy ... </p> <a href="mognon.html" title="Mognon c'est le plus beau"> Le site des Siamois Francs Maçons ici</a>!
 
 
 
 
 
</body>
 
 
 
 
 
</html>

02/01/2013, 00h23
DezMax

renomme ton fichier avec un nom plus facile du genre "chat.jpg" créer toi un dossier met tout dedans et je pense qu'en t'organisans de cette manière tu réussiras .

Citation:

Envoyé par DezMax

renomme ton fichier avec un nom plus facile du genre "chat.jpg" créer toi un dossier met tout dedans et je pense qu'en t'organisans de cette manière tu réussiras .

Coucou

J'ai renommé comme tu dis ca passe pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
 
 
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="mognon1234.css" />
<title>Mognon's Title!</title>
</head>
 
 
 
 
<body><p><h1> La vie de Mognon</h1>Mognon, Mognon, Mognon ... 
 
 
 
 
 
<p> Mognon est le chat le plus <span class="beautiful">beau</span> du monde! En voici la preuve rien que pour moi, en image!</p>
<img src="chat.jpg" alt="chat siamois mognon"/>  
 
 
 
 
 
 
 
C'est un chat de race Siamois, un vrai de vrai! </p>Un pur race, dont les origines viennent de Thailande ...<br/> Du royaume de Siam! <br/>Le pays des Siamois! <p> Mognon fait partie de la communaut� des Francs Maçons Siamois de la ville de Cergy ... </p> <a href="mognon.html" title="Mognon c'est le plus beau"> Le site des Siamois Francs Maçons ici</a>!
 
 
 
 
 
</body>
 
 
 
 
 
</html>

J'sais pas si c'est important ou si ca a un rapport mais dans l'type de la photo c'est écrit HPTSMSMSVP.JPG ...

02/01/2013, 14h22
Virginia95

C'est bon! I suffisait d'mettre "chat" tout court ...

Merci a tous!
02/01/2013, 23h07
thelvin

Citation:

Envoyé par Virginia95

C'est bon! I suffisait d'mettre "chat" tout court ...

Ah, le bon vieux "masquer les extensions" de Windows...
On se demande encore aujourd'hui à quoi ça a pu servir un jour, mais on l'a tous vu poser de nombreux problèmes.
03/01/2013, 00h22
DezMax

non je pense que c'est plutot elle qui a enlever l'extension de son image, que windows affiche ou pas les extensions sa ne change rien le nom réelle d'une image est là tu devrais songer à vérifier l'extension de ton image et vérifier que tu ne l'est pas supprimer .
03/01/2013, 10h48
Virginia95

En fait j'avais nommé "chat.jpg" et j'ai juste mis "chat". Donc j'pense que ca rendait chat.jpg.jpg.