Accueil  Calendrier  FAQ  Rechercher  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 faire une page d'accueil

Aller en bas 
AuteurMessage
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: faire une page d'accueil   Dim 8 Aoû - 21:27

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 <,?


http://img294.imageshack.us/img294/2558/bsenter.png
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 0:48

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="http://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 :
sendspace.com y30cdv
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:07

l'archive marche pas?.... Razz
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:11

Tu peux peut être pas désarchiver les Rar, je te le passe en Zip pour voir ^^
sendspace.com hpmnfj
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:13

merci beaucoup !
il faut que jajoute tes codes a index ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:15

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.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:22

en faite jai juste a ajouter le lien vers le site ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:23

oui^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:27

le code que tu as mi a index , je lajoute a mon index ? désolé je suis nul!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:37

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Familitchi
fantastic designer
avatar

Masculin
Nombre de messages : 1013
Age : 21
Localisation : Dans ma chambre bien assis
Logiciels : Photofiltre

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 1:47

j'ai essayer de remplacer javait jute un enter!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Syan
Little designer
avatar

Masculin
Nombre de messages : 97
Age : 26
Logiciels : Photoshop, Photofiltre, Gimp

MessageSujet: Re: faire une page d'accueil   Lun 9 Aoû - 21:03

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)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.stargate-aurora.fr.nf
Contenu sponsorisé




MessageSujet: Re: faire une page d'accueil   

Revenir en haut Aller en bas
 
faire une page d'accueil
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [ABANDON] Une page d'accueil à onglets
» [Lixyr Yrna] Une page d'accueil pour rainbow style
» [Akino] Un page d'accueil pour New Day :)
» Message de page d'accueil pour Amplificatum[Phantasmagoria]
» Redirection vers page d'accueil

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Learning Design :: World wide web :: Vos questions :: Sites web-
Sauter vers: