Incorporer image dans page web
Résolu
bpl
-
bpl -
bpl -
Bonjour,
je cherche à insérer un logo (jpg, gif ou png) sous word dans une page web que je travaille. Pas de souci pour l'insertion jusqu'à la sauvegarde. Mais lorsque je regarde le site, seul le titre apparait mais pas l'image, alors que sous word pas de problème.
Merci de vos conseils
Bpl
je cherche à insérer un logo (jpg, gif ou png) sous word dans une page web que je travaille. Pas de souci pour l'insertion jusqu'à la sauvegarde. Mais lorsque je regarde le site, seul le titre apparait mais pas l'image, alors que sous word pas de problème.
Merci de vos conseils
Bpl
A voir également:
- Incorporer image dans page web
- Web office - Guide
- Supprimer une page dans word - Guide
- Comment traduire une page web - Guide
- Capture page web - Guide
- Création page web - Guide
6 réponses
salut,
il ne faut pas utiliser Word comme éditeur Web.
pour ton image c'est un problème d'adresse, regarde le code source avec un éditeur texte.
tu vas trouver une balise image, c'est l'attribut 'src' qu'il faut modifier.
tu mets l'image dans le même dossier que le document et tu indiques juste le nom de l'image comme source.
il ne faut pas utiliser Word comme éditeur Web.
pour ton image c'est un problème d'adresse, regarde le code source avec un éditeur texte.
tu vas trouver une balise image, c'est l'attribut 'src' qu'il faut modifier.
tu mets l'image dans le même dossier que le document et tu indiques juste le nom de l'image comme source.
<img scr="monfichier.png" />
Salut,
Quand tu es sous word l'image est effectivement incorporée à ton document.
En revanche sur internet tu as d'une part ta page web et d'autre part ton image. Les deux son situés sur un serveur distant mais pas directement liées.
Si ta page web est par exemple index.html et ton image est image.gif située dans un dossier images t udevras indiquer à ta page ou est l'image. Dans cet exemple cela donnerait <img src="/images/image.gif" />.
Si tu ne peux pas uploader ton image sur ton serveur t upeux utiliser un site comme imageshack qui proposent d'héberger des images.
Quand tu es sous word l'image est effectivement incorporée à ton document.
En revanche sur internet tu as d'une part ta page web et d'autre part ton image. Les deux son situés sur un serveur distant mais pas directement liées.
Si ta page web est par exemple index.html et ton image est image.gif située dans un dossier images t udevras indiquer à ta page ou est l'image. Dans cet exemple cela donnerait <img src="/images/image.gif" />.
Si tu ne peux pas uploader ton image sur ton serveur t upeux utiliser un site comme imageshack qui proposent d'héberger des images.
Merci à vous pour vos réponse
je ne m'étais même pas imaginer que je puisse travailler tout ça sur Dreamweaver. Je viens de tester et ç'est bon, c'est exactement ce que je voulais
Je reviendrai vous voir dès que j'aurai épuisé toutes mes possibilités
Merci à toi Dalida et à toi également Doctormad
Bpl
je ne m'étais même pas imaginer que je puisse travailler tout ça sur Dreamweaver. Je viens de tester et ç'est bon, c'est exactement ce que je voulais
Je reviendrai vous voir dès que j'aurai épuisé toutes mes possibilités
Merci à toi Dalida et à toi également Doctormad
Bpl
Rebonjour
Maintenant comment puis je en cliquant sur le logo rajouté, me retrouver directement sur l'article concerné de la page. (j'ai cru comprendre un système d'ancre???) est ce bien par ce biais? et comment y arriver?
Merci
Maintenant comment puis je en cliquant sur le logo rajouté, me retrouver directement sur l'article concerné de la page. (j'ai cru comprendre un système d'ancre???) est ce bien par ce biais? et comment y arriver?
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
pour une ancre, il faut ajouter un identifiant (qui doit être unique pour le document) à la balise visée (je prends un paragraphe comme exemple).
et un lien qui pointe vers cette ancre en faisant précéder le nom de l'ancre par un dièse.
comme l'image devient un lien, une bordure va apparaître, pour la supprimer :
<p id="article">blablabla</p>
et un lien qui pointe vers cette ancre en faisant précéder le nom de l'ancre par un dièse.
<a href="#article"><img src="fichier.png" /></a>
comme l'image devient un lien, une bordure va apparaître, pour la supprimer :
<img src="fichier.png" style="border-style:none;" />