qui peut m aider (resolu)

[alain73260]

bonsoir
j aimerais faire un site mais je n y connais pas grand chose
y a t il quelqu un qui pourrez m aider ou me dire ou se trouve l aide pour commencer sa premiere page
merci a tous

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[jpbardiau]

Des tutoriels sur Nvu/Kpz dans ce sujet :
http://www.geckozone.org/forum/viewtopic.php?t=20704

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[alain73260]

merci a toi
j ai fais une recherche mais je n ai pas trouver sans doute pas assez cherche

comment fais t on des boutons avec nvu comme sur ce site

http://www.chinonsntt.info/

merci

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[chinon37]

ces boutons sont fait avec un logiciel de retouche d'image (the Gimp). Ils sont ensuite insérés dans la page web...
Mais la route est longue avant d'en arriver là.
Il faut commencer par un site on ne peut plus basique et on affine au fur et à mesure qu'on progresse avec Kompozer / Nvu. Ce fut le cas pour le site cité
Pour les boutons, en fait, c'est assez simple. On y reviendra après quelques leçons prises dans les tutos préconisés par JPB

[alain73260]

merci a toi
bon je vais aller voir ce que me preconise jpb
merci pour aide

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[odin]

Commence "petit" mais fonctionnel...les "fiorutures" viendront plus tard

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

[alain73260]

ok merci
j ai deja fais un site il y a pas mal de temps mais avec thundersite
je ne sais pas si tu connais
mis a part que la ça plante thundersite n aime pas IE 7

c est pour ça que je vous demande comment vous creer les boutons (voir les codes )
merci a vous



Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[Ymai]

c est pour ça que je vous demande comment vous creer les boutons (voir les codes )

Bonjour
Il n'y a aucun code pour les boutons eux-mêmes. C'est purement graphique.
http://www.lefinnois.net/artGIMP/aqua/aqua.php (par exemple)
Ensuite, on peut éventuellement voir la technique suivante:
http://css.alsacreations.com/Tutoriels- ... age-unique

L'avantage, c'est qu'on maîtrise la chaîne de production de A à Z. Mais il faut mettre les mains dans le cambouis.

[chinon37]

le menu du site cité dans le message du 15 janvier 20:37 est fait avec la technique "roll over css image unique"

[alain73260]

bonsoir je me suis mis un peu sur la conception de mon site
mais j ai besoin d un petit conseil je n ai rien trouve dans les recherche la dessus
je n arrive pas a mettre un texte
le texte que j arrive a mettre ce trouve tout en bas du tableau



Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[Ymai]

Bonjour
Il ne me semble pas possible de répondre sans savoir comment le reste de la page est conçu.
Donc, le code ou l'adresse de la page sur le web seraient nettement plus utiles que l'image.

[alain73260]

ouppsss alors la je ne sais pas seulement je voudrais mettre du texte par rapport comme j ai mis sur l image j ai essaye de mettre des ancres mais ça ne marche pas mon texte ce retrouve toujours sous mes tableaux
je peux pas vous autre chose desole je seche

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[Ymai]

Passer dans l'onglet "Source" de NVU
Sélectionner le texte qui s'y trouve
Edition > Copier

Revenir ici et répondre
Edition > Coller

Envoyer. C'est tout.
Avec ça, on pourra poser un diagnostic et trouver une solution.

[alain73260]

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>index.htlm</title>
</head>
<body
 style="color: rgb(0, 0, 0); background-color: rgb(204, 255, 255);"
 alink="#000099" link="#000099" vlink="#990099">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; <br>
<table style="text-align: left; width: 719px; height: 94px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td
 style="vertical-align: top; text-align: center; background-color: rgb(255, 153, 255);"><big><big
 style="font-weight: bold;"><br>
bienvenue</big></big></td>
    </tr>
  </tbody>
</table>
<table style="text-align: left; width: 131px; height: 398px;"
 border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td
 style="vertical-align: top; text-align: center; background-color: rgb(255, 153, 255);"><br>
      <br>
      <br>
      <a href="appartement.html">appartement</a><br>
      <br>
      <a href="le%20bourg.html">le bourg</a><br>
      <br>
      </td>
    </tr>
  </tbody>
</table>
<p><font color="#3366ff"><strong><em><font
 size="5">valmorel </font></em></strong><font
 size="5"><em><strong>&nbsp;fetes ses 30ans</strong></em></font></font></p>
<p><strong><em><font color="#0000ff"
 size="4">......</font><font color="#3366ff"
 size="4"><font size="3">Station de charme et
premier domaine de Tarentaise.</font></font></em></strong></p>
<p><font color="#3366ff" size="4"><strong><em><font
 size="3"><br>
Nich&eacute;e en lisi&egrave;re de for&ecirc;ts, sur les
pentes du Cheval Noir, Valmorel est une station village</font></em></strong></font></p>
<p><font color="#3366ff" size="3"><strong><em>aux
charmes typiques, dont l'architecture n'a pas d'&eacute;gale en
France.</em></strong></font></p>
<font color="#3366ff"><strong><em></em></strong></font>
<p><font color="#3366ff"><strong><em><br>
<font size="3">Pas de b&eacute;ton, mais des
mat&eacute;riaux nobles :</font></em></strong></font></p>
<p><font color="#3366ff"><strong><em></em></strong></font>&nbsp;</p>
<p><font color="#3366ff" size="3"><strong><em>&nbsp;bois,
pierre, lauze, pas d'immeubles mais de gros chalets skis au pieds,</em></strong></font></p>
<p><strong><em></em></strong>&nbsp;<font
 color="#3366ff" size="3"><strong><em>pas
de voiture mais une rue pi&eacute;tonne, des passages couverts, </em></strong></font></p>
<p><strong><em></em></strong>&nbsp;<font
 color="#3366ff" size="3"><strong><em>de
charmantes placettes et des courettes int&eacute;rieures.</em></strong></font></p>
<p><strong><em></em></strong>&nbsp;</p>
<p><font color="#3366ff" size="3"><strong><em>Entre
lisi&egrave;re de sapins et alpages verdoyants, Valmorel vous </em></strong></font></p>
<p><font color="#3366ff" size="3"><strong><em>accueille
</em></strong></font><font color="#3366ff"><strong><em><font
 size="3">dans ses chalets de pierres et de bois, aux toits
de lauzes.</font></em></strong></font></p>
<p><font color="#3366ff"><strong><em></em></strong></font>&nbsp;<font
 color="#3366ff" size="3"><strong><em>Les
sommets de Cr&egrave;ve-t&ecirc;te (2342m), du
Ni&eacute;lard (2559m) et du Cheval Noir (2832m)</em></strong></font></p>
<p><font color="#3366ff" size="3"><strong><em>&nbsp;couronnent
les cr&ecirc;tes environnantes</em></strong></font></p>
<p><strong><em></em></strong>&nbsp;<font
 color="#3366ff" size="3"><strong><em>Au
coeur des trois grands massifs du Beaufortain, de la
Lauzi&egrave;re et de la Vanoise,</em></strong></font></p>
<p><font color="#3366ff"><strong><em><font
 size="3">Valmorel (1400m) se situent en lisi&egrave;re
de for&ecirc;ts,</font></em></strong></font></p>
<p><font color="#3366ff"><strong><em><font
 size="3"><br>
&agrave; la naissance des alpages.</font></em></strong></font><font
 size="3"> </font><br>
</p>
</body>
</html>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Orange 7.4; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)

[chinon37]

Evidemment, en commençant la mise en page par des tableaux, c'est comme se lever du pied gauche...
Il existe des conteneurs génériques qui permettent une mise en page limpide:
Dans le cas présent, un conteneur générique en haut qui fera le bandeau supérieur, un autre pour faire la colonne de gauche et un autre pour faire le conteneur de texte.
ci dessous, un code permettant de bien démarrer la page. Volontairement, dans un premier temps, tous les conteneurs (<div>) ont été formatés en style interne. Il faudra dans un 2eme temps supprimer les styles internes et faire une feuille de style.
Mais à vouloir démarrer sans avoir appris les rudiments de Kpz/Nvu, on va au mur!

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      essai
    </title>
  </head>
  <body>
    <div style=
    "border: 5px groove rgb(153, 51, 153); width: 100%; height: 100px; background-color: rgb(255, 204, 255);">
      titre
    </div>
    <div style=
    "border: 1px dotted rgb(153, 153, 153); width: 200px; height: 480px; background-color: rgb(204, 255, 255); float: left;">
    menu
    </div>
    <div style="width: 100%; height: 500px; background-color: rgb(255, 255, 204);">
      texte
    </div>
  </body>
</html>

Il suffit de copier-coller ce code dans l'onglet source de Nvu après avoir effacer tout cet onglet source