Aller au contenu

Conserver en-tête d'une page à l'autre


DentsLongues

Sujets conseillés

Salut,

mon site (en CSS) comporte un bannière / en-tête avec des images et le logo du site en haut.

Je voudrais booster le chargement de mon site (et diminuer la quantité de chargement d'images) en laissant toujours cette même bannière pour l'utilisateur, quelle que soit la page visionnée...

Pour le moment je ne sais que mettre cette bannière sur chaque page... Cela signifie-t-il que ces éléments seront rechargés à chaque visionnage d'une page différente?

Je cherche une indication sur la meilleur stratégie pour coder ça.

Je me souviens avoir lu un truc un jour sur le fait de créer deux pages affichées d'un coup...

D'autre part, une question complémentaire, comment faire pour avoir la bannière en permanence à l'écran...et lors d'un défilment vers le bas ("scroll down") qu'elle reste à sa place PAR DESSUS tout le reste, comme figée quoi.

:)

Lien vers le commentaire
Partager sur d’autres sites

Bonjour :)

Si ton hébergeur supporte le PHP, tu peux mettre le code html appelant ta bannière dans un second fichier header.html puis mettre:

<?php include('ton_fichier_header.html'); ?>

là où tu veux voir apparaître ton logo ;)

Sinon, tu peux aussi utiliser des frames... :sick:

Lien vers le commentaire
Partager sur d’autres sites

Bonjour :)

Si ton hébergeur supporte le PHP, tu peux mettre le code html appelant ta bannière dans un second fichier header.html puis mettre:

<?php include('ton_fichier_header.html'); ?>

là où tu veux voir apparaître ton logo ;)

Sinon, tu peux aussi utiliser des frames... :sick:

<{POST_SNAPBACK}>

Mon hébergeur c'est OVH. PHP est compatible. Oki doki, merci!

Sympa ce truc, pour une fois que c'est simple! ^_^

Une petite ligne de temps en temps, ça fait pas de mal! :P

(Vais tester ça dans mon p'tit dreamweaver sur le champ!)

PS: les frames c'est tabou si je comprend bien...

[edit] bon, j'ai fait ça sur mon pc mais, j'ai mis ce code PHP dans <head> ...

mais dans IE, le fichier html n'est pas appelé. Rien ne se passe...

Modifié par DentsLongues
Lien vers le commentaire
Partager sur d’autres sites

j'ai mis ce code PHP dans <head>

:huh: Il ne faut pas mettre ce code dans <head> mais dans ta partie <body> :P

<html>
<head>
<meta name="..." content="..." />
<meta name="..." content="..." />
</head>
<body>
<div id="header"><?php include('ton_fichier_header.html'); ?></div>
<div id="main"><p>Ton contenu html normal</p></div>
<div id="footer"><?php include('ton_fichier_footer.html'); ?></div>
</body>
</html>

PS: les frames c'est tabou si je comprend bien...

Les frames n'ont (presque) que des défauts: elles ne sont pas accessibles, n'aident absolument pas au référencement, sont moches, etc... mais ne nous écartons pas du sujet B)

Modifié par MS-DOS_1991
Lien vers le commentaire
Partager sur d’autres sites

Sinon, le fait d'utiliser un include, n'empêche pas le rechargement à chaque fois de ce fichier.

Par contre, rassure-toi : l'image (ou les images) qui le composent, seront enregistrées en cache, donc pas téléchargées à chaque fois.

Pour ce qui est de ta seconde question (header fixe dans la page), voilà un truc vite fait en CSS :

<html>
<body>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#header {
width: 100%;
height: 50px;
background-color: #F00;
position: fixed;
}
#contenu {
padding-top: 50px;
height: 200%;
background-color: #0F0;
}
</style>
<div id="header">
<?php include('ton_fichier_header.php');
?>
</div>
<div id="contenu">Contenu</div>
</body>
</html>

N'oublie pas de changer l'extension de tes pages en PHP !

Modifié par captain_torche
Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...