Page 1 sur 2
qui peut m aider (resolu)
Publié : 15 janv. 2007, 19:03
par 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)
Publié : 15 janv. 2007, 19:19
par 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
Publié : 15 janv. 2007, 19:37
par 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)
Publié : 15 janv. 2007, 20:49
par 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
Publié : 15 janv. 2007, 21:00
par 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)
Publié : 15 janv. 2007, 21:49
par 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
Publié : 16 janv. 2007, 06:50
par 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)
Publié : 16 janv. 2007, 07:31
par Ymai
alain73260 a écrit :
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.
Publié : 16 janv. 2007, 08:21
par chinon37
le menu du site cité dans le message du 15 janvier 20:37 est fait avec la technique "roll over css image unique"
Publié : 17 janv. 2007, 19:41
par 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)
Publié : 17 janv. 2007, 19:51
par 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.
Publié : 17 janv. 2007, 19:57
par 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)
Publié : 17 janv. 2007, 22:04
par 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.
Publié : 18 janv. 2007, 06:42
par 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">
<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> 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ée en lisière de forê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'é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éton, mais des
matériaux nobles :</font></em></strong></font></p>
<p><font color="#3366ff"><strong><em></em></strong></font> </p>
<p><font color="#3366ff" size="3"><strong><em> bois,
pierre, lauze, pas d'immeubles mais de gros chalets skis au pieds,</em></strong></font></p>
<p><strong><em></em></strong> <font
color="#3366ff" size="3"><strong><em>pas
de voiture mais une rue piétonne, des passages couverts, </em></strong></font></p>
<p><strong><em></em></strong> <font
color="#3366ff" size="3"><strong><em>de
charmantes placettes et des courettes intérieures.</em></strong></font></p>
<p><strong><em></em></strong> </p>
<p><font color="#3366ff" size="3"><strong><em>Entre
lisiè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> <font
color="#3366ff" size="3"><strong><em>Les
sommets de Crève-tête (2342m), du
Niélard (2559m) et du Cheval Noir (2832m)</em></strong></font></p>
<p><font color="#3366ff" size="3"><strong><em> couronnent
les crêtes environnantes</em></strong></font></p>
<p><strong><em></em></strong> <font
color="#3366ff" size="3"><strong><em>Au
coeur des trois grands massifs du Beaufortain, de la
Lauzière et de la Vanoise,</em></strong></font></p>
<p><font color="#3366ff"><strong><em><font
size="3">Valmorel (1400m) se situent en lisière
de forêts,</font></em></strong></font></p>
<p><font color="#3366ff"><strong><em><font
size="3"><br>
à la naissance des alpages.</font></em></strong></font><font
size="3"> </font><br>
</p>
</body>
</html>
Publié : 18 janv. 2007, 08:22
par 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