Je veux creer un site oueb

Je veux creer un site oueb - Programmation

Marsh Posté le 08-08-2002 à 14:53:42    

Etant un PUR newbie j'aimerais creer un site oueb.Quel prg me conseiller vous? fut-il apprendre un language?

Reply

Marsh Posté le 08-08-2002 à 14:53:42   

Reply

Marsh Posté le 08-08-2002 à 15:02:47    

tu apprends à faire des page en XHTML 1.0 Strict et tu fais tout avec un editeur de texte. Type notepad sous windows.
Ensuite tu regardes les sources des sites qui te plaisent et surtout tu respectes bien les normes du W3C, c TRES IMPORTANT. (tu peux regarder le code source de mon site si tu veux faire un truc correct du point de vue HTML / XHTML


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 15:05:15    

z0rglub a écrit a écrit :

tu apprends à faire des page en XHTML 1.0 Strict et tu fais tout avec un editeur de texte. Type notepad sous windows.
Ensuite tu regardes les sources des sites qui te plaisent et surtout tu respectes bien les normes du W3C, c TRES IMPORTANT. (tu peux regarder le code source de mon site si tu veux faire un truc correct du point de vue HTML / XHTML



modestie powered [:jofusion]

Reply

Marsh Posté le 08-08-2002 à 15:09:42    

je suis héberger à multimania où est le lien de ton site?

Reply

Marsh Posté le 08-08-2002 à 15:11:58    

z0rglub a écrit a écrit :

(tu peux regarder le code source de mon site si tu veux faire un truc correct du point de vue HTML / XHTML




 
mon site aussi :ange:


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 15:12:21    

tooot a écrit a écrit :

je suis héberger à multimania où est le lien de ton site?




 
http://forum.hardware.fr/icones/home.gif dans chacun de ses posts ;)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 15:15:56    

--greg-- a écrit a écrit :

modestie powered [:jofusion]




j'ai rajouté "du point de vue HTML" donc je vois pas en koi mon post est prétentieux... tu chercherais pas à troller à mort ? Y'a blabla pour ça...


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 15:18:00    

tooot a écrit a écrit :

je suis héberger à multimania où est le lien de ton site?




www.z0rglub.com (un CV)
www.z0rglub.com/phpwebgallery
 
www.z0rglub.com/piratage est par contre un mauvais exemple, je ne me préoccupais pas encore des normes & Co, faudra que je le refasse un de ces jours...


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 15:22:58    

z0rglub a écrit a écrit :

 
j'ai rajouté "du point de vue HTML" donc je vois pas en koi mon post est prétentieux... tu chercherais pas à troller à mort ? Y'a blabla pour ça...



détend toi :D

Reply

Marsh Posté le 08-08-2002 à 15:23:24    

z0rglub a écrit a écrit :

tu apprends à faire des page en XHTML 1.0 Strict et tu fais tout avec un editeur de texte. Type notepad sous windows.
Ensuite tu regardes les sources des sites qui te plaisent et surtout tu respectes bien les normes du W3C, c TRES IMPORTANT. (tu peux regarder le code source de mon site si tu veux faire un truc correct du point de vue HTML / XHTML



Ahem... première page de ton site :  

<html>
  <body style="background-color:#CCCCCC;margin:0px;height:100%;">
    <table style="width:100%;height:100%;">
      <tr>
        <td align="center" valign="center">
          <img src="./images/logo.png" alt="logo PhpWebGallery" style="border:1px solid black;margin-bottom:20px;"/><br />
          <a href="./fre/index.php"><img src="./images/flagfran.gif" alt="francais" style="border:none;margin-right:10px;"/></a>
          <a href="./eng/index.php"><img src="./images/flagengl.gif" alt="english" style="border:none;margin-left:10px;"/></a>
        </td>
      </tr>
    </table>
  </body>
</html>


C'est peut être du XHTML, mais il n'y a pas de DOCTYPE, de balise <meta> pour indiquer le charset utilisé, les styles sont dans des attributs 'style'...
 
Alors les autres pages de ton site sont bien mais si tooot prend celle-là pour commencer, il est mal parti ;)


Message édité par gm_superstar le 08-08-2002 à 15:24:38
Reply

Marsh Posté le 08-08-2002 à 15:23:24   

Reply

Marsh Posté le 08-08-2002 à 15:23:58    

--greg-- a écrit a écrit :

détend toi :D




http://www.z0rglub.com/images/smileys/tux.gif on dirait BlaBla ici...


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 15:25:20    

gm_superstar a écrit a écrit :

 
Alors les autres pages de ton site sont bien mais si tooot prend celle-là pour commencer, il est mal parti ;)




alors oui, c vrai, j'ai pas trouvé comment faire pour centrer verticalement en mettant un DOCTYPE... donc je l'ai pas mis pour la page d'accueil, mais pour les autres c bon http://www.z0rglub.com/images/smileys/happy.gif


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 17:24:29    

z0rglub a écrit a écrit :

alors oui, c vrai, j'ai pas trouvé comment faire pour centrer verticalement en mettant un DOCTYPE... donc je l'ai pas mis pour la page d'accueil, mais pour les autres c bon


Bin alors ? Et les <div>, ça sert à quoi ?


---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le 08-08-2002 à 17:37:22    

Jar Jar a écrit a écrit :

Bin alors ? Et les <div>, ça sert à quoi ?




ça marche pas pour centrer verticalement, en tout cas j'ai pas réussi.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 19:15:20    

L'idéal est de faire ça :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8. <title>PhpWebGallery/title>
  9. <style type="text/css">
  11. body {
  12.   background-color: #cccccc;
  13.   height: 100%; /*Pour IE...*/
  14. }
  16. div {
  17.   position: absolute;
  18.   margin: auto;
  19.   top: 0px;
  20.   bottom: 0px;
  21.   left: 0px;
  22.   right: 0px;
  23.   width: 700px;
  24.   height: 130px;
  25.   text-align: center;
  26. }
  28. img {
  29.    border: none;
  30. }
  32. img.logo {
  33.   border: 1px solid black;
  34.   margin-bottom: 20px;
  35. }
  37. img.eng {
  38.   margin-left: 10px;
  39. }
  41. img.fra {
  42.   margin-right: 10px;
  43. }
  44. </style>
  45. </head>
  47. <body>
  49. <div>
  50.   <img src="./images/logo.png" class="logo" height="75" width="698" alt="logo PhpWebGallery" /><br />
  51.   <a href="./fre/index.php"><img src="./images/flagfran.gif" class="fra" height="28" width="45" alt="francais" /></a>
  52.   <a href="./eng/index.php"><img src="./images/flagengl.gif" class="eng" height="28" width="39" alt="english" /></a>
  53. </div>
  54. </body>
  56. </html>


 
Mais l'algorithme de IE pour le positionnement absolu des boîtes est faux, et avec ce navigateur, l'image n'est pas centrée.
 
On peut donc faire comme ça, mais c'est moins bien :

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8. <title>PhpWebGallery</title>
  9. <style type="text/css">
  11. body {
  12.   background-color: #cccccc;
  13.   height: 100%; /*Pour IE...*/
  14. }
  16. div {
  17.   position: absolute;
  18.   margin: auto;
  19.   top: 40%;
  20.   bottom: 40%;
  21.   left: 0px;
  22.   right: 0px;
  23.   width: 100%;
  24.   height: 20%;
  25.   text-align: center;
  26. }
  28. img {
  29.    border: none;
  30. }
  32. img.logo {
  33.   border: 1px solid black;
  34.   margin-bottom: 20px;
  35. }
  37. img.eng {
  38.   margin-left: 10px;
  39. }
  41. img.fra {
  42.   margin-right: 10px;
  43. }
  44. </style>
  45. </head>
  47. <body>
  49. <div>
  50.   <img src="./images/logo.png" class="logo" height="75" width="698" alt="logo PhpWebGallery" /><br />
  51.   <a href="./fre/index.php"><img src="./images/flagfran.gif" class="fra" height="28" width="45" alt="francais" /></a>
  52.   <a href="./eng/index.php"><img src="./images/flagengl.gif" class="eng" height="28" width="39" alt="english" /></a>
  53. </div>
  54. </body>
  56. </html>


 
Testé rapidement avec Mozilla et IE6. Avec Netscape 4 ça ne passe pas mais ta page non plus ;)

Reply

Marsh Posté le 08-08-2002 à 19:48:23    

--greg-- a écrit a écrit :

modestie powered [:jofusion]




 
 :lol:  :lol:

Reply

Marsh Posté le 08-08-2002 à 19:54:04    

[:cupra]


---------------
Just because you feel good does not make you right
Reply

Marsh Posté le 08-08-2002 à 19:54:49    

gm_superstar a écrit a écrit :

Testé rapidement avec Mozilla et IE6. Avec Netscape 4 ça ne passe pas mais ta page non plus



oui, je sais, mais comme c'est un site pour les webmaster, j'ai considéré qu'ils n'utilisaient plus les antiquités style netscape 4 ou ie3....
je vais essayé ton code.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 20:06:50    

merci bcp gm_superstar ! ton code est super, il est en ligne, j'ai juste refait les indentations and co (je sais,je suis chiant, mais ça m'aide à lire...)
je regarde plus en détails pour essayer de comprendre comment ça marche.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 20:17:39    

z0rglub a écrit a écrit :

j'ai juste refait les indentations and co (je sais,je suis chiant, mais ça m'aide à lire...)




 
ha ouais avec les identations toi tu rigoles pas:
http://ibelgique.ifrance.com/antp/ [...] ource1.png
:lol:
j'imagine que le programme dans lequel tu tapes le code les tabs ne sont pas aussi grand que ceux de Mozilla :D
(perso j'utilise jamais de tab, dans mon éditeur texte la touche tab est configurée pour faire deux espaces, Object Pascal powered :D)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 20:30:45    

antp a écrit a écrit :

 
 
ha ouais avec les identations toi tu rigoles pas:
http://ibelgique.ifrance.com/antp/ [...] ource1.png
:lol:
j'imagine que le programme dans lequel tu tapes le code les tabs ne sont pas aussi grand que ceux de Mozilla :D




en effet, sous ultraedit, j'ai configuré le tab pour que ça fasse autant que 2 espaces. Les espaces par contre, c'est l'horreur absolu ! Je déteste ça, c'est pas fait pour l'indentation.


---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com
Reply

Marsh Posté le 08-08-2002 à 20:33:26    

Question d'habitude... Au début je préférais les tab, mais en Pascal les conventions sont "identation de 2 espaces, pas de tab", donc j'ai commencé à suivre ça, et du coup je l'utilise aussi en PHP, HTML & C++...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 20:35:01    

antp a écrit a écrit :

 
 
mon site aussi :ange:




 
ouais ben moi aussi  :na:

Reply

Marsh Posté le 08-08-2002 à 20:49:03    

n'oublie pas de bien l'optimiser :ange:


---------------
༼ つ ◕_◕ ༽つ
Reply

Marsh Posté le 08-08-2002 à 20:55:26    

THE REAL SMILEY a écrit a écrit :

n'oublie pas de bien l'optimiser :ange:


Ouais, bin si c'est pour que l'optimisation se fasse au détriment du reste...
http://validator.w3.org/check?uri= [...] ype=Inline


---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le 08-08-2002 à 20:56:06    

J'ai dreamweaver en 30j devaluation mais g appris plein de truc et je me demande avec photoshop mettre un fond transparent?

Reply

Marsh Posté le 08-08-2002 à 20:56:26    

Jar Jar a écrit a écrit :

Ouais, bin si c'est pour que l'optimisation se fasse au détriment du reste...
http://validator.w3.org/check?uri= [...] ype=Inline




ouais, je sais, je me suis pas encore occupé du validator :sweat:


---------------
༼ つ ◕_◕ ༽つ
Reply

Marsh Posté le 08-08-2002 à 21:19:54    

tooot a écrit a écrit :

J'ai dreamweaver en 30j devaluation mais g appris plein de truc et je me demande avec photoshop mettre un fond transparent?


Il suffit de générer un fichier PNG avec transparence.


---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le 08-08-2002 à 21:39:28    

mais pour la compatibilité avec IE c'est mal barré [:totozzz]


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 21:42:48    

antp a écrit a écrit :

mais pour la compatibilité avec IE c'est mal barré [:totozzz]


La compatibilité avec quoi ?


Message édité par Jar Jar le 08-08-2002 à 21:45:25

---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le 08-08-2002 à 21:46:59    

le brol fourni avec Windows :D
(le "e" bleu qui décore le desktop)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 21:53:13    

antp a écrit a écrit :

le brol fourni avec Windows :D
(le "e" bleu qui décore le desktop)




 
Le quoi?
Le troll tu dis?
 
 :wahoo:


---------------
Informaticien.be - Lancez des défis à vos amis
Reply

Marsh Posté le 08-08-2002 à 21:58:47    

Pouvez vous m'indiquer les etapes à suivre pour mettre en transparence avec photoshop?

Reply

Marsh Posté le 08-08-2002 à 22:00:50    

sachant que ça ne marchera que dans Mozilla & Opera, et pas dans IE, tu veux toujours faire des transparences ?
Sinon pour que ça marche avec IE suffit de faire des images 256 couleurs avec une transparence simple (pas de transparence partielle)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 22:03:39    

antp a écrit a écrit :

sachant que ça ne marchera que dans Mozilla & Opera, et pas dans IE, tu veux toujours faire des transparences ?
Sinon pour que ça marche avec IE suffit de faire des images 256 couleurs avec une transparence simple (pas de transparence partielle)




 
euh ... ca marche les transparences dans ie ... du moins avec le 6

Reply

Marsh Posté le 08-08-2002 à 22:07:13    

tu vas pas commencer comme Pinzo :p
un PNG ou un GIF en 256 couleurs maxi, oui ça marche
un PNG en 32 bits, non ça marche pas
note : je parle de IE sur PC... avec IE sur Mac ça marche nickel
et je parle aussi d'une image dans un tag <img>, sans devoir faire un appel à une fonction directx en VBScript :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-08-2002 à 22:10:00    

Et sans quicktime qui installe son plugin


---------------
Informaticien.be - Lancez des défis à vos amis
Reply

Marsh Posté le 08-08-2002 à 22:11:44    

HappyHarry a écrit a écrit :

euh ... ca marche les transparences dans ie ... du moins avec le 6


Ah ouais ? Bin va voir sur http://jmouette.nerim.net/latex/ et compare le résultat entre IE et Mozilla...


---------------
« No question is too silly to ask, but, of course, some are too silly to answer. » -- Perl book
Reply

Marsh Posté le 08-08-2002 à 22:16:25    

Jar Jar a écrit a écrit :

Ah ouais ? Bin va voir sur http://jmouette.nerim.net/latex/ et compare le résultat entre IE et Mozilla...




 
ben tu vois que tu connais IE finalement  :D

Reply

Marsh Posté le 08-08-2002 à 22:16:36    

Jar Jar a écrit a écrit :

Ah ouais ? Bin va voir sur http://jmouette.nerim.net/latex/ et compare le résultat entre IE et Mozilla...




 
elle a fait planter Mozilla ta page :D
 
Sinon pour un test rapide :
http://antoine.buypin.com/PNG/alpha/index.html


Message édité par antp le 08-08-2002 à 22:18:05

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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