Posez votre question Signaler

XHTML et CSS [Résolu]

imote 139Messages postés 31 mai 2009Date d'inscription 29 décembre 2011Dernière intervention - Dernière réponse le 28 nov. 2009 à 18:35
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.
Lire la suite 

XHTML et CSS »

46 réponses
Réponse
+1
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
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 !
Ajouter un commentaire
Réponse
+0
moins plus
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
avion-f16 - 6 nov. 2009 à 18:59
Je vois que lmgtfy.com se répends vite :)
monkey_monk - 6 nov. 2009 à 19:01
Dés que je l'ai "cliqué" hier, je n'ai pus m'empêcher d'apprendre par coeur cette magnifique initiative ! XD
Ajouter un commentaire
Réponse
+0
moins plus
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!!
Ajouter un commentaire
Réponse
+0
moins plus
Et puis le site du zéro est très bien!
Ajouter un commentaire
Réponse
+0
moins plus
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
imote - 6 nov. 2009 à 19:01
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?
monkey_monk - 6 nov. 2009 à 19:03
Oh oui moi je veux voir ! (non mais sincèrement hein !)
dixon - 6 nov. 2009 à 19:16
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
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
<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 -->
avion-f16 - 6 nov. 2009 à 19:10
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é).
imote - 6 nov. 2009 à 19:13
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!
avion-f16 - 6 nov. 2009 à 19:17
Ce n'est pas Firefox (et encore moins Mozilla) qui a créé ce code !
Ajouter un commentaire
Réponse
+0
moins plus
Je voudrais le XHTML et le CSS (principalement le css)
imote - 6 nov. 2009 à 19:15
c'est des cour en ligne aussi...j'aimerais si possible des programme!
Ajouter un commentaire
Réponse
+0
moins plus
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.
imote - 6 nov. 2009 à 19: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!
avion-f16 - 6 nov. 2009 à 19:19
Regarde, moi aussi je sais faire des copier/coller :
Ce n'est pas Firefox (et encore moins Mozilla) qui a créé ce code !
avion-f16 - 6 nov. 2009 à 19:18
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, ...
Ajouter un commentaire
Réponse
+0
moins plus
eh bien va voir!prend web devlopper (une extension) et va voir!
monkey_monk - 6 nov. 2009 à 19:27
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 !)

avion-f16 - 6 nov. 2009 à 19:34
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.
Ajouter un commentaire
Réponse
+0
moins plus
...
monkey_monk - 6 nov. 2009 à 19:34
Pardon pardon... ^^
Ajouter un commentaire
Réponse
+0
moins plus
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
imote - 6 nov. 2009 à 19:51
bon, j'avaoue! au début je faisais avec izispot et lui il code tout en HTML 4.05!
Ajouter un commentaire
Réponse
+0
moins plus
un programme pour apprendre le CSS (mais s'il y as pas gratos, tant pis!)
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
Ajouter un commentaire
Réponse
+0
moins plus
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.
monkey_monk - 6 nov. 2009 à 23:13
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 ! ^^)
Ajouter un commentaire
Réponse
+0
moins plus
je trouve plus façile de apprendre avec un programme que sur le net...
monkey_monk - 8 nov. 2009 à 19:23
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.
avion-f16 - 8 nov. 2009 à 19:54
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.
Ajouter un commentaire
Réponse
+0
moins plus
Bon c'est bon!J'ai pris mo courrage a de main et voilà mon site : gendarme1998.free.fr!
Ajouter un commentaire
Réponse
+0
moins plus
1. Tu aurais mieux fait d'enregistrer l'image sous le format PNG parce que le GIF pourrit toute la qualité.
2. Il faut éviter de mettre des images ou des photos qui ne peuvent pas se répéter, mais il faut plutôt utiliser un motif
Ajouter un commentaire
Réponse
+0
moins plus
d'acccord pour le png mais le 2 en français ça veut dire quoi
Ajouter un commentaire
Ce document intitulé « XHTML et CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook
XHTML et CSS - page 2