Page Index NVU

dmaestro Messages postés 76 Statut Membre -  
 dmaestro -
Bonjour,
En changeant de PC, j'ai chargé NVU pour suivre mon site Web, déveoppé sur l'autre pc avec FrontPage. Seulement j'ai fait des modifs irréversibles sur ma page Index, même en rechargeant ma sauvegarde ca fait pareil: je pense que la compil sur NVU est + rigoureuse que sur Front. Bref: qq'un peut il me donner la manière de générer une nouvelle page index qui prétend afficher : a gauche un sommaire (qui s'appelle sommaire), en haut une entete (qui s'appelle banniere) et dans le corps le texte selon l'option ( la 1ere page étant accueil): par exemple, y a t il un moyen pour demarrer, de trouver une page index 'modèle'? Merci pour votre aide. DMaestro
Configuration: Windows XP Internet Explorer 7.0

3 réponses

  1. densovirus Messages postés 103 Date d'inscription   Statut Membre Dernière intervention   32
     
    Salut,
    Voila la source d'une page web créer a partir de NVU

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type"
    content="text/html; charset=iso-8859-1">
    <style type="text/css">
    /*#############################################################
    Name: Decayed
    Date: 2007-05-12
    Description: A dark trash style two-column website template. Wordpress theme version available at https://vikpe.org/archive/arcsin-web-templates/decayed-wordpress-theme/
    Author: Viktor Persson
    URL: https://vikpe.org/archive/arcsin-web-templates/
    Feel free to use and modify but please provide credits.
    #############################################################*/
    /* standard elements */
    html {min-height: 100%;}
    * {
    margin: 0;
    padding: 0;
    }
    a {color: #CC3;}
    a:hover {color: #FF3;}
    body {
    background: #000 url('http://www.fileden.com/files/2008/4/30/1890401/font%20ecran%2016-10...1920x1200.jpg') repeat; /* url(http://www.fileden.com/files/2008/4/30/1890401/font%20ecran%2016-10...1920x1200.jpg) repeat-x; */
    color: #DDD;
    font: normal 62.5% "Trebuchet MS",Verdana,sans-serif;
    padding-left: 90px;
    }
    p,code,ul,ol {padding-bottom: 1.2em;} h1 {
    color: #CCC;
    font: normal 2em Impact,sans-serif;
    } h1 a {
    color: #000;
    text-decoration: none;
    } h1 a:hover {
    color: #F00;
    } h2 {font: normal 1.8em Tahoma,sans-serif;} h1,h2 {padding-top: 6px;}
    blockquote {
    color: #CCA;
    display: block;
    font-weight: bold;
    padding-left: 28px;
    }
    img {border: none;}
    img.right {margin: 5px 0 5px 12px;}
    img.left {margin: 5px 12px 5px 0;}
    img.border {
    background: #555;
    display: block;
    padding: 3px;
    }
    /* misc */
    .clearer {
    clear: both;
    font-size: 0;
    }
    .left {float: left;}
    .right {float: right;}
    .decay,.decay-small {
    background: url('http://jcray.com/images/dead/decay.gif') no-repeat left center;
    color: #000;
    font: normal 2em Impact,sans-serif;
    letter-spacing: 1px;
    padding: 0 0 12px 22px;
    }
    .decay-small {
    background: url('http://jcray.com/images/dead/decay-small.gif') no-repeat left center;
    padding-top: 6px;
    }
    p.postinfo {
    border-top: 1px dashed #333;
    color: #666;
    font: bold 0.9em sans-serif;
    margin-bottom: 24px;
    padding: 8px;
    }
    p.postinfo a {color: #888;}
    p.postinfo a:hover {color: #CCC;}
    /* structure */
    #container {
    font-size: 1.3em;
    }
    /* title */
    #site-title {font: normal 3em Tahoma,sans-serif;}
    #site-title a {
    color: #DDD;
    text-decoration: line-through;
    }
    #site-title a:hover {
    color: #FFF;
    text-decoration: none;
    }
    #site-description {color: #CCC;}
    /* content */
    #content {
    left: 360px;
    position: absolute;
    top: 90px;
    width: 610px;
    }
    #content .descr {
    color: #8DC63F;
    margin-bottom: 6px;
    }
    #content li {margin-left: 18px;}
    /* navigation */
    #navigation {
    left: 120px;
    position: absolute;
    top: 290px;
    width: 210px;
    }
    #navigation h2 {
    color: #000;
    font-size: 1.5em;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
    }
    #navigation ul {margin: 0 0 0 1em;}
    #navigation li {list-style: none;}
    #navigation li a {
    color: #777;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
    }
    #navigation li a:hover {color: #8DCA3F;}
    /* footer */
    #footer {
    border-top: 1px dashed #333;
    color: #666;
    font: normal 0.9em sans-serif;
    position: absolute;
    top: 100%;
    }
    #footer a {
    color: #999;
    text-decoration: none;
    }
    #footer a:hover {
    color: #CCC;
    text-decoration: underline;
    }
    #footer .left, #footer .right {padding: 10px 0;}
    #footer .right a {color: #777;}
    </style>
    <title>Accueil</title>
    </head>
    <body style="color: rgb(0, 0, 0);" alink="#ee0000"
    link="#0000ee" vlink="#551a8b">
     
    <div id="container">
    <div
    style="background-color: rgb(51, 204, 0); left: 360px; width: 866px;"
    id="content">
    <div style="text-align: center;"><br>
    </div>
    <noscript><a
    href="http://www.editeurjavascript.com/">ajax</a></noscript>
    <h1 id="site-title"><span
    style="text-decoration: underline; font-family: Comic Sans MS;">LE
    TITRE</span></h1>
    <h1 id="site-title"></h1>
    <h1
    style="font-weight: bold; text-decoration: underline; margin-left: 40px;"><big>NOM
    DE LA PAGE</big></h1>
    <br style="color: rgb(102, 0, 0);">
    <br style="color: rgb(102, 0, 0);">
    <h2 style="color: rgb(102, 0, 0); background-color: rgb(51, 204, 0);"><span
    style="color: rgb(13, 90, 181);"><span
    style="color: rgb(0, 0, 0);">   
            BIENVENUE
    SUR...</span></span></h2>
    <p class="MsoNormal"
    style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 0);">BLA
    BLA</p>
    <p class="MsoNormal"
    style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 0);">   
        BLA</p>
    <p class="MsoNormal"
    style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 0);">BLA<o:p></o:p></p>
    <h2 style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 0);"><span
    class="marker"><br>
    </span></h2>
    <h2 style="color: rgb(0, 0, 0); background-color: rgb(51, 204, 0);">   
            Quoi
    de neuf... <o:p></o:p></h2>
    <p style="color: rgb(102, 51, 0); background-color: rgb(51, 204, 0);"
    class="MsoNormal"><span style="color: rgb(0, 0, 0);">   
    ......</span></p>
    <p style="color: rgb(102, 51, 0); background-color: rgb(51, 204, 0);"
    class="MsoNormal">.........</p>
    <p style="color: rgb(102, 51, 0); background-color: rgb(51, 204, 0);"
    class="MsoNormal">    ........<span
    style="color: rgb(0, 0, 0);"></span><span
    style="color: rgb(0, 0, 0);"></span><o:p></o:p></p>
    <br>
    <div style="text-align: right;"><span
    style="font-family: Digital-7; color: rgb(102, 51, 0);"><br>
    </span>
    <div style="text-align: left;"><span
    style="font-family: Digital-7; color: rgb(102, 51, 0);"><br>
    </span></div>
    </div>
    <div id="footer">
    <span class="left">© 2009 Tout droit
    réservé. <span class="right">Design
    by Petton
    Thibaut </span>
    <div class="clearer"><span></span></div>
    </span></div>
    </div>
    <div style="background-color: transparent;" id="navigation">
    <div style="text-align: center; background-color: transparent;"></div>
    <h3 style="text-align: center; background-color: transparent;"> <big
    style="text-decoration: underline;"><big>Menu</big></big></h3>
    <br>
    <ul style="list-style-type: circle;">
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="../../../Kits%20graphiques/another_drink/another_drink/another_drink/index.html">...</a></li>
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="../../../Kits%20graphiques/another_drink/another_drink/another_drink/index.html">...</a></li>
    </ul>
    <br>
    <div class="menu">
    <h4></h4>
    <ul style="list-style-type: circle;">
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a
    href="file:///L:/Thibaut%20et%20companie/New%20concept/le%20site/index.html">...</a>
    </li>
    <li><a rel="me" href="mailto:linternaute-29@homail.fr">...</a>
    </li>
    </ul>
    </div>
    <span style="text-decoration: underline;"></span><br>
    </div>
    </div>
    </body>
    </html>
    0
    1. dmaestro
       
      Bonjour,
      J’ai reçu cette page d’aide il y a bien longtemps et je t’en remercie.
      J’essaie d’exploiter cette page en l’intégrant dans NVU sans parvenir à en sortir qq chose.
      Je vois bien que cette page s’exécute et donne quelque chose qui ressemble a ce que je veux.
      Mais je ne sais pas utiliser suffisamment NVU pour la rendre conforme à ce que je veux :
      En fait, j’ai développé avec FrontPage, mais en changeant de PC je suis passé sur NVU et la compil doit etre plus stricte, ma page d’acceuil ne s’exécute plus avec les photos.
      La page fait appel a des jpg, mais dans le code, ca genere automatiquement .jpg.jpg !
      Plus le commentaire du bas de code qui dit Cette page utilise des cadres, mais votre navigateur ne les
      prend
      pas en
      charge

      Ci-dessous le code si tu as un moment pour y jeter un œil si c’est pas trop abuser !!!
      Cdt
      DMaestro


      !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html lang="fr-fr">
      <head>
      <title>MAESTRO</title>
      <meta http-equiv="Content-Type="
      content="text/HTML; charset=iso-8859-1">
      <meta name="copyright" content="M.A., 2007">
      <meta name="description"
      content="Traitement ">
      <meta name="keywords"
      content="maestro, gironde ">
      <meta name="Author" content="MAESTRO">
      <meta name="revisit-after" content="15 days">
      <meta name="robots" content="follow">
      <base target="sommaire">
      <meta name="ProgId" content="FrontPage.Editor.Document">
      <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
      <meta name="Microsoft Theme"
      content="copie-de-m-tal 011, default">
      </head>
      <frameset style="direction: ltr;" framespacing="0"
      border="0" frameborder="0" rows="93,*"><frame
      name="banniere" target="sommaire" src="banniere2.htm.htm"
      marginwidth="7" marginheight="7"
      style="border-style: solid; border-color: rgb(0, 0, 128);"><frameset
      cols="241,*"><frame name="sommaire"
      target="principal" src="sommaire.htm.htm"><frame
      name="principal" src="accueil.htm.htm" target="principal"
      scrolling="auto"></frameset>
      <noframes><body>
      background="_themes/copie-de-m-tal/indtextb.jpg"
      bgcolor="#FFFFFF" text="#000000" link="#3366CC" vlink="#3333FF"
      alink="#000066"><!--mstheme--><font face="Trebuchet MS,
      Arial,
      Helvetica">
      <p>Cette page utilise des cadres, mais votre navigateur ne les
      prend
      pas en
      charge.<!--mstheme--></font></body> </noframes>
      </frameset>
      </html>
      0
  2. bg62 Messages postés 23433 Date d'inscription   Statut Modérateur Dernière intervention   2 435
     
    et on en fait quoi par exemple de tous ces :
    <li><a
    href="../../../Kits%20graphiques/another_drink/another_drink/another_drink/index.html">...</a></li> 
    0
  3. densovirus Messages postés 103 Date d'inscription   Statut Membre Dernière intervention   32
     
    tu remplace "../../../Kits%20graphiques/another_drink/another_drink/another_drink/index.html" par le lien de ton choix.
    0