Incorporer image dans page web
Résolu/Fermé
A voir également:
- Incorporer image dans page web
- Supprimer une page word - Guide
- Traduire une page web - Guide
- Instagram web - Guide
- Image iso - Guide
- Page d'accueil iphone - Guide
6 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
16 janv. 2008 à 17:50
16 janv. 2008 à 17:50
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" />
doctormad
Messages postés
430
Date d'inscription
mercredi 28 novembre 2007
Statut
Membre
Dernière intervention
2 avril 2015
99
16 janv. 2008 à 17:54
16 janv. 2008 à 17:54
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
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
16 janv. 2008 à 19:08
16 janv. 2008 à 19:08
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;" />