creation de site

Madmac · 1 Juin 2005

Salut,

j'essaie de faire une page html.
j'ai mis une image de la France en jpg en fond de page avec NVU et je voudrais mettre des petits drapeaux sur différents lieux, mais les images en gif ne se mettent pas où je veux, faut jouer avec les retour chariots et les tabulations...

n'y a t-il pas un moyen de jouer comme dans graphiconverter et les poser où je veux...?

merci de votre aide

Anonyme · 2 Juin 2005

Salut !
Je connais 2 solutions :

- faire tout avec un logiciel de dessin, puis tout découper et enregistré pour le web
- faire en xhtml ( une seule image, mais qu'on peut sélectionner à différents endroits avec map ) .

Aprés, je sais pas, y'a peut être d'autre solutions plus pratiques

Marco68 · 2 Juin 2005

Madmac a dit:
Salut,

j'essaie de faire une page html.
j'ai mis une image de la France en jpg en fond de page avec NVU et je voudrais mettre des petits drapeaux sur différents lieux, mais les images en gif ne se mettent pas où je veux, faut jouer avec les retour chariots et les tabulations...

n'y a t-il pas un moyen de jouer comme dans graphiconverter et les poser où je veux...?

merci de votre aide

Nvu je ne connais, pas, mais moi, sous Dream, il me suffit d'inserer une image dans un calque où je veux sur la page...Peut-être as tu cette option...

Ubique · 8 Juin 2005

Marco a raison. Il te suffit, avec Dreamweaver ou sans, d'utiliser le CSS.
Tu créer des calques pour tes drapeaux. Cela te permet de les positionner au pixel près et dans le cas que tu présentes, c'est très simple.

Ex :

...
<style type="text/css">

</style>
</head>

<body>
<img src="meteo1.png" width="128" height="128" class="image1">
</body>
</html>

Madmac · 8 Juin 2005

merci beaucoup, je vais essayer.

dois je mettre la carte (l'image) en fond ou la coller en jpg dans la page html ?

j'avais oublier de cocher la case de notification, et je me demandais pourquoi personne ne me répondait...

je vous tiens au courant.

Ubique · 8 Juin 2005

Renseigne toi sur le CSS et cela t'ouvrira de nombreuses possibilité.
Sinon, rapidement, tu n'as pas besoin de mettre l'image en fond.
Tu utilises la même méthode que pour les drapeaux met tu affecte 1 à z-index pour signaler que la couche (le fond) est en dessous.

<style type="text/css">

</style>
</head>

<body>

<img src="fond.png" width="800" height="600" class="fond">
<img src="drapeau1.png" width="128" height="56" class="drapeau1">
<img src="drapeau2.png" width="128" height="56" class="drapeau2">

</body>
</html>

Madmac · 9 Juin 2005

Ubique a dit:
Renseigne toi sur le CSS et cela t'ouvrira de nombreuses possibilité.

Je pense qu'il va falloir que j'apprenne le CSS.
j'ai cherché toute la soirée où écrire le code que tu as envoyé... et j'ai pas trouvé.
J'ai créé une page html, inséré une image "France.jpg", activé les CSS, et là... où mettre ce code...
l'aide explique ce qu'il est possible de faire avec les CSS, mais j'ai pas trouvé comment créer la feuille de style.
y a t-il un site ou un post qui explique au débutant ?

j'ai aussi regardé "map"
l'exemple est exactement ce que je veux faire, mais combien y a t-il d'image dans le carré ?
une seule ou plusieurs ?

à+

BooBoo · 9 Juin 2005

un map permet de définir plusieurs zones "clicquables" dans une image, ce qui n'est pas tout à fait ce que tu veux.
Comme le disent les autres, le plsu simple est de se tourner vers le CSS.
Le mieux pour bien comprendre comment ca marche est d'écrire soit même le code avec un éditeur de texte classique (genre smultron). Mais il faut faire l'effort d'aprentissage de l'HTML et du CSS. Mais rien n'est gratuit...

la spec du HTML 4.0
l'integration des style CSS dans une page html
la spec du CSS

Madmac · 10 Juin 2005

BooBoo a dit:
un map permet de définir plusieurs zones "clicquables" dans une image, ce qui n'est pas tout à fait ce que tu veux.

ben si je fabrique une image de la France avec mes petits drapeaux là où je suis déjà allé... je crée les zone cliquable sur chaque drapeau... non ?

BooBoo a dit:
Comme le disent les autres, le plsu simple est de se tourner vers le CSS.
Le mieux pour bien comprendre comment ca marche est d'écrire soit même le code avec un éditeur de texte classique (genre smultron).

ok, j'écris le code, mais comment l'intégrer à la page html ?
les logiciel comme NVU, me donne l'impression que c'est simple de faire un site web, mais ça se corse quand on veut faire joli... non ?

BooBoo a dit:
Mais il faut faire l'effort d'aprentissage de l'HTML et du CSS. Mais rien n'est gratuit...

non, surtout pas le temps... c'est bien là mon souci... et en plus tout en anglais... (pas sorti de l'auberge moi...)

merci en tout cas pour vos conseils...

Niconemo · 10 Juin 2005

Madmac a dit:
non, surtout pas le temps...

Oui, enfin le temps on peu aussi l'investir pour qu'il rapporte. L'apprentissage des CSS demande un peu de temps au départ mais en fait gagner beaucoup par la suite et quand on a un problème on peut poser une question bien ciblée qui trouvera immédiatement une réponse si on s'est un minimum formé au départ.

Des sites d'initiation en français il y en a plein ! Voir les adresses utiles en haut de ce forum

Madmac · 10 Juin 2005

Niconemo a dit:
Oui, enfin le temps on peu aussi l'investir pour qu'il rapporte. L'apprentissage des CSS demande un peu de temps au départ mais en fait gagner beaucoup par la suite et quand on a un problème on peut poser une question bien ciblée qui trouvera immédiatement une réponse si on s'est un minimum formé au départ.

Des sites d'initiation en français il y en a plein ! Voir les adresses utiles en haut de ce forum

OK...
je vais aller voir.
merci

BooBoo · 10 Juin 2005

Madmac a dit:
ben si je fabrique une image de la France avec mes petits drapeaux là où je suis déjà allé... je crée les zone cliquable sur chaque drapeau... non ?

oui bien sur, mais ce n'est pas très évolutif (obligé de modifier l'image à chaque nouvel ajout)

mais bon, si tu n'as pas le temps d'apprendre...

hunjord · 10 Juin 2005

si tu veux pas t'embeter avec le CSS qui peux te poser certains problème sur ce cas, tes calques ne seront pas au même endroit d'un navigateur à l'autre....si tu n'applique pas "les règles de l'art"....
je peux te proposer deux solutions:
1)faire un GIF avec image ready, en posant comme tu veux tes petits drapeaux, l'importer dans dreamweaver et utiliser les zones de réactivités si tu veux faire des liens ou lancer d'autres choses.
2)FLASH......pour ces petites choses ca va très vite...

bon courage, pour exemple d'une application en utilisant le gif, j'ai fais ca à mes débuts, il y a 3ou4ans....
bon, c'est un naze qui a repris le truc, il ne reste que de moi ce GIF....du sabotage...

c'est ici

Madmac · 16 Juin 2005

bon, ben j'y arrive pas.
je ne sais pas où mettre ces CSS ou autre "map"...
et j'ai pas dreamweaver... uniquement NVU et Mozilla.
comme je fais ça en amateur pour la famille...
merci quand même à tous.
j'aurais appris que c'est beaucoup moins simple qu'il n'y paraît.

Ubique · 17 Juin 2005

Il va falloir t'y mettre un peu, mais sinon, dans ton cas, c'est assez simple et tu n'auras pas de problème d'un navigateur à l'autre, des blocs étant très limités en agréments.
Voici un exemple de code complet (je n'avais pas mis les méta-balises qui te sont personnelles). Tu peux essayer avec cela en remplaçant les noms de fichier image. Après, une fois que tu as compris le principe, tu peux décliner en ajoutant tous les drapeaux que tu veux et en ajustant précisément les coordonnées.

Bon travail

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>

<body>

<img src="fond.png" width="800" height="600" class="fond">
<img src="drapeau1.png" width="128" height="56" class="drapeau1">
<img src="drapeau2.png" width="128" height="56" class="drapeau2">

</body>
</html>

<body>
</body>
</html>

creation de site

Madmac

Membre expert

Anonyme

Invité

Marco68

Membre actif

Ubique

Membre confirmé

Madmac

Membre expert

Ubique

Membre confirmé

Madmac

Membre expert

BooBoo

Membre actif

Madmac

Membre expert

Niconemo

Modo (toujours vivant !)

Madmac

Membre expert

BooBoo

Membre actif

hunjord

Membre expert

Madmac

Membre expert

Ubique

Membre confirmé

Sujets similaires