Mettre un doc pdf sur un web pour telechargement

[olivemax]

Hello,

J'ai créé un site web avec dreamweaver 4 (sous classic) et je souhaite mettre un doc pdf (une image jpg enregistrée en pdf de 4,8 mo) à disposition sur une page de mon site pour que les visiteurs puissent la télécharger. Le doc doit bien sûr être fermé sur le site et représenté par une icone ou un lien texte.
Et je ne sais pas comment faire? Y a-t-il une solution simple
merci

 

[julrou 15]

Hello,

J'ai créé un site web avec dreamweaver 4 (sous classic) et je souhaite mettre un doc pdf (une image jpg enregistrée en pdf de 4,8 mo) à disposition sur une page de mon site pour que les visiteurs puissent la télécharger. Le doc doit bien sûr être fermé sur le site et représenté par une icone ou un lien texte.
Et je ne sais pas comment faire? Y a-t-il une solution simple
merci

Salut,

comme ça ?

<a href="lienverstondoc.pdf">Cliquez ici pour télécharger le document au format PDF</a>

 

[Membre supprimé 2]

et avec une icône clicable:

<a href="lienverstondoc.pdf"><img alt="pdf-icon" src="pdf-icon.gif" /></a>

 

[Anonyme]

et avec une icône clicable:

<a href="lienverstondoc.pdf"><img alt="pdf-icon" src="pdf-icon.gif" /></a>

Pour chipoter, mais c'est une question d'accessibilité, je ferais plutôt comme ceci :

<a href="lienverstondoc.pdf"><img alt="Cliquez ici pour télécharger le document au format PDF" src="pdf-icon.gif" /></a>

Source

 

[olivemax]

Vous êtes trop forts les mecs!!

sauf que:

J'ai juste un peu bidouillé de code pour que ça apparaisse en arial et en rouge
- Avec safari le lien marche mais la texte et l'icône n'apparaissent pas
- Avec firefox le lien marche, le texte apparaît mais il n'y pas d'icône

dans dreamw, lorsque je fais aperçu avec IE, ça marche, l'icône (par défaut?) est un espèce de carré avec un rond rouge avec une croix dedans. Mais si je ne charge pas sur le serveur une image représentant le symbole pdf, je ne vois pas trop comment ça pourrait apparaître??

Si vous avez 2 minutes pour aller voir la page et me dire ou ça coince dans le code, c'est ici:

hyperpictures
MERCI

 

[julrou 15]

Vous êtes trop forts les mecs!!

sauf que:

J'ai juste un peu bidouillé de code pour que ça apparaisse en arial et en rouge
- Avec safari le lien marche mais la texte et l'icône n'apparaissent pas
- Avec firefox le lien marche, le texte apparaît mais il n'y pas d'icône

dans dreamw, lorsque je fais aperçu avec IE, ça marche, l'icône (par défaut?) est un espèce de carré avec un rond rouge avec une croix dedans. Mais si je ne charge pas sur le serveur une image représentant le symbole pdf, je ne vois pas trop comment ça pourrait apparaître??

Si vous avez 2 minutes pour aller voir la page et me dire ou ça coince dans le code, c'est ici:

hyperpictures
MERCI

Essaie ça, ça devrait fonctionner :

<p align="left"><a href="/portfolio.pdf"><font face="Arial, Helvetica, sans-serif" size="1" color="#FF0000"><img alt="cliquez ici pour télécharger mon portfolio au format pdf" src="/pdf-icon.gif" border="0" align="absbottom" /></font></a></p>

Par contre je comprends pas trop pourquoi tu as laissé la balise <font>, puisque tu n'affiches pas de texte mais juste une image... et le gif pdf-icon, tu l'as mis où ? dans un dossier "images" ? si c'est le cas, tu changes le src de l'image par

src="/images/pdf-icon.gif"

(ou tout autre dossier de ton choix)


PS : tu peux trouver un gif "pdf" ici : http://www.greenpeace.org/raw/image_big_teaser/canada/en/photos-and-video/latest/pdf-icon.gif

 

[olivemax]

merci, ça roule
vous pouvez voir mes images!!

dispo pour des collaborations avec des webmaster talentueux…

hyperpictures homepage

 

[Leoparde]

Salut, je te conseillerais de mettre des alt et title sur tes images, ça te permettrait de leur mettre une description, ou du texte si jamais l'image d'est pas sur le serveur, mais comme dit :

Pour chipoter, mais c'est une question d'accessibilité

ALT : c'est si l'image n'est pas trouvé par le serveur
TITLE : C'est le texte qui s'affiche quand on passe la souris dessus

Un example sur l'image qui est sur l'accueil :

<img width="177" height="53" src="Logo/hyperpictures160.gif"/ alt="logo_hyperpictures" title="Welcome on my website">

 

[koeklin]

j'ai cliqué sur la zolie icône de pdf et son texte adjacent et j'ai eu le droit à la très jolie roue de mort multicolore, j'utilise Safari et comme pour tous documents PDF , safari ne cherche pas à le télécharger mais à l'ouvrir en ligne.
Je pense que ça serait pas mal de Zipper le document pour forcer son téléchargement sur tous les navigateurs (portfolio.pdf.zip)

 

[p4bl0]

:afraid:
wow wow wow wow !!

@Julrou 15 : La balise font c'est fini ET il n'y a plus d'attribut align pour la balise img. CSS

@olivemax : forcément avec l'image ça marche mieux...

@Leoparde : l'attribut alt de la balise img est même obligatoire ! Et elle est très importante au niveau de l'accessibilité, c'est ce texte que les moteur de recherches, lecteurs d'écrans et navigateurs en mode textes peuvent utiliser.
L'attribut title sert pour l'info-bulle quand on passe sur l'image, si il y a un lien autour de l'image qui en a une, alors elle n'est pas utile du tout .

 

[Anonyme]

Pour appuyer ce que dit p4bl0 sur l'attribut alt (obligatoire), il faut lui donner une valeur si l'image est informative, sinon on met un alt="". Voir absolument le lien que j'ai donné plus haut, tout est expliqué. Cet attribut alt sera aussi lu par les personnes aveugles qui surfent avec une synthèse vocale. Conclusion : mettre un alt="logo" ne veut rien dire du tout.

 

[pierre-auvergne]

C'est impeccable sous safari. Aucun problème.

 

[julrou 15]

:afraid:
wow wow wow wow !!

@Julrou 15 : La balise font c'est fini ET il n'y a plus d'attribut align pour la balise img. CSS

:rose:

OK

 

[Leoparde]

@Leoparde : l'attribut alt de la balise img est même obligatoire ! Et elle est très importante au niveau de l'accessibilité, c'est ce texte que les moteur de recherches, lecteurs d'écrans et navigateurs en mode textes peuvent utiliser.
L'attribut title sert pour l'info-bulle quand on passe sur l'image, si il y a un lien autour de l'image qui en a une, alors elle n'est pas utile du tout .

Elle n'est pas du tout obligatoire (alt) C'est juste comme ça a été dit (moi, toi et ils ) une question d'accessibilité, tant au niveau des personnes handicapées que des bots qui peuvent sillonner ton site web, s'il s'en fout ba autant qu'il ne les mette pas, il sera pas aux normes w3c c'est tout.
Pour title et les liens, tu peux expliquer pourquoi c'est inutile?

<a href="http://www.google.fr"><img src="me.jpg" alt="google website" title="Aller sur google"></a>

C'est toujours utile de savoir où l'on vas (et sur safari il n'y a pas l'affichage des liens comme FF)

Et bon si on voudrais vraiment qu'il fasse quelque chose de propre, il faudrait reprendre tout son site pour tout passe en css Et c'est ce que je lui conseil de faire vu que son site n'est pas encore "'gros'", donc c'est plus facile à faire comme manip.

 

[Anonyme]

s'il s'en fout ba autant qu'il ne les mette pas, il sera pas aux normes w3c c'est tout.

Donc c'est bien obligatoire

Deuxième effet quand on ne met pas le alt vide : quand les images sont désactivées sur certains navigateurs et si alt n'est pas présent, la navigateur affichera le nom du fichier. Pas très joli.

 

[p4bl0]

Le title de l'image est inutile quand elle est dans un lien car c'est celui du lien qu'on verra au survole de l'image, pas celui de l'image