18041 sujets
Questions générales et questions de débutants
Bonjour Zubrowka,
Il s'agit de l'interface rose ?
Hum, mise en page en tableau, css existante mais succinte, pas de Doctype, quelques erreurs dans le code...mais rien d'insurmontable
Tu peux aisément réutiliser ce template (attention aux conditions d'utilisation) et produire plusieurs pages, dans un soucis de maintenance, d'accessibilité, de validité peut-être pourras-tu :
Placer un Doctype, externaliser les styles vers la css, externaliser le javascript, corriger les erreurs de code...
En gardant la mise en page en tableau ou non (tu peux "reproduire" le même rendu sans tableau) à toi de voir suivant ton besoin, tes capacités, tes envies, la finalité de cette création de site
Il existe d'autres templates, gratuits, plus accès sur les thèmes chers à ce forum (accessible, full css, etc...) une petite recherche sur le web devrait te donner satisfaction
Après, reste la solution de tout faire toi même
En suivant des tutoriels (ici ou ailleurs), en te formant sur le html, les css, les langages de programmation peut-être ?
Mais une fois encore, cela dépend de ton besoin, de tes capacités, du temps dont tu disposes, etc...
Bon courage, il n'y a que les premiers pas qui coûtent
*Encore grilled
Modifié par 6l20 (21 Feb 2008 - 12:54)
Il s'agit de l'interface rose ?
Hum, mise en page en tableau, css existante mais succinte, pas de Doctype, quelques erreurs dans le code...mais rien d'insurmontable
Tu peux aisément réutiliser ce template (attention aux conditions d'utilisation) et produire plusieurs pages, dans un soucis de maintenance, d'accessibilité, de validité peut-être pourras-tu :
Placer un Doctype, externaliser les styles vers la css, externaliser le javascript, corriger les erreurs de code...
En gardant la mise en page en tableau ou non (tu peux "reproduire" le même rendu sans tableau) à toi de voir suivant ton besoin, tes capacités, tes envies, la finalité de cette création de site
Il existe d'autres templates, gratuits, plus accès sur les thèmes chers à ce forum (accessible, full css, etc...) une petite recherche sur le web devrait te donner satisfaction
Après, reste la solution de tout faire toi même
En suivant des tutoriels (ici ou ailleurs), en te formant sur le html, les css, les langages de programmation peut-être ?
Mais une fois encore, cela dépend de ton besoin, de tes capacités, du temps dont tu disposes, etc...
Bon courage, il n'y a que les premiers pas qui coûtent
*Encore grilled
Modifié par 6l20 (21 Feb 2008 - 12:54)
Zubrowka a écrit :
6l20 ce que tu m'as répondu est du chinois pour moi
Donc je vais prendre mon mal en patience et je vais tout faire moi même avec l'aide de quelques tutos évidement
Encore merci pour votre aide
Dans ce cas, effectivement, l'aide de quelques tutoriels ne sera pas inutile
En tout cas, amuses-toi bien, bon courage et repasses nous voir avec ta production
Cdt,
Sylvain
Voila j'aurais besoin de votre aide pour mon code
J'ai donc réussi à faire ma première page (header,menu,pied de page,...) et un css
Alors ma question est, si je souhaite faire plusieurs pages il me suffit juste de recopier mon code html pour chaque page et juste modifier le texte?
Quelqu'un peut il me conseiller?
Merci d'avance
mon css:
et mon fichier html
Modifié par Zubrowka (27 Feb 2008 - 19:36)
J'ai donc réussi à faire ma première page (header,menu,pied de page,...) et un css
Alors ma question est, si je souhaite faire plusieurs pages il me suffit juste de recopier mon code html pour chaque page et juste modifier le texte?
Quelqu'un peut il me conseiller?
Merci d'avance
mon css:
/* CSS */
body {
background-color:#2A2A2A;
color:#000000;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}
div#contenu {
background:url('./images/interface/bg_1.gif') repeat-y;
width:780px;
height:auto;
margin:auto;
}
img { display:block; margin:0; padding:0; }
a img { border:0; }
div.clear { clear:both; }
h1, h2, h3 { margin:0; padding:0; }
.orange { color:#D27B1E; }
div#contenu_2 {
background:url('./images/interface/bg_2.gif') repeat-y;
background-color:#FFF;
width:746px;
height:auto;
margin-left:17px;
}
div#header {
background:url('./images/interface/header.png') no-repeat;
width:746px;
height:162px;
}
div#name {
width:654px;
height:auto;
position:absolute;
margin:22px auto auto 46px;
text-align:right;
}
div#name h1 { text-align:right; font-weight:normal; letter-spacing:-1px; }
#nav {
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;
}
#nav li {
float:left;
width: 149px;
/*border: 1px solid #600;*/
margin-right: 0px;
color: #fff;
background: #c00;
border-color: #000000;
}
#nav li a {
display: block ;
background: #900 url(./images/interface/bg_menus.gif) left top no-repeat ;
color: #fff ;
font: 1em "Comic Sans MS", Courier, "Times New Roman", Verdana;
font-size:13px;
line-height: 1em ;
padding: 4px 0 ;
text-align: center ;
text-decoration: none ;
}
#nav li a:hover {
text-decoration: underline ;
}
div#contenu_3 {
width:690px;
height:auto;
margin-left:17px;
}
div#txt {
float:left;
/*width:470px;*/
height:auto;
}
div#txt p { margin-left:40px; padding:5px; }
div.titre {
width:auto;
height:40px;
margin-top:20px;
}
div.t_g {
background:url('./images/interface/t_g.gif') no-repeat;
width:21px;
height:40px;
float:left;
}
div.t_t {
background:url('./images/interface/bg_t.gif') repeat-x;
width:auto;
height:40px;
float:left;
}
div.t_t h2 { padding-top:12px; color:#FFFFFF; font-size:100%; }
div.t_d {
background:url('./images/interface/t_d.gif') no-repeat;
width:21px;
height:40px;
float:left;
}
div#footer {
background:url('./images/interface/footer.gif') no-repeat;
width:746px;
height:38px;
margin-top:20px;
font-size:80%;
}
div#footer p#copy_u { width:520px; margin-left:10px; text-align:center; float:left; }
div#footer p#copy { width:162px; float:right; margin-right:33px; text-align:center; color:#FFFFFF; }et mon fichier html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>.::Quartes::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="DC.Language" scheme="RFC3066" content="fr" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Normal" />
</head>
<body>
<div id="contenu">
<div id="contenu_2">
<div id="header">
<div id="name">
<h1><span class="orange">Q</span>uartes</h1>
</div>
</div>
<ul id="nav">
<li><a href="index.html" title="Aller à l'accueil">Accueil</a></li>
<li><a href="magasin.html" title="Visiter le magasin">Magasin en ligne</a></li>
<li><a href="conseiller.html" title="Utiliser le Conseiller">Conseiller</a></li>
<li><a href="apropos.html" title="Tout savoir de nous">A propos de nous</a></li>
<li><a href="*" title="Nous contacter">Nous contacter</a></li>
</ul>
<div id="contenu_3">
<div id="txt">
<div class="titre">
<div class="t_g"></div>
<div class="t_t">
<h2>Bienvenue chez quartes...</h2>
</div>
<div class="t_d"></div>
</div>
<p>texte </p> <!-- Je veux afficher différents textes ici suivant la section -->
</div>
<div class="clear">
</div>
</div>
<div id="footer">
<p id="copy">Une création de --- © 2008</p>
</div>
</div>
</div>
</body>
</html>
Modifié par Zubrowka (27 Feb 2008 - 19:36)
a écrit :
Alors ma question est, si je souhaite faire plusieurs pages il me suffit juste de recopier mon code html pour chaque page et juste modifier le texte?
Oui, tout à fait, et tu enregistres cette nouvelle page avec un nom différent (en modifiant également title, etc...)
Si le nombre de page devient conséquent tu pourras également utiliser l'includes PHP (ou même si tu souhaites simplement te familiariser avec ce langage et cette technique )
Cdt,
Sylvain
