Passage au CSS

GG_12

Cadet

Hors ligne

Messages: 26

Passage au CSS

« le: 16 Décembre 2006 10:39:34 »

Bonjour,

Mon site grandit de jour en jour, et je rajoute chaque fois de nouvelles pages au menu pour compléter les informations. Le problèmes c'est que le menu n'est disponible qu'à partir de la page d'accueil, ce n'est pas bien pour les visiteurs. Donc, j'ai décidé de passer au CSS ! J'ai acheter un livre : CSS 2.0 - Michel Dreyfus - Compus Press mais j'ai une question : dans le livre, ils disent qu'il faut mettre un code HTML dans la page où l'on veut que notre modèle se reproduise, et le modèle, il le présente sous forme de HTML

Vu que je n'ais que 13 ans et que je connais que très peu du HTML, est-il possible avec un éditeur comme FrontPage (2000) de faire une page avec les cadres, menu avec texte et lien, bannière, bas de page et laisser vide l'espace qui servira à la rédaction qui soit la page modèle ? Si c'est possible, lorsque sur une nouvelle page je copierais le code HTML pour que dans cette page soit reproduit la page modèle, il apparaitra le menu, la bannière, le bas de page, la zone de rédaction etc ? Et il suffiera que je rajoute un texte et un lien dans le menu pour que celui-ci apparaisse dans chaque page de mon site ? En attendant votre réponse, j'espère que vous pourrez grâce à ça, m'avancer beaucoup dans le développement de mon site ! Clin d'oeil


	Journalisée

Jérémie

GG_12

Cadet

Hors ligne

Messages: 26

Re : Passage au CSS

« Réponse #1 le: 16 Décembre 2006 12:28:36 »

Je sais déjà que pour faire apparaitre ma feuille de style sur une page, il faut intégré ce code HTML :

Code:

<html><head><title>Simple Exemple</title>
<link rel="stylesheet" href="ma_feuille.css" type ="text/css"/>
</head>
<body>
</body>

</body>
</html>


	Journalisée

Jérémie

profilm

Modérateur Global
Sénior

Hors ligne

Messages: 4992

FF 2.0 en 1024

Re : Passage au CSS

« Réponse #2 le: 16 Décembre 2006 17:50:54 »

Bonjour GG

Alors déjà, il est préférable d'oublier Frontapage qui produit un code brouillon, non standard et dont les extensions ne sont pas acceptées par tous les hébergeurs. NVU par exemple est un excellent logiciel open source destiné à la création et à l’administration de pages web, en mode visuel (WYSIWYG). ...

Ensuite il faut commencer par apprendre les bases du XHTML et des CSS (qui est le langage d'aujourd'hui) : Apprenez à créer votre site web !

Cordialement
Thierry


	Journalisée

E-Commerce
1227 logiciels Open source
Firefox 2
Apprenez à créer votre site web

GG_12

Cadet

Hors ligne

Messages: 26

Re : Passage au CSS

« Réponse #3 le: 17 Décembre 2006 16:17:18 »

J'ai NVU

Et donc je peut créer mon site avec NVU et mettre le code que j'ai eu dans le livre que je possède pour faire un site CSS ?

Merci pour le lien ! Clin d'oeil


	Journalisée

Jérémie

GG_12

Cadet

Hors ligne

Messages: 26

Re : Passage au CSS

« Réponse #4 le: 18 Décembre 2006 16:07:21 »

Je n'y arrive pas...

J'ai re-regarder dans le bouquin que j'ai et il mettait cet exemple comme feuille de style et ça marchait :

Code:

body {background-color: yellow;}
h1 {color: red;}
p {background-color: black;}
table { border: 1px solid black; padding: 12px; width: 80%;}
th {background-color: #333; border:}
.avis {background-color: red; color: orange;)

Vu que j'avais déjà créer ma page avec FrontPage et que je voulais faire ça rapidement, j'ai créer une autre feuille de style avec le code HTML de mon site (ma page pour l'instant)

Code:

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><img border="0" src="image_site/banniere.bmp" width="900" height="115"></td>
</tr>
</table>
</center>
</div>
<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="91%">
<tr>
<td width="15%" bgcolor="#CC3300">
l'Atelier du cuir 
- Accueil 
- Contact 
- Le magasin 
- Conditions 
- Stages 
- St Eulalie 
- Les
outils 
 
Nos produits 
- Restauration 
- Sacs 
- Boîtes 
- Barrettes 
- Etuis à couteaux 
- Cadres & miroirs 
- Pour le bureau 
- Porte-clefs 
- Ceintures 
- Porte monnaie
 
 
</td>
<center>
<td width="6%"><img border="0" src="image_site/bandeau1.bmp" width="30" height="600"></td>
<td width="162%">
Accueil - Contact
</center>
Bienvenue,
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
</td>
<center>
<td width="11%"><img border="0" src="image_site/bandeau2.bmp" width="30" height="600"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%">
Design by <a href="mailto:jeremiegachelin@orange.fr" target="_blank">J.
Gachelin 
</a>© Copyright 2006 - Atelier du Cuir 
</td>
</tr>
</table>
</center>
</div>

Et là ça ne marche pas !!! Huh


	Journalisée

Jérémie

Perceval

Yvon
Sénior

Hors ligne

Messages: 295

Re : Passage au CSS

« Réponse #5 le: 18 Décembre 2006 22:11:10 »

Bonsoir,

En fait, ça marche trés bien.

Soit tu mets ton style entre 2 balises <style> et </style> :

Code:

(dans ton <head>, bien sûr)

avec ton code en-dessous...

soit tu colles ton style dans un fichier que tu appelles par exemple "Style.css", et tu l'appelles à ce moment-là entre tes balises <head> :

Code:

Il faut bien entendu le faire sur chacune des pages que tu veux voir apparaître avec ce style !

Cette deuxième version est plus recommandée, surtout quand tu vas t'apercevoir au bout de quelques semaines que le style que tu as défini au début est carrément "has been", et qu'il faut le changer... Le fait qu'il soit dans un fichier séparé permet de tout changer en ne modifiant que ce fichier...

Mais peut-être le savais-tu déjà ! Grin

Bonne soirée

Yvon


	Journalisée

Si on veut gagner sa vie, il suffit de travailler
Si on veut devenir riche, il faut trouver autre chose

GG_12

Cadet

Hors ligne

Messages: 26

Re : Passage au CSS

« Réponse #6 le: 19 Décembre 2006 21:10:14 »

Ce code marche, j'ai juste enlevé les balises principales autour du code c'est tout (<html> et </html>, <head> et </head> et <style> et </style>).

J'ai demander de l'aide sur un autre forum pour avoir des informations complémentaire et ils me conseillent d'apprendre les leçons du site de zer0 Clin d'oeil

Je vais m'y mettre Grin


	Journalisée

Jérémie

profilm

Modérateur Global
Sénior

Hors ligne

Messages: 4992

FF 2.0 en 1024

Re : Passage au CSS

« Réponse #7 le: 19 Décembre 2006 21:12:14 »

Citation de: profilm sur 16 Décembre 2006 17:50:54

Ensuite il faut commencer par apprendre les bases du XHTML et des CSS (qui est le langage d'aujourd'hui) : Apprenez à créer votre site web !

C'était déjà conseillé plus haut .. Clin d'oeil


	Journalisée

E-Commerce
1227 logiciels Open source
Firefox 2
Apprenez à créer votre site web

GG_12

Cadet

Hors ligne

Messages: 26

Re : Passage au CSS

« Réponse #8 le: 20 Décembre 2006 15:44:37 »

Oui je sait Grin

Je voulais dire que lorsque j'ai voulut faire part de mon problème, je leur ais déjà expliquer ce qu'on m'avait dit ici et il m'ont conseiller d'apprendre avec le site du zér0 parce que c'est très pratique. Clin d'oeil

On s'était mal compris ! Clin d'oeil

Jérémie.


	Journalisée

Jérémie

Pages: [1]

Forum Marketing > Créer et développer un site > Developpement > Fil de Discussion: Passage au CSS

« sujet précédent | | sujet suivant »