les debuts....difficiles.

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
Invité

les debuts....difficiles.

Message par Invité »

Bonjour à tous,

malgré mes recherches sur ce forum, je n'ai pas trouvé comment dupliquer mes pages.
Lorsque j'ai construis et fini ma première page, la page d'accueil, comment la dupliquer pour que mes autres pages soient identiques dans la forme, le contenu étant bien sur différent.
Une question de base qui me fait buter, cela commence plutôt mal!

Arvi
Le pétsu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

Ma méthode est basique mais efficace:
- soit tu ouvres la page d'accueil > enregistrer sous > et tu effaces les mentions non communes.
- soit tu te crées un document de base avec les éléments communs que tu enregistres sous un nom générique (exemple: modele.html), et pour toute nouvelle page, tu l'ouvres et l'enregistres aussitôt sous un nouveau nom (le nom de ta nouvelle page). Il ne te reste ensuite plus qu'à le compléter.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Haut
Invité

Message par Invité »

Bonjour,

merci pour cette réponse, cela semble si évident..... Il ne me reste plus qu'à travailler alors. :D

Arvi
Le Pétsu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Le pétsu
Arias
Messages : 3
Inscription : 21 janv. 2009, 05:58

Message par Le pétsu »

Bonjour,
me voila de retour... :wink:
Bon après avoir ta votre) méthode, cela ne fonctionne pas du tout, mais il faut bien l'avouer, je suis un vrai bourrin en informatique.
Voici le message d'erreur que j'obtient après avoir relié deux pages:

Erreur d'analyse XML : attribut dupliqué
Emplacement : file:///C:/Users/vista/Documents/Artisteer%20Export/Nouveau%20dossier/le%20toc.xhtml
Numéro de ligne 2, Colonne 64 :<html lang="en" xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

Si quelqu'un peut me dépanner :D

encore merci

Le pétsu









Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
A quel moment le message d'erreur apparaît-il?
Pourrait-on voir le code complet de la page dupliquée?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Haut
Invité

Message par Invité »

Bonjour,
ce message apparait lorsque je veux ouvrir la page renommer de "mdel.html" en "acceui.html"

voici le code de la totalite de la page model/

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
 dir="ltr" lang="en-US">
<head>
<!-- Created by Artisteer Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional" -->
  <meta http-equiv="Content-Type"
 content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <title>model</title>
  <script type="text/javascript" src="script.js"></script>
  <link rel="stylesheet" href="style.css"
 type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr">
<div></div>
</div>
<div class="Sheet-bl">
<div></div>
</div>
<div class="Sheet-br">
<div></div>
</div>
<div class="Sheet-tc">
<div></div>
</div>
<div class="Sheet-bc">
<div></div>
</div>
<div class="Sheet-cl">
<div></div>
</div>
<div class="Sheet-cr">
<div></div>
</div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-c"></div>
<div class="logo">
<h1 id="name-text" class="logo-name"></h1>
<div id="slogan-text" class="logo-text"></div>
</div>
</div>
<div class="nav">
<ul class="artmenu">
  <li><a href="#" class="active"><span><span>Acceuil</span></span></a></li>
  <li><a href="#"><span><span>Categories</span></span></a>
    <ul>
      <li><a href="#">Photos</a>
        <ul>
          <li><a href="#">2008</a></li>
          <li><a href="#">2007</a></li>
          <li><a href="#">2006</a></li>
        </ul>
      </li>
      <li><a href="#">Gadgets</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Posts</a></li>
    </ul>
  </li>
  <li><a href="#"><span><span>Archive</span></span></a>
    <ul>
      <li><a href="#">2008</a>
        <ul>
          <li><a href="#">January</a></li>
          <li><a href="#">February</a></li>
          <li><a href="#">March</a></li>
        </ul>
      </li>
      <li><a href="#">2007</a>
        <ul>
          <li><a href="#">January</a></li>
          <li><a href="#">February</a></li>
          <li><a href="#">March</a></li>
        </ul>
      </li>
      <li><a href="#">2006</a>
        <ul>
          <li><a href="#">January</a></li>
          <li><a href="#">February</a></li>
          <li><a href="#">March</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li><a href="#"><span><span>About</span></span></a></li>
</ul>
<div class="l"></div>
<div class="r">
<div></div>
</div>
</div>
<div class="contentLayout">
<div class="sidebar1">
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr">
<div></div>
</div>
<div class="Block-bl">
<div></div>
</div>
<div class="Block-br">
<div></div>
</div>
<div class="Block-tc">
<div></div>
</div>
<div class="Block-bc">
<div></div>
</div>
<div class="Block-cl">
<div></div>
</div>
<div class="Block-cr">
<div></div>
</div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">Newsletter</div>
</div>
<div class="l"></div>
<div class="r">
<div></div>
</div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr">
<div></div>
</div>
<div class="BlockContent-bl">
<div></div>
</div>
<div class="BlockContent-br">
<div></div>
</div>
<div class="BlockContent-tc">
<div></div>
</div>
<div class="BlockContent-bc">
<div></div>
</div>
<div class="BlockContent-cl">
<div></div>
</div>
<div class="BlockContent-cr">
<div></div>
</div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<form method="get" id="searchform" action="#"><input
 value="" name="s" id="s" style="width: 95%;"
 type="text" /> <button class="Button"
 type="submit" name="search"> <span class="btn"><span
 class="t">Search</span> <span class="r"><span></span></span>
  <span class="l"></span> </span> </button>
</form>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr">
<div></div>
</div>
<div class="Block-bl">
<div></div>
</div>
<div class="Block-br">
<div></div>
</div>
<div class="Block-tc">
<div></div>
</div>
<div class="Block-bc">
<div></div>
</div>
<div class="Block-cl">
<div></div>
</div>
<div class="Block-cr">
<div></div>
</div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">P&ecirc;cher la truite</div>
</div>
<div class="l"></div>
<div class="r">
<div></div>
</div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr">
<div></div>
</div>
<div class="BlockContent-bl">
<div></div>
</div>
<div class="BlockContent-br">
<div></div>
</div>
<div class="BlockContent-tc">
<div></div>
</div>
<div class="BlockContent-bc">
<div></div>
</div>
<div class="BlockContent-cl">
<div></div>
</div>
<div class="BlockContent-cr">
<div></div>
</div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<p>Les techniques de p&ecirc;che, la connaissance de la
truite, c'est ici:</p>
<ul>
  <li><a href="#" title="All News">Le toc aux
app&acirc;ts naturels</a></li>
  <li><a href="#" title="Best of the Year">L'ultra
l&eacute;ger</a></li>
  <li><a href="#" title="Advices">Le vairon
mani&eacute;</a></li>
  <li><a href="#" title="Gadgets">La
p&ecirc;che au fouet</a></li>
  <li><a href="#" class="active"><span><span>Technique
de p&ecirc;che</span></span></a></li>
  <li><a href="#" title="Photos">Conna&icirc;tre
la truite</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr">
<div></div>
</div>
<div class="Block-bl">
<div></div>
</div>
<div class="Block-br">
<div></div>
</div>
<div class="Block-tc">
<div></div>
</div>
<div class="Block-bc">
<div></div>
</div>
<div class="Block-cl">
<div></div>
</div>
<div class="Block-cr">
<div></div>
</div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">La vie du site</div>
</div>
<div class="l"></div>
<div class="r">
<div></div>
</div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr">
<div></div>
</div>
<div class="BlockContent-bl">
<div></div>
</div>
<div class="BlockContent-br">
<div></div>
</div>
<div class="BlockContent-tc">
<div></div>
</div>
<div class="BlockContent-bc">
<div></div>
</div>
<div class="BlockContent-cl">
<div></div>
</div>
<div class="BlockContent-cr">
<div></div>
</div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
  <li><a href="#" class="active"><span><span>Les
astuces</span></span></a></li>
  <li><a href="#" title="November 2008">Les
poissons</a></li>
  <li><a href="#" title="October 2008">Les
reportages</a></li>
  <li><a href="#" title="September 2008">Les
videos</a></li>
  <li><a href="#" title="June 2008">Le
bricolage</a></li>
  <li><a href="#" title="June 2008">Les
&eacute;ditos</a></li>
  <li><a href="#" title="June 2008">Nos
belles prises</a></li>
  <li><a href="#" title="June 2008">Nos
belles prises</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr">
<div></div>
</div>
<div class="Block-bl">
<div></div>
</div>
<div class="Block-br">
<div></div>
</div>
<div class="Block-tc">
<div></div>
</div>
<div class="Block-bc">
<div></div>
</div>
<div class="Block-cl">
<div></div>
</div>
<div class="Block-cr">
<div></div>
</div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text">Les services</div>
</div>
<div class="l"></div>
<div class="r">
<div></div>
</div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>



<div class="BlockContent-tr">
<div></div>
</div>
<div class="BlockContent-bl">
<div></div>
</div>
<div class="BlockContent-br">
<div></div>
</div>
<div class="BlockContent-tc">
<div></div>
</div>
<div class="BlockContent-bc">
<div></div>
</div>
<div class="BlockContent-cl">
<div></div>
</div>
<div class="BlockContent-cr">
<div></div>
</div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
  <li><a href="#">Les fonds d'&eacute;cran</a></li>
  <li><a href="#">La boutique</a></li>
  <li><a href="#">La m&eacute;teo</a></li>
  <li><a href="#">Le niveau des rivi&egrave;res</a></li>
  <li><a href="#">Obama wins again</a></li>
  <li><a href="#">Gripes and Grins</a></li>
  <li><a href="#">2008 Olympics</a></li>
  <li><a href="#">How to SEO</a></li>
  <li><a href="#">On Global Warming</a></li>
  <li><a href="#">Can you guess?</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr">
<div></div>
</div>
<div class="Post-bl">
<div></div>
</div>
<div class="Post-br">
<div></div>
</div>
<div class="Post-tc">
<div></div>
</div>
<div class="Post-bc">
<div></div>
</div>
<div class="Post-cl">
<div></div>
</div>
<div class="Post-cr">
<div></div>
</div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostMetadataHeader">
<h2 class="PostHeaderIcon-wrapper"> <span
 class="PostHeader">titre</span></h2>
</div>
<div class="PostContent">
texte<br />
</div>
<div class="PostMetadataFooter"> Category: <a href="#"
 title="Category">Advices</a> | Tags: <a href="#"
 title="wordpress">wordpress</a>, <a href="#"
 title="html">html</a> | <a href="#"
 title="Comments">No Comments &raquo;</a> </div>
</div>
</div>
</div>
<div class="Post">
<div class="Post-tl"></div>
<div class="Post-tr">
<div></div>
</div>
<div class="Post-bl">
<div></div>
</div>
<div class="Post-br">
<div></div>
</div>
<div class="Post-tc">
<div></div>
</div>
<div class="Post-bc">
<div></div>
</div>
<div class="Post-cl">
<div></div>
</div>
<div class="Post-cr">
<div></div>
</div>
<div class="Post-cc"></div>
<div class="Post-body">
<div class="Post-inner">
<div class="PostMetadataHeader">
<h2 class="PostHeaderIcon-wrapper"> <span
 class="PostHeader">Worth A Thousand Words</span></h2>
</div>
<div class="PostContent"> <br />
<h3>List</h3>
<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>
<blockquote>
  <p>&ldquo;<big>To vyu ke sin w&acirc; i non
la&iuml;vre ke se klou.&rdquo;<br />
" Tout vieux qui s'en va est un livre qui se ferme</big>"</p>
</blockquote>
</div>
<div class="PostMetadataFooter"> Category: <a href="#"
 title="Category">Photos</a> | Tags: <a href="#"
 title="Boat">Boat</a>, <a href="#"
 title="Lake">Lake</a> | <a href="#"
 title="Comments">No Comments &raquo;</a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="clear-float"></div>
<div class="Footer">
<div class="Footer-inner">
<div class="Footer-text">
<p><a href="mailto:xavier_CHEZ_truitesetrivieres.com">Nous
contacter</a> | <a href="#">Conditions
d'utilisations</a>| <a href="#">Mentions
l&eacute;gales</a>&nbsp;<br />
Copyright &copy; 2009 truitesetrivieres.com. Tous droits
r&eacute;serv&eacute;s.</p>
</div>
</div>
<div class="Footer-background"></div>
</div>
</div>
</div>
<!-- If you'd like to support WordPress, having the "powered by" link somewhere on your blog is the best way; it's our only promotion or advertising. -->
<p class="page-footer"><br />
</p>
</div>
</body>
</html>
voila
merci pour votre soutien, c'est trés agréable de pouvoir compter sur quelqu'un.

Arvi

Le pétsu

[modo]Mise en forme et suppression adresse e-mail[/modo]

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Serait-il possible de préciser encore un peu?
Perso, je ne vois pas de problème (même si je n'ai pas la feuille de style et les fonctions Javascript prévues):
http://sapajou.be/test/

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.5) Gecko/2008121621 Ubuntu/8.04 (hardy) Firefox/3.0.5
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Haut
Invité

Message par Invité »

Bonjour Ymai,
je tâche de faire une explication la plus complète dès ce soir.
Merci au modo pour la mise en page, je lui éviterai ce travail la prochaine fois :wink:

Merci de votre réactivité.
Arvi
Le pétsu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Le pétsu
Arias
Messages : 3
Inscription : 21 janv. 2009, 05:58

Message par Le pétsu »

mille excuses, j'ai oublié de me connecter..... :oops:

il semblerait que le problème se pose lorsque je change le nom de la page, ou du moins son titre:

Code : Tout sélectionner

<meta http-equiv="Content-Type"
 content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <title>model</title>
  <script type="text/javascript" src="script.js"></script>
  <link rel="stylesheet" href="style.css"
 type="text/css" media="screen" />
En écrivant Le_toc à la place de model entre les balises title, l'erreur s'affiche.
Mais, si j'enregistre la page sous Le_toc, elle garde le nom de model et je n'ai pas de message d'erreur, par contre, je n'arrive plus à lier mes pages. Je sais, je suis un boulet..... :wink:

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Le pétsu
Arias
Messages : 3
Inscription : 21 janv. 2009, 05:58

Message par Le pétsu »

Bonsoir, :oops:
il semble que tout fonctionne maintenant, grâce a une autre rubrique du forum qui renvoyait à un site, Un site web élémentaire avec KompoZer, j'ai donc utilisé l'onglet FORMAT puis TITRE ET PROPRIETE DE LA PAGE, et là, miracle tout fonctionne! :D

Merci pour votre sympathique aide, j'aurais surement d'autres questions......

Arvi
Le pétsu

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 ImageShackToolbar/5.0.0
Haut
Répondre

Revenir à « Kompozer et Nvu »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités