faire une page d'accueil

Voila , je créee mon site et je renontre un probleme , comment faire une page d'accueil avec un " entrez " ou on clique dessus pour acéder a l'index <,?

https://2img.net/r/ihimizer/img294/2558/bsenter.png

Alors, il doit exister différentes manières de le faire, pour ma part, je crée un bloc de fond de la taille de ton image, puis je crée un bloc par dessus de la taille de l'espace cliquable pour le bouton entrer ^^
Sur l'index.php ça donne ça :

Code:: <!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" >
<head>
<title>Familitchi's website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link title="Design" type="text/css" rel="stylesheet" href="style/css/design.css" media="screen" />
</head>

<body>
<div id="all">
<div id="enter">
<a href="#"><img src="style/images/entrer.png" alt="Entrer" /></a>
</div>
</div>
</body>
</html>

Le div id="all" est le bloc de fond de la taille de ton image et elle affiche ton image de fond.
Le div id="enter" est le bloc invisible qui définit où se trouve l'espace cliquable.
<a href="#"></a> c'est le lien pour mener sur une autre page, tu mets ta page à la place de # par exemple <a href="https://learning-design.actifforum.com/"></a> et le img c'est l'image de ton bouton cliquable ^^

Et dans le css qui se trouve dans style/css/design.css (un peu compliqué car il faut rendre le bloc de la taille de ton image de fond ^^):

Code:: *{padding:0;margin:0;}

html {
height: 100%;
}

body {
background-color: #fcfcfa;
height: 100%;
margin: auto;
}

div#all {
background: url('../images/fond.png') no-repeat;
width: 900px;
margin: auto;
min-height: 100%;
}

div#enter {
margin-top: 346px;
margin-left: 355px;
height: 150px;
width: 150px;
position: absolute;
}

div#enter a {
text-decoration: none;
}

div#enter img {
border: 0px;
}

Dans le html et body, on met la couleur de fond de ton image en couleur de fond de page, on lui indique que la hauteur de page sera la hauteur de l'écran, soit 100% et on met un margin auto pour centrer horizontalement.
Le div#all c'est là où on met ton image de fond ainsi que sa largeur, un centrage horizontale et on met 100% en taille de hauteur minimun pour que l'image soit affiché en complet.
Pour le div#enter; on défini une hauteur (height) et largeur (width) pour le bouton cliquable. On met une position absolu pour pas que sa position soit interféré par les autres éléments et on positionne le bouton avec les margin ^^.
Ensuite les deux balises restantes sont pour enlever les bordures bleus quand on met des liens dessus et pour enlever le soulignement des liens textes (mais comme j'en ai pas mis, c'est facultatif).

Je t'ai mis le tout dans une archive si tu veux voir :
http://www.sendspace.com/file/y30cdv

l'archive marche pas?.... Razz

Tu peux peut être pas désarchiver les Rar, je te le passe en Zip pour voir ^^
http://www.sendspace.com/file/hpmnfj

merci beaucoup !
il faut que jajoute tes codes a index ?

Tu as rien à ajouter dans l'archive, juste à renommer le index.php en index.html pour regarder à quoi ça ressemble, car je crois pas que ton ordinateur puisse lire les fichiers php.

en faite jai juste a ajouter le lien vers le site ?

oui^^

le code que tu as mi a index , je lajoute a mon index ? désolé je suis nul!

Ce n'est pas grave, pour le moment mets ton index et tout le reste dans un sous dossier "site" et ensuite places mon index et les dossiers qui l'accompagne á l'ancienne position de ton index et modifies la ligne <a href="#" en <a href="site/index.php" si ton index s'appelle index.php

j'ai essayer de remplacer javait jute un enter!

Ok, tu as une adresse de messagerie instantanée du genre MSN ? Que l'on en discute, je pense que ça sera plus simple ^^ (Si oui, tu me l'envoies par MP et je t'ajoute)

» coder une page d'acceuil
» Une page HTML basique
» Page d'accueil cliquable
» Comment faire ? =(
» Comment faire un effet