Rechercher : dans
Par :

XHTML et CSS

Dernière réponse le 8 nov 2009 à 19:54:21 imote, le 6 nov 2009 à 18:44:28 
 Signaler ce message aux modérateurs

Bonjour, je cherche un logiciel gratuit pour aprendre le XHTML et le css. (et si possible le PHP) car quand on fait par internet c'est moins intéractif et plus dur.Merci.

Configuration: Windows XP
Firefox 3.6

1

avion-f16, le 6 nov 2009 à 18:55:45

Réjouis-toi de déjà trouver des tutoriels qui t'apprennes les bases et en français gratuitement et sur le Web !
Il ne faut pas trop en demander non plus.
D'ailleur, si tu as déjà dur pour le XHTML/CSS, alors laisses tomber ton idée ! Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

2

monkey_monk, le 6 nov 2009 à 18:56:27

Ah parce que ça existe ? :D

Comment apprendre un language web sans le web... ^^'

Si tu veux apprendre, il n'y a que les livre et internet... et un maximum de pratique !

=> http://lmgtfy.com/?q=tutoriaux+xhtml+css

:D [Monkey Monk]
That's all folks !

Répondre à monkey_monk

4

avion-f16, le 6 nov 2009 à 18:59:15

Je vois que lmgtfy.com se répends vite :) Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

8

monkey_monk, le 6 nov 2009 à 19:01:58

Dés que je l'ai "cliqué" hier, je n'ai pus m'empêcher d'apprendre par coeur cette magnifique initiative ! XD [Monkey Monk]
That's all folks !

Répondre à monkey_monk

3

imote, le 6 nov 2009 à 18:58:17

Mais non, je connais bien mais c'est soulant de le faire en ligne!mais je connais :

<br /> <p> <h1> <h2>
...je connais tout le xhtml et un peu le css mais j'aimerais vraiment le savoir durement!!

Répondre à imote

5

imote, le 6 nov 2009 à 18:59:24

Et puis le site du zéro est très bien!

Répondre à imote

6

avion-f16, le 6 nov 2009 à 19:00:29

Haha, la blague !
Tu crois connaître tout le XHTML avec ces quelques balises ?
Retourne voir tes cours, ou vas sur le Site du Zér0 Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

7

imote, le 6 nov 2009 à 19:01:35

Je sais, il y a pas tout mais j'en ai mis un peu, tu veux voir l'intérieur d'une balise body que j'ai fait une fois?

Répondre à imote

9

monkey_monk, le 6 nov 2009 à 19:03:20

Oh oui moi je veux voir ! (non mais sincèrement hein !) [Monkey Monk]
That's all folks !

Répondre à monkey_monk

18

dixon, le 6 nov 2009 à 19:16:35

Ah bon je suis du meme avis que Avion, vas revoir tes cours ou fais un crochet sur www.webstuding.com tu veras plus que tu ne l'as jamais vu. Les cours de programmation gratuit de xhtml et meme du css www.webstuding.com

a bientot

Répondre à dixon

10

monkey_monk, le 6 nov 2009 à 19:05:26

Bon blague à part... (une blague ? où ça ?)

Qu'est-ce que tu cherches à savoir sur le xhtml/css/php/etc... ?

Si tu étais un peu plus précis on pourrait, malgré tout, t'aider à trouver de bonnes sources !

Explique nous. [Monkey Monk]
That's all folks !

Répondre à monkey_monk

11

imote, le 6 nov 2009 à 19:05:28

<P align=center><STRONG><FONT size=4>Bienvenue!</FONT></STRONG></P>
<P align=center><STRONG></STRONG>&nbsp;</P>
<P align=left><FONT size=5>Bonjour, bienvenue sur le site de "Toute les astuces du net" tu pourras touver ici toute les choses intéréssante sur internet, des tutoriel pour mieux utilisé internet, des recommandations et les arnaque a évité!!Donc pour accéder a tout ça ainsi que a des bonus (eh oui!) Il faut s'inscrire!Donc j'attends ton formulaire d'inscription et se sera bon!</FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=7>News</FONT></STRONG></P>
<P align=center><EM><FONT color=#ff0000 size=1>News n°2 posté par Imote le 5/11/2009 à 18h30</FONT></EM></P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=7>Code PHP</FONT></EM></STRONG></P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=7></FONT></EM></STRONG>&nbsp;</P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=4></FONT></EM></STRONG>&nbsp;</P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=4>Bonjour, j'ai une grande nouvelle, nous allons bientôt ouvrir les inscription direct</FONT></EM></STRONG></P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=4>par base SQL (pour ceux qui si connaissent) il pourront même rajouté des chans</FONT></EM></STRONG></P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=4>d'information en rajoutant un code PHP! (pas sur) Donc comme nous introduirons le PHP </FONT></EM></STRONG></P>
<P align=center><STRONG><EM><FONT color=#ff0000 size=4>dans le site, le site sera plus intuitif!</FONT></EM></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=7></FONT></STRONG>&nbsp;</P>
<P align=center><EM><FONT color=#ff0000 size=1>News n°1 posté par imote le 4/11/2009 a 18h</FONT></EM></P>
<P align=center><STRONG><FONT color=#ff0000 size=7><IMG src="http://127.0.0.1:5126/image.asp?num_image=18" border=0></FONT></STRONG></P><STRONG><FONT color=#ff0000 size=3>
<P align=center>&nbsp;</P></FONT></STRONG>
<P align=center><STRONG><FONT color=#ff0000 size=7>&nbsp;&nbsp;<EM> Moxilla Firefox</EM></FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=7></FONT></STRONG>&nbsp;</P>
<P align=center><STRONG><FONT color=#ff0000 size=4>Moxilla Firefox Un très grand navigateur a atteind le 1 milliard de </FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=4>personne (&nbsp;<IMG style="WIDTH: 26px; HEIGHT: 31px" height=132 src="http://127.0.0.1:5126/image.asp?num_image=19" width=64 border=0>&nbsp;Ses chiffres viennent d'une source non sur!) un scoop!</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=4>Moxilla Firefox rattrape Internet Explorer (Alias IE).Je vous conseille donc fortement Moxilla </FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=4>Firefox.</FONT></STRONG></P>
<P align=center><STRONG><FONT color=#ff0000 size=4></FONT></STRONG>&nbsp;</P>
<P align=center>&nbsp;</P><!-- SiteCatalyst Reporting -->
<SCRIPT type=text/javascript>s_account="mozillacom";</SCRIPT>

<DIV id=doc>
<DIV id=nav-access>
<HR class=hide>
</DIV><!-- end #header -->
<DIV id=feature-contents>
<H2 id=firefox-headline>Firefox&nbsp;3.6 bêta 1&nbsp;en français </H2>
<P id=firefox-intro>Faites la mise à jour vers un navigateur qui parle votre langue&nbsp;! Firefox est le plus rapide, le plus sécurisé et le meilleur moyen de naviguer sur le Web. </P></DIV>
<SCRIPT src="/js/download.js" type=text/javascript></SCRIPT>

<DIV>
<UL class="home-download os_windows">
<LI class=os_windows><FONT color=#0000ff><U>&nbsp;</U><A href="http://ftpclubic22.clubic.com/..." target="">T</A></FONT><FONT color=#000000><A href="http://ftpclubic22.clubic.com/..." target=""><STRONG>éléchargement Gratuit</STRONG>&nbsp;<EM>Windows (3.6 bêta 1, Français 8 MB)</EM></A></FONT> 
<LI class=os_windows><SPAN><A href="http://ftpclubic22.clubic.com/..." target=""><STRONG>Téléchargement gratuit</STRONG> <EM>Linux (3.6, bêta 1,&nbsp;Français, 9.8<ABBR title=MegaBytes>MB</ABBR>)</EM></A> </SPAN><SPAN></SPAN>
<LI class=os_linux><A href="http://ftpclubic22.clubic.com/..." target=""><STRONG>Téléchargement gratuit</STRONG> <EM>Mac OS</EM> <EM>(3.6 bêta 1, français 18.6 MB)</EM></A></LI></UL></DIV>
<SCRIPT type=text/javascript>// <![CDATA[ // If they haven't overridden this variable, set it to the default if (!download_parent_override) { var download_parent_override = 'main-feature'; } if (false && ('function' == typeof window.replaceDownloadLinksForId)) { replaceDownloadLinksForId(download_parent_override); } if ('function' == typeof window.offerBestDownloadLink) { offerBestDownloadLink(download_parent_override); } // ]]></SCRIPT>

<DIV id=main-content>
<DIV class=sub-feature id=mozilla-europe>
<H3><A href="zip.hdx?RepertoireZip=Files&amp;NomFichierZip=mozilla%5Ffirefox%5Fmozilla%5Ffirefox%5F3%2E6%5Fbeta%5F1%5Ffrancais%5F18907%2Edmg">En quoi Firefox est-il unique&nbsp;?<U><FONT color=#0000ff> </FONT></U></A></H3>
<P>En savoir plus sur la manière dont Firefox peut améliorer le Web, et suivre les activités de Mozilla en Europe. <A href="http://www.mozilla-europe.org/">Visitez Mozilla Europe</A> </P></DIV>
<DIV class=sub-feature id=learn_more>
<H3>Besoin d'aide&nbsp;?</H3>
<P>Notre site d'assistance contient de nombreuses réponses à vos questions, ainsi qu'un service de discussion en ligne (en anglais) pour vous guider en cas de besoin. <A href="http://support.mozilla.com/fr/kb/">Consultez l'aide pour Firefox</A> </P></DIV>
<DIV class=sub-feature id=community>
<H3>Plus d'informations</H3>
<P>Firefox est soutenu par une communauté de volontaires du monde entier. <BR>Vous pour consulter le site de la communauté de langue française. <A href="http://www.mozfr.org/">Découvrez la communauté francophone</A> </P></DIV><!-- optional block, use it if you don't have a community site <div id="questions" class="sub-feature">
        <h3>Other Languages</h3>
        <p>
        If this isn't the language you're looking for, try our full list of localized browsers. <a href="/fr/firefox/all.html">View Languages</a>
        </p>
    </div>
-->
<P class=thunderbird>Avec le client de messagerie Thunderbird, de la famille Mozilla, vos courriels seront plus faciles, plus rapides et mieux sécurisés. <A href="http://www.mozilla-europe.org/fr/products/thunderbird/">En savoir plus…</A> </P></DIV></DIV><!-- end #doc -->
<DIV></DIV><!-- end #wrapper --><!-- start #footer -->
<DIV id=footer>
<DIV id=footer-contents>
<DIV id=copyright>
<P><A href="/fr/about/legal.html"></A>&nbsp;</P></DIV></DIV></DIV><!-- end #footer -->
<SCRIPT type=text/javascript>
    /* <![CDATA[ */ var re_whatsnew = new RegExp('whatsnew'); if ( !re_whatsnew.test(location.pathname) || (new Date()).getSeconds() < 15 ) { var s_code=s.t();if(s_code)document.write(s_code); } /* ]]> */
    </SCRIPT>
<!-- end SiteCatalyst code version: H.14 --><!-- phpmyvisites --><A title="phpMyVisites | Open source web analytics" onclick=window.open(this.href);return(false); href="http://st.free.fr/">
<SCRIPT type=text/javascript>
<!--var a_vars = Array();var pagename='';var phpmyvisitesSite = 173453;var phpmyvisitesURL = "http://st.free.fr/phpmyvisites.php";//-->
</SCRIPT>

<SCRIPT language=javascript src="http://st.free.fr/phpmyvisites.js" type=text/javascript></SCRIPT>

<OBJECT>
<noscript><p>phpMyVisites | Open source web analytics
<img src="http://st.free.fr/phpmyvisites.php" alt="Statistics" style="border:0" />
</p></noscript></OBJECT></A><!-- /phpmyvisites -->

Répondre à imote

13

avion-f16, le 6 nov 2009 à 19:10:37

Prends les bonnes habitudes :
1. Le nom de tes balises, les attributs et les valeurs de ces attributs doivent toujours être en minuscules
2. Chaque balise doit être fermée ; Si une balise ne contient rien, elle se ferme généralent pas /> (ex : img, hr, br, ...)
3. Les valeurs de tes attributs doivent toujours être entre double quotes (ça fonctionne aussi avec des simples, mais c'est déconseillé). Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

Répondre à avion-f16

15

imote, le 6 nov 2009 à 19:13:49

Oui mais non, c'est a moxilla que tu dois dire tout ça (je t'ai un epu menti) j'ai fait un copié collé des l'intérieur des balises body dans ma page html pour mettre une news!mais sinon le reste c'est moi!

Répondre à imote

19

avion-f16, le 6 nov 2009 à 19:17:11

Ce n'est pas Firefox (et encore moins Mozilla) qui a créé ce code ! Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

12

imote, le 6 nov 2009 à 19:07:46

Je voudrais le XHTML et le CSS (principalement le css)

Répondre à imote

14

avion-f16, le 6 nov 2009 à 19:13:24

http://w3schools.com/
http://commentcamarche.net/ (astuces et dossiers)
http://www.developpez.com/
http://www.siteduzero.com/
http://www.alsacreations.com/
http://fr.selfhtml.org/index.htm Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

17

imote, le 6 nov 2009 à 19:15:49

C'est des cour en ligne aussi...j'aimerais si possible des programme!

Répondre à imote

16

monkey_monk, le 6 nov 2009 à 19:15:40

Bon déjà ton code est carrément atroce... et je ne parle pas des balises en majuscules !

Donc, il te faut absolument apprendre les standards xhtml et css... pour ça il y a le W3C (qui instaure ces fameux standards).

http://lmgtfy.com/?q=w3c+fran%C3%A7ais
(non, je vais pas arrêter ! ^^)

Ensuite renseigne-toi sur la structuration de contenu "sémantique", sur le référencement (SEO) et enfin sur les problème de compatibilité entre navigateur.
[Monkey Monk]
That's all folks !

Répondre à monkey_monk

20

imote, le 6 nov 2009 à 19:17:17

Oui mais non, c'est a moxilla que tu dois dire tout ça (je t'ai un epu menti) j'ai fait un copié collé des l'intérieur des balises body dans ma page html pour mettre une news!mais sinon le reste c'est moi!

Répondre à imote

22

avion-f16, le 6 nov 2009 à 19:19:31

Regarde, moi aussi je sais faire des copier/coller :

Ce n'est pas Firefox (et encore moins Mozilla) qui a créé ce code !
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

21

avion-f16, le 6 nov 2009 à 19:18:50

Son code, je doute que ce soit lui qui l'ai fait à la main : je penses qu'il utilise plutôt un éditeur WYSIWYG et qu'il prétends connaître le XHTML en ayant vu quelques balises, mais sans même savoir ce qu'est un DOCTYPE, une balise, un attributs, la sémantique, ... Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

23

imote, le 6 nov 2009 à 19:21:26

Eh bien va voir!prend web devlopper (une extension) et va voir!

Répondre à imote

24

monkey_monk, le 6 nov 2009 à 19:27:48

Plait-il ?
Voir quoi ?

'tain, c'est moi qui suis pas ?

Non mais sérieusement imote, il faut pas le prendre mal... mais avoue quand même que tu ne connais pas bien le sujet ! C'est pas grave ! Nous on est là et on a envie de t'aider...

et..
...on t'aimeuh !
(pardon, je peux pas résister... j'arrête c'est promis !)

[Monkey Monk]
That's all folks !

Répondre à monkey_monk

27

avion-f16, le 6 nov 2009 à 19:34:58

Pas besoin de cette extension : Ctrl+U suffit
Et de toutes façon, ce n'est ni l'extension, ni Mozilla ni Firefox qui ont créer ce code : soit c'est toi (ce qui m'étonnerai) ou le logiciel avec lequel tu as créer le site. Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

25

imote, le 6 nov 2009 à 19:33:37

...

Répondre à imote

26

monkey_monk, le 6 nov 2009 à 19:34:11

Pardon pardon... ^^ [Monkey Monk]
That's all folks !

Répondre à monkey_monk

28

monkey_monk, le 6 nov 2009 à 19:46:35

Bon imote, tout d'abord :
- connaitre les balises n'est pas le plus important, il faut savoir comment et où les utilsées. Pour ça tu dois te renseigner sur les standards et donc choisir si tu veux coder en xhtml strict ou transitional. Leur propriété css "par défaut" est aussi un indice primordial (block, inline, etc...)
- comme le disais avion-f16 : toutes les balises et attributs doivent etre en minuscules et leur valeur entre guillemets
- il est bien évidemment important pour différente raison d'avoir un code valide (au moins l'html) http://validator.w3.org/check
- renseigne-toi prestement sur la sémantique car cela aide terriblement pour bien coder
- il est aussi primordial de suivre la règle de séparation de contenu (css séparée, etc...)

Pour la suite, pose-nous tes questions (concrètes si possible) et on fera le maximum pour te répondre ou t'aider à trouver la réponse !

Bon travail ! :D [Monkey Monk]
That's all folks !

Répondre à monkey_monk

29

imote, le 6 nov 2009 à 19:51:34

Bon, j'avaoue! au début je faisais avec izispot et lui il code tout en HTML 4.05!

Répondre à imote

30

monkey_monk, le 6 nov 2009 à 20:03:46
  • +1

Ayè, on progresse... c'est pas grave va ! On commence tous avec ce genre d'outil ! Mois j'ai commencé avec Dreamweaver 4 (ouah on dirait que j'ai 100ans !)... et puis je me suis choppé le virus, puis j'ai passé des nuits sur le net (chez les potes avec une clé usb ou autre) et là, c'est grâce à ça que je mange tous les jours ! ^^

Et ce qui est dingue c'est que j'aime encore ça et que j'en redemande ! :D

Donc bon, le seul truc c'est qu'il faut savoir être humble face à ceux qui on plus de savoir... ce n'est qu'un question de temps avant de les rattraper et de les dépasser ! (mais c'est chaud quand même parfois... :p)

Bien, maintenant qu'on est repartit sur de bonnes bases, que pouvons-nous faire concrètement de plus pour te permettre de satisfaire ton envie de connaissances ?
[Monkey Monk]
That's all folks !

Répondre à monkey_monk

31

imote, le 6 nov 2009 à 20:53:39

Un programme pour apprendre le CSS (mais s'il y as pas gratos, tant pis!)

Répondre à imote

32

monkey_monk, le 6 nov 2009 à 21:23:17

Mais pourquoi un "programme" ?? Tu n'as pas internet chez toi ? ...même dans ce cas là il suffit que tu copies les pages qui t'intéresse ! Et tu pourras les consultées chez toi...

Je comprends vraiment pas pourquoi tu as cette obsession de "programme"... quel intérêt ? [Monkey Monk]
That's all folks !

Répondre à monkey_monk

33

avion-f16, le 6 nov 2009 à 22:20:58

L'intérêt ? Encore en faire moins : le programmes fait tout, montre tout pendant que lui écoute et résultat : il n'a aucune pratique et il aura perdu son temps pour rien.

Si tu veux vraiment apprendre, alors lis les tutos sur les sites Web et adaptes les, crées tes exemples pour t'entraîner ; ce n'est pas que lisant ou écoutant ce que dit un programme que tu apprendras. Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16

34

monkey_monk, le 6 nov 2009 à 23:13:58

Je plussois de 10 000...
Même si je comprends bien cette envie naïve d'apprendre "comme par magie"... on ne se sent vraiment bien que lorsqu'on a fournit les efforts nécessaire aux résultats ! (...et p'tain qu'est-ce que c'est bon ! ^^) [Monkey Monk]
That's all folks !

Répondre à monkey_monk

35

imote, le 8 nov 2009 à 19:17:12

Je trouve plus façile de apprendre avec un programme que sur le net...

Répondre à imote

36

monkey_monk, le 8 nov 2009 à 19:23:08

D'accord... mais comment voudrais-tu que ce programme fonctionne ?
Si tu veux un système de test des connaissances, le site du Zero propose un test après chaque tutoriel. [Monkey Monk]
That's all folks !

Répondre à monkey_monk

37

 avion-f16, le 8 nov 2009 à 19:54:21

Forcément que c'est plus facile, tu n'as rien à faire : le programme te montre et t'explique pendant que toi tu ne fais qu'écouter. Par contre, avec un tutoriel en texte, tu as plus tendance à copier les exemples et les adapter. Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu­ lui dis de faire.

Répondre à avion-f16
Collection CommentÇaMarche.net