page d'accueil site

page d'accueil site - HTML/CSS - Programmation

Marsh Posté le 24-08-2004 à 10:48:50    

Bonjour! à la page d'accueil de mon site, je voudrais mettre une sorte de page de garde avant d'entrer sur le site proprement dit... j'en ai créé une, ou plutôt plusieurs, avec à chaque fois le même texte, un bouton entrer, et une image de fond différente pour chacune (je précises qu'elles sont en HTML). Je ne connais rien à la programmation et je voudrais faire en sorte qu'à chaque fois qu'on va sur le site, une page de garde différente ou aléatoire parmis les 3 que j'ai soient affichées... que mettre dans le code html, et comment dois-je nommer mes pages de garde? et la première page de mon site?  :heink:  
 
Merci beaucoup!
 
p.s: ou alors, simplement changer aléatoirement le fond de la page de garde... c'est peut-être plus simple?  :heink:  Merci!

Reply

Marsh Posté le 24-08-2004 à 10:48:50   

Reply

Marsh Posté le 24-08-2004 à 11:16:28    

p.s.> oui, avec du php ou meme en javascript c'est possible, mais plus lourd.


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 11:20:52    

Idéalement en PHP/ASP, mais il faut voir si ca a un intérêt et si ca ne gène pas la visibilité du site
 
il faut aussi s'assurer de l'utilité de la "page de garde"
Lecture très intéressante


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 11:21:10    

Reply

Marsh Posté le 24-08-2004 à 11:21:50    

euh, un exemple?car je suis pas ce qu'on peu appeler un pro du html et encore moins du php...

Reply

Marsh Posté le 24-08-2004 à 11:33:36    

non, je pense que je vais utiliser un script dans le genre:  

Code :
  1. <script language="javascript">
  2. <!--
  3. document.write('<BODY BACKGROUND="/fonds/' + parseInt(Math.random()*3) + '.gif">')
  4. //-->
  5. </script>


et ma page de garde est utile , car mes visiteurs me lont demandé!!


Message édité par Orchrist le 24-08-2004 à 11:34:57
Reply

Marsh Posté le 24-08-2004 à 11:36:17    

ton JS ne marchera pas


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 11:40:23    

pourquoi?

Reply

Marsh Posté le 24-08-2004 à 11:49:12    

le JS s'exécute côté client, je ne suis pas sur qu'il soit suffisament "intelligent" pour demander au browser de retourner chercher un fichier distant, c'est du PHP qu'il faut là
 
et je continue à être peu sur de l'utilité d'un fond qui change -_-


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 11:54:32    

ben, tu peux me dire en PHP?

Reply

Marsh Posté le 24-08-2004 à 11:54:32   

Reply

Marsh Posté le 24-08-2004 à 13:01:30    

boulax a écrit :

p.s.> oui, avec du php ou meme en javascript c'est possible, mais plus lourd.


Plus lourd plus lourd faut pas abuser n'on plus. c'est 5 lignes de code php. ça peut être plus lourd dans le sens ou s'il revient la prochaine fois, la précédente image ne sera pas lu dans le cache du navigateur. Mais c'est pas conseiller de faire cela. Il ne faut pas dérouter l'internaute.

Reply

Marsh Posté le 24-08-2004 à 13:07:53    

Berceker United a écrit :

Plus lourd plus lourd faut pas abuser n'on plus. c'est 5 lignes de code php. ça peut être plus lourd dans le sens ou s'il revient la prochaine fois, la précédente image ne sera pas lu dans le cache du navigateur. Mais c'est pas conseiller de faire cela. Il ne faut pas dérouter l'internaute.


le monsieur il dit que la solution JS est plus lourde que la solution PHP, mais spa grave [:itm]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 13:10:02    

[:itm]
 
On est bien d'accord sur l'utilité de la feature également [:itm]


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 13:21:24    

Masklinn a écrit :

le monsieur il dit que la solution JS est plus lourde que la solution PHP, mais spa grave [:itm]


j'ai sorti mes crocs uniquement pour celui a qui j'ai répondu[:itm]  

Reply

Marsh Posté le 24-08-2004 à 13:25:07    

lol, vous battez pas! bon, quelqu'un peu me donner un script java? ce sera plus simple! le php, j'aime pas trop trop...

Reply

Marsh Posté le 24-08-2004 à 13:30:50    

Dans le genre ? :
 

Code :
  1. <body id="mainBody">
  3. <script type="text/javascript">
  5. document.getElementById("mainBody" ).background = 'image' + parseInt(Math.random()*3) + '.gif' ;
  6. </script>


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 13:33:22    

Orchrist a écrit :

lol, vous battez pas! bon, quelqu'un peu me donner un script java? ce sera plus simple! le php, j'aime pas trop trop...


java ou javascript , attention au nom ;)

Reply

Marsh Posté le 24-08-2004 à 13:40:23    

Berceker United a écrit :

j'ai sorti mes crocs uniquement pour celui a qui j'ai répondu[:itm]


et alors, tu racontes une connerie je t'en claque une même si c'est pas à moi que tu répondais [:aloy]

Orchrist a écrit :

lol, vous battez pas! bon, quelqu'un peu me donner un script java? ce sera plus simple! le php, j'aime pas trop trop...


Ce qui n'est pas conseillé, les gens peuvent parfaitement désactiver le JavaScript ou utiliser un navigateur qui ne gère pas le JS, alors qu'il est strictement impossible de rencontrer un problème de compatibilité du au navigateur avec le PHP


Message édité par masklinn le 24-08-2004 à 13:42:24

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 13:40:49    

ben, j'vais dja essayé
mais bon, je veux bien
tu peux préciser ou je dois mettre mes images? et sachant qu'elles sont en gif?

Reply

Marsh Posté le 24-08-2004 à 13:42:16    

bon, alors, proposez moi des script JAVASCRIPT qui marchent svp...

Reply

Marsh Posté le 24-08-2004 à 13:58:07    

10€ et un mars aussi ? si ce que j'ai mis plus haut ne fonctionne pas, t'as largement de quoi t'en inspirer pour faire une recherche dans la doc;..


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 14:03:29    

bon, alors, atandez, regardez: [url]www.black-dragon.org/garde.htm[\url] j'ai eu un script par un site. Comment se fait-il qu'il ne fonctionne pas?

Reply

Marsh Posté le 24-08-2004 à 14:06:00    

Faut peut etre l'appeler la fonction [:akt]


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 14:08:50    

optutain des <p> remplis d'espaces insécables pour faire la mise en page [:totoz]  
avec des align en bonus :cry:


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 14:10:25    

Orchrist a écrit :

bon, alors, atandez, regardez: [url]www.black-dragon.org/garde.htm[\url] j'ai eu un script par un site. Comment se fait-il qu'il ne fonctionne pas?


Parce que tu as fais une faute de français :D

Reply

Marsh Posté le 24-08-2004 à 14:17:35    

boulax a écrit :

Faut peut etre l'appeler la fonction [:akt]


 
Ok t'as changé ou j'avais mal vu, mes confuses. Bon alors euh... appelle plutot la fonction entre balises "<script>" dans body pour voir, ou pour tester, sur un onclick d'un bouton.


---------------
Posté depuis des chiottes, sales. Me gusta.
Reply

Marsh Posté le 24-08-2004 à 17:55:42    

euh, étant nul, comment je fais ça? LOL ^^


Message édité par Orchrist le 24-08-2004 à 17:55:58
Reply

Marsh Posté le 24-08-2004 à 17:57:42    

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Enter in the fantastic world</title>
  6. <script language="JavaScript">
  7. // voici la fonction que je vais appeller  
  8. function image()
  9. {
  10. // déclarer le tableau de 3 éléments  
  11. var tab = new Array(3);
  12. // initialiser le tableau  
  13. tab[0] = 'http://www.black-dragon.org/fonds/0.jpg';
  14. tab[1] = 'http://www.black-dragon.org/fonds/1.jpg';
  15. tab[2] = 'http://www.black-dragon.org/fonds/2.jpg';
  16. // générer aléatoirement un nombre entre 0 et la taille de mon tableau  
  17. var indice = Math.floor(Math.random() * tab.length);
  18. // affecter une l'image choisit à mon arrière plan  
  19. window.document.body.background = tab[indice];
  20. }
  21. </script>
  22. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  23. </style>
  24. <style type="text/css">
  25. <!--
  26. .Style1 {font-family: Abaddon™}
  27. .Style2 {font-size: 36px}
  28. .Style3 {
  29. color: #666666;
  30. font-size: 42px;
  31. }
  32. .Style5 {font-size: 72px}
  33. .Style6 {font-size: 52px}
  34. body {
  35. background-image: url();
  36. }
  37. .Style9 {font-size: 40px}
  38. -->
  39. </style>
  40. </head>
  41. <body onload="image();">
  42. <div align="center" class="Style1">
  43.   <p class="Style1 Style6">Welcome to The Fantastic World </p>
  44.   <p>&nbsp;</p>
  45.   <p>&nbsp;</p>
  46.   <p>&nbsp;</p>
  47.   <p align="left" class="Style2 Style3">&nbsp; </p>
  48.   <p align="left" class="Style3 Style9"> Black</p>
  49.   <p align="left" class="Style3 Style9"> Dragon</p>
  50.   <p>&nbsp;</p>
  51.   <p>&nbsp;</p>
  52.   <p>&nbsp;</p>
  53.   <p align="right" class="Style5">&nbsp;</p>
  54.   <p align="right" class="Style5">&nbsp;</p>
  55.   <p align="right" class="Style5">&nbsp;</p>
  56.   <p align="right" class="Style5">Enter </p>
  57. </div>
  58. </body>
  59. </html>


 
Je dois modifier quoi?

Reply

Marsh Posté le 24-08-2004 à 18:21:23    

Orchrist a écrit :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Enter in the fantastic world</title>
  6. <script language="JavaScript">
  7. // voici la fonction que je vais appeller  
  8. function image()
  9. {
  10. // déclarer le tableau de 3 éléments  
  11. var tab = new Array(3);
  12. // initialiser le tableau  
  13. tab[0] = 'http://www.black-dragon.org/fonds/0.jpg';
  14. tab[1] = 'http://www.black-dragon.org/fonds/1.jpg';
  15. tab[2] = 'http://www.black-dragon.org/fonds/2.jpg';
  16. // générer aléatoirement un nombre entre 0 et la taille de mon tableau  
  17. var indice = Math.floor(Math.random() * tab.length);
  18. // affecter une l'image choisit à mon arrière plan  
  19. window.document.body.background = tab[indice];
  20. }
  21. </script>
  22. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  23. </style>
  24. <style type="text/css">
  25. <!--
  26. .Style1 {font-family: Abaddon™}
  27. .Style2 {font-size: 36px}
  28. .Style3 {
  29. color: #666666;
  30. font-size: 42px;
  31. }
  32. .Style5 {font-size: 72px}
  33. .Style6 {font-size: 52px}
  34. body {
  35. background-image: url();
  36. }
  37. .Style9 {font-size: 40px}
  38. -->
  39. </style>
  40. </head>
  41. <body onload="image();">
  42. <div align="center" class="Style1">
  43.   <p class="Style1 Style6">Welcome to The Fantastic World </p>
  44.   <p>&nbsp;</p>
  45.   <p>&nbsp;</p>
  46.   <p>&nbsp;</p>
  47.   <p align="left" class="Style2 Style3">&nbsp; </p>
  48.   <p align="left" class="Style3 Style9"> Black</p>
  49.   <p align="left" class="Style3 Style9"> Dragon</p>
  50.   <p>&nbsp;</p>
  51.   <p>&nbsp;</p>
  52.   <p>&nbsp;</p>
  53.   <p align="right" class="Style5">&nbsp;</p>
  54.   <p align="right" class="Style5">&nbsp;</p>
  55.   <p align="right" class="Style5">&nbsp;</p>
  56.   <p align="right" class="Style5">Enter </p>
  57. </div>
  58. </body>
  59. </html>


 
Je dois modifier quoi?


Pinaise le code [:hakan_fr]

Reply

Marsh Posté le 24-08-2004 à 20:17:58    

Si je dit que j'ai les yeux qui me brulent quand je regarde ce code, c'est un troll ou pas? :/


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 24-08-2004 à 21:18:51    

lol, alors, je modifie quoi?

Reply

Marsh Posté le 24-08-2004 à 21:59:34    

Orchrist a écrit :

lol, alors, je modifie quoi?


Le code HTML n'est pas faux mais il y a une tonne de balise inutile? ça se voit que tu code avec un éditeur sans regarder ce qu'il se passe réellement sur la source.

Reply

Marsh Posté le 25-08-2004 à 08:01:56    

ben oui, car je ne sais pas coder, et j'ai besoin de faire vite une page... qu'est-ce que je dois enlever? pour faire plus propore?

Reply

Marsh Posté le 25-08-2004 à 09:38:06    

Orchrist a écrit :

ben oui, car je ne sais pas coder, et j'ai besoin de faire vite une page... qu'est-ce que je dois enlever? pour faire plus propore?


Je vais pas dire ça par moquerie mais plus pour conseil.
Il faudrait que tu puisses acheter un petit livre sur le HTML, tu comprendra plus facilement de quoi ont te parle. Crois moi un enfant de 10ans peut apprendre le HTML de base.

Reply

Marsh Posté le 25-08-2004 à 09:42:01    

d'accord, je vais inverstir... mais pour l'instant impossible, je dois payer mes études...et pas bcp de sous en ce moment...

Reply

Marsh Posté le 25-08-2004 à 09:46:17    

Orchrist a écrit :

d'accord, je vais inverstir... mais pour l'instant impossible, je dois payer mes études...et pas bcp de sous en ce moment...


Entre temps regarde sur des sites internet. Un livre a 8€ dans la collection O'reilly il ya HTML qui explique vraiment le principe. Apres le reste c'est juste une histoire de détail dont tu seras trouver facilement l'information.

Reply

Marsh Posté le 25-08-2004 à 09:51:11    

d'ac! sinon, ça y est, mon script marche parfaitement!   :ouch:  :D  
 
le voilà: (mais si y a des trucs à supprimer inutils, merci de me faire une petite correction du code...   :sweat: ):
 

Code :
  1. <html>
  2. <head>
  3. <title>Enter in the fantastic world</title>
  4. <script language="JavaScript">
  5. // voici la fonction que je vais appeller  
  6. function image()
  7. {
  8. // déclarer le tableau de 3 éléments  
  9. var tab = new Array(3);
  10. // initialiser le tableau  
  11. tab[0] = 'http://www.black-dragon.org/fonds/0.jpg';
  12. tab[1] = 'http://www.black-dragon.org/fonds/1.jpg';
  13. tab[2] = 'http://www.black-dragon.org/fonds/2.JPG';
  14. // générer aléatoirement un nombre entre 0 et la taille de mon tableau  
  15. var indice = Math.floor(Math.random() * tab.length);
  16. // affecter une l'image choisit à mon arrière plan  
  17. window.document.body.background = tab[indice];
  18. }
  19. </script>
  20. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  21. </style>
  22. <style type="text/css">
  23. <!--
  24. .Style1 {font-family: Abaddon™}
  25. .Style2 {font-size: 36px}
  26. .Style3 {
  27. color: #666666;
  28. font-size: 42px;
  29. }
  30. .Style5 {font-size: 72px}
  31. .Style6 {font-size: 52px}
  32. .Style9 {font-size: 40px}
  33. -->
  34. </style>
  35. </head>
  36. <body onload="image();" style="background-repeat: no-repeat;" />
  37. <div align="center" class="Style1">
  38.   <p class="Style1 Style6">Welcome to The Fantastic World </p>
  39.   <p>&nbsp;</p>
  40.   <p>&nbsp;</p>
  41.   <p>&nbsp;</p>
  42.   <p align="left" class="Style2 Style3">&nbsp; </p>
  43.   <p align="left" class="Style3 Style9"> Black</p>
  44.   <p align="left" class="Style3 Style9"> Dragon</p>
  45.   <p>&nbsp;</p>
  46.   <p>&nbsp;</p>
  47.   <p>&nbsp;</p>
  48.   <p align="right" class="Style5">&nbsp;</p>
  49.   <p align="right" class="Style5">&nbsp;</p>
  50.   <p align="right" class="Style5">&nbsp;</p>
  51.   <p align="right" class="Style5">Enter </p>
  52. </div>
  53. </body>
  54. </html

>
 
Sinon, juste une petite question HTML: comment faire un espace ou sauter une ligne en HTML? pour placer un morceau de texte à l'endroit désiré? :heink:

Reply

Marsh Posté le 25-08-2004 à 09:54:07    

Orchrist a écrit :

d'ac! sinon, ça y est, mon script marche parfaitement!   :ouch:  :D  
 
le voilà: (mais si y a des trucs à supprimer inutils, merci de me faire une petite correction du code...   :sweat: ):
 

Code :
  1. <html>
  2. <head>
  3. <title>Enter in the fantastic world</title>
  4. <script language="JavaScript">
  5. // voici la fonction que je vais appeller  
  6. function image()
  7. {
  8. // déclarer le tableau de 3 éléments  
  9. var tab = new Array(3);
  10. // initialiser le tableau  
  11. tab[0] = 'http://www.black-dragon.org/fonds/0.jpg';
  12. tab[1] = 'http://www.black-dragon.org/fonds/1.jpg';
  13. tab[2] = 'http://www.black-dragon.org/fonds/2.JPG';
  14. // générer aléatoirement un nombre entre 0 et la taille de mon tableau  
  15. var indice = Math.floor(Math.random() * tab.length);
  16. // affecter une l'image choisit à mon arrière plan  
  17. window.document.body.background = tab[indice];
  18. }
  19. </script>
  20. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  21. </style>
  22. <style type="text/css">
  23. <!--
  24. .Style1 {font-family: Abaddon™}
  25. .Style2 {font-size: 36px}
  26. .Style3 {
  27. color: #666666;
  28. font-size: 42px;
  29. }
  30. .Style5 {font-size: 72px}
  31. .Style6 {font-size: 52px}
  32. .Style9 {font-size: 40px}
  33. -->
  34. </style>
  35. </head>
  36. <body onload="image();" style="background-repeat: no-repeat;" />
  37. <div align="center" class="Style1">
  38.   <p class="Style1 Style6">Welcome to The Fantastic World </p>
  39.   <p>&nbsp;</p>
  40.   <p>&nbsp;</p>
  41.   <p>&nbsp;</p>
  42.   <p align="left" class="Style2 Style3">&nbsp; </p>
  43.   <p align="left" class="Style3 Style9"> Black</p>
  44.   <p align="left" class="Style3 Style9"> Dragon</p>
  45.   <p>&nbsp;</p>
  46.   <p>&nbsp;</p>
  47.   <p>&nbsp;</p>
  48.   <p align="right" class="Style5">&nbsp;</p>
  49.   <p align="right" class="Style5">&nbsp;</p>
  50.   <p align="right" class="Style5">&nbsp;</p>
  51.   <p align="right" class="Style5">Enter </p>
  52. </div>
  53. </body>
  54. </html

>
 
Sinon, juste une petite question HTML: comment faire un espace ou sauter une ligne en HTML? pour placer un morceau de texte à l'endroit désiré? :heink:


 
 
 <div align="center" class="Style1">  
    <p class="Style1 Style6">Welcome to The Fantastic World </p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p align="left" class="Style2 Style3">&nbsp; </p>  
    <p align="left" class="Style3 Style9"> Black</p>  
    <p align="left" class="Style3 Style9"> Dragon</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">Enter </p>  
  </div>
Tu peux faire sauter ça.
 
Pour faire une espace inssécable => &nbsp;
pour sauter une ligne (retour chariot) => <br/> ou <br>
pour faire une nouveau paragraphe c'est <p>.../<p>

Reply

Marsh Posté le 25-08-2004 à 10:00:52    

Berceker United a écrit :

 <div align="center" class="Style1">  
    <p class="Style1 Style6">Welcome to The Fantastic World </p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p align="left" class="Style2 Style3">&nbsp; </p>  
    <p align="left" class="Style3 Style9"> Black</p>  
    <p align="left" class="Style3 Style9"> Dragon</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p>&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">&nbsp;</p>  
    <p align="right" class="Style5">Enter </p>  
  </div>
Tu peux faire sauter ça.


 
euh, merci pour les espaces. Mais pour faire sauter ça je peux pas... et ce que j'ai écrit alors? Va voir ma page, il me faut ce que j'ai écrit aux endroits ou je les ai écrit... :??:

Reply

Marsh Posté le 25-08-2004 à 10:24:16    

ou je vais voir la page?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed