Page Index NVU
dmaestro
Messages postés
76
Statut
Membre
-
dmaestro -
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
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
A voir également:
- Page Index NVU
- Supprimer page word - Guide
- Index téléphonique - Guide
- Telecharger index - Télécharger - Gestion de fichiers
- Page d'accueil - Guide
- Imprimer tableau excel sur une page - Guide
3 réponses
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>
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>
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>