Forum officiel - Topic "Site a partir d'une image"

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 04/06/2004 à 17:25:35

Site a partir d'une image

Bonbjour a tous
Je voulais savoir si on ouvait faire un site a partir d'une image. Je m'explique, j'ai une image ici et j'aimerais savoir si je peut mettre les liens, le texte et touts sur l'image, par exemple a droite ou c'est marqué VII VIII IX,... mettre des liens. Si c'est possible, quel est le language a connaître?
Merci d'avance.
Nico

Puppet_Master

maire

inscrit le 01/03/2003

le 04/06/2004 à 17:40:02

Site a partir d'une image

Flash

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 04/06/2004 à 17:41:40

Site a partir d'une image

C'est le seul language? autant décortiquer l'image...

Puppet_Master

maire

inscrit le 01/03/2003

le 04/06/2004 à 17:43:03

Site a partir d'une image

Le seul langage que je connaisse oui, il y a peut-être autre chose je ne sais pas.

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 04/06/2004 à 17:52:24

Site a partir d'une image

Ok merci beaucoup puppet

adjoint

inscrit le 06/03/2003

le 04/06/2004 à 22:30:24

Site a partir d'une image

tu peux aussi faire ça avec des calques

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 05/06/2004 à 10:48:50

Site a partir d'une image

Comment sa?

adjoint

inscrit le 06/03/2003

le 05/06/2004 à 11:21:05

Site a partir d'une image

Bah tu pars de ton image, tu crées des claques avec les textes qui doivent apparaitre qd on cliquera sur VII, VIII, IX.
Ensuite tu crées une sorte de calque-bouton au dessus de VII, VIII, IX ... et tu mets une fonction javascript pour que qd tu appuie sur telle partie de l'image, il y ait tel calque de texte qui apparaisse, et que qd tu cliques sur un autre, le texte de calque présent se cache et qu'un autre s'affiche

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 05/06/2004 à 11:27:57

Site a partir d'une image

????? Je comprend pas trop...
éjà comment on fait des calques?

Babaorum

adjoint

L'homme n'est qu'une machine

inscrit le 01/03/2003

le 05/06/2004 à 16:49:20

Site a partir d'une image

Ou une simple image multizones avec HTML. Voir l'utilisation des balises <map> et <area> avec <img>. C'est très simple, il faut juste mesurer les zones en pixels (ce qui est assez facile avec un bon éditeur graphique - Photoshop, Paint Shop Pro, The Gimp...)

FonE_TonE

Bonjour,
Mon forum de manga
Mon forum d'informatique

inscrit le 09/05/2004

le 05/06/2004 à 22:54:38

Site a partir d'une image

Ouais sinon il y a le HTML c'est plus simple!
enfin je veux dire que c'est moins compliqué que le flash!

Tu peux utiliser frontpage 2000
Tu selectionne l'img puis en dessous tu as des formes tu clique dessus et après tu personnalise l'emplacement en dirigeant tous simplement la forme a l'emplacement.

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 06/06/2004 à 20:44:35

Site a partir d'une image

Merci beaucoup a tous !!!!

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 07/06/2004 à 17:32:44

Site a partir d'une image

J'ai réussi grâce à un petit logiciel simpas qui te donne le code HTML a mettre sur l'image. Si quelqu'un le veut, c'est Map This 1.3 Merci beaucoup. Je me lançerais surement dans le Flash plus tard, pour le moment je suis quand même jeune (13 ans)

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 07/06/2004 à 18:45:33

Site a partir d'une image

Une dernière chose, pour ceux qui veulent voir mon brouillon cliquez ici
et ceux qui veulent voir mon cide ben je le mets en bas. Merci a tous, vous m'avez bien aidé. ( le texte en couleur, c'est ma Map.

<html>
<head>
<title>Home.jpg</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-

</script>
</head>
<BODY>
<div id="Layer1" style="position:absolute; left:203px; top:602px; width:1090px; height:1211px; z-index:1">
<div align="center">
<p><font color="#FFFFFF">Bonjour à tous Fan de Final Fantasy</font></p>
<p><font color="#FFFFFF">Sur ce site, il y'as des soluces pour les final fantasy
VII A X-2 et Kingdom Hearts, Legend of dragoon et Shadow hearts.</font></p>
<p><font color="#FFFFFF">NEW</font></p>
<p><font color="#FFFFFF">Voila le nouveau design fait pas le cowebmaster/designer
et qui je trouve et beaucoup, beaucoup, beacoup plus beau. Je suppose que
voçus savez vu Shiva a l'entré, c'est-t-y pas</font> <font color="#FFFFFF">beau
hein? Bon ben voila sinon pas grand chose et je vais finir la partie FFX.</font></p>
</div>
</div>
<img src="../../../../Mes%20documents/Mes%20fichiers%20re%E7us/02-SiteNicolas%20-%20Home.jpg" USEMAP="#Home" width="1280" height="2000">
<MAP NAME="Home">
<!-- #$-:Image Map file created by Map THIS! -

<!-- #$-:Map THIS! free image map editor by Todd C. Wilson -

<!-- #$-:Please do not edit lines starting with "#$" -

<!-- #$VERSION:1.30 -

<!-- #$DATE:Mon Jun 07 18:07:42 2004 -

<!-- #$PATH:C:\Mes documents\Mes fichiers reçus\ -

<!-- #$GIF:02-SiteNicolas - Home.jpg -

<AREA SHAPE=RECT COORDS="27,435,183,526" HREF="http://riku007007.free.fr/ffvii.htm">
<AREA SHAPE=RECT COORDS="28,534,184,593" HREF="http://riku007007.free.fr/ffviii.htm">
<AREA SHAPE=RECT COORDS="28,193,182,256" HREF="http://riku007007.free.fr">
<AREA SHAPE=RECT COORDS="27,601,185,654" HREF="http://riku007007.free.fr/ffix.htm">
<AREA SHAPE=RECT COORDS="25,662,186,717" HREF="http://riku007007.free.fr/ffx.htm">
<AREA SHAPE=RECT COORDS="26,725,185,777" HREF="http://riku007007.free.fr/ffx-2.htm">
<AREA SHAPE=RECT COORDS="27,1038,184,1156" HREF="http://riku007007.free.fr/kh.htm">
<AREA SHAPE=RECT COORDS="27,1164,183,1263" HREF="http://riku007007.free.fr/sh.htm">
<AREA SHAPE=RECT COORDS="27,1274,187,1411" HREF="http://riku007007.free.fr/lod.htm">
<AREA SHAPE=RECT COORDS="27,1533,185,1619" HREF="http://riku007007.free.fr/fanfics.htm">
<AREA SHAPE=RECT COORDS="27,1628,184,1679" HREF="http://riku007007.free.fr/fanarts.htm">
<AREA SHAPE=RECT COORDS="28,1691,185,1744" HREF="http://riku007007.free.fr/musique.htm">
<AREA SHAPE=RECT COORDS="28,1809,187,1855" HREF="http://www.djidaneclad.les-forums.com">
<AREA SHAPE=RECT COORDS="27,1867,187,1910" HREF="http://riku007007.free.fr/liens.htm">
<AREA SHAPE=RECT COORDS="28,1920,189,1999" HREF="http://www.i-services.net/membres/livredor/livredor.php?user=13798">
<AREA SHAPE=RECT COORDS="27,1755,187,1799" HREF="http://riku007007.free.fr/download.htm">
<AREA SHAPE=default HREF="http://riku007007.free.fr">
</MAP>
</BODY>
</html>

Et tout ceci sur l'image du premier message. A bientôt et longue vie a programmation web et les-forums.com

Nico (qui à résolu son problème)

Message modéré le 07/06 à 18:47:23 par Kuja_le_rebelle.

adjoint

inscrit le 06/03/2003

le 07/06/2004 à 19:38:51

Site a partir d'une image

C'est un peu grand non ?

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 07/06/2004 à 19:43:31

Site a partir d'une image

Non c'est juste le nombre d'image que j'ai. (et les commenctaires, je les ai enlevé sur la version finale. sinon je trouve que sa va. Je dois suprimer quelque chose?

adjoint

inscrit le 06/03/2003

le 07/06/2004 à 21:40:51

Site a partir d'une image

Je parlais de ton brouillon 8-)

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 08/06/2004 à 12:47:34

Site a partir d'une image

ah ! c'est vrai mais si je réduis, je dois remesurer les pixels...et chuis fénéant ^^ sinon pour le vrai site c'est ici désolé pour la pub si c'est interdit

Babaorum

adjoint

L'homme n'est qu'une machine

inscrit le 01/03/2003

le 08/06/2004 à 17:05:30

Site a partir d'une image

Ha oui c vraiment trop grand !! En plein écran avec 1260*1024 pixels de résolution je peux encore faire défiler latéralement

La taille minimum c'est encore 800*600

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 09/06/2004 à 14:09:09

Site a partir d'une image

Mais si je mets plus petit c moche... que faire....Si je mets widht="100%" et height="100%" c horrible car sa vien en fonction de la fenêtre... aussi ca irait si je mettais whidht="640" et height="1000"

Cleo

http://images.google.com/images?q=tbn:H5tptw1Yvy4C:www.ac-dijon.fr/pedago/Astronomie/ASTRONOM.jpg

inscrit le 07/03/2003

le 09/06/2004 à 20:38:02

Site a partir d'une image

je crois que tu peux aller jusqu'a 760 px pour la largeur (a confirmer)

Babaorum

adjoint

L'homme n'est qu'une machine

inscrit le 01/03/2003

le 09/06/2004 à 23:24:33

Site a partir d'une image

Il ne faut pas laisser le navigateur redimensionner la fenêtre... il faut la retailler d'origine avec un programme graphique. Puis refaire la map de ton image.

>
Ze connais de mieux en mieux le HTML
{center}-_^{/center}

inscrit le 04/03/2003

le 10/06/2004 à 11:11:16

Site a partir d'une image

C'est bon c'est fait ici Je ne fait pas la page d'entrée c'est tout. Merci beaucoup à tous vous m'avez beaucoup aider ^^.