Le 1er site de ma fille

30 nov. 2012, 14:03

Salut a tous,
je sais bien que l’intérêt n'est pas grand mais c'est avec fierté que je vous montre le 1er site réalisé en moins de 3 heures par ma fille de Maëlla de 7 ans...

<!DOCTYPE html>
<html>
    <head>
        <title>Le premier site de Maëlla</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <div>
            <p>
                Maëlla 7 ans<br />
                Thomas 4,5 ans<br />
                Marie 15,5 ans<br />
            </p>
        </div>
    </body>
</html>

Le plaisir qu'elle me donne est énorme, pourvu que cela continue

30 nov. 2012, 15:50

On ne peut aucunement lui jeter la pierre, elle utilise un charset digne d'intérêt.
Elle ira loin cette petite !

30 nov. 2012, 15:59

HTML5 UTF8 tout est correct, l'utilisation de la balise <p> est discutable, mais ça viendra

30 nov. 2012, 16:18

Congratulations

The uploaded document was successfully checked as HTML5. This means that the resource in question identified itself as "HTML5" and that we successfully performed a formal validation of it. The parser implementations we used for this check are based on validator.nu (HTML5).

30 nov. 2012, 18:49

...
<meta charset="père sévère">
<title>Réponse</title>
...
9/10 . Bon je fais le père sévère pour dire qu'avant de parler de quoi que ce soit (par exemple annoncer le titre de la page), il vaut mieux d'abord spécifier le type d'encodage qu'on utilise

30 nov. 2012, 19:57

9/10 . Bon je fais le père sévère pour dire qu'avant de parler de quoi que ce soit (par exemple annoncer le titre de la page), il vaut mieux d'abord spécifier le type d'encodage qu'on utilise

Ou mieux encore, annoncer le charset dans les headers HTTP et non dans le corps de la réponse:

Code : Tout sélectionner

Header add 'Content-type' 'text/html; charset=utf-8'

30 nov. 2012, 22:39

Je culpabilise la:

HTML5 UTF8 tout est correct, l'utilisation de la balise <p> est discutable, mais ça viendra

Donc je vais lui apprendre les <li> ce weekend...

...
<meta charset="père sévère">
<title>Réponse</title>
...

C'est ma faute, comme je lui explique moi même et ce n'est pas forcement facile, cela reste encore abstrait pour elle mais pour l'ordre c'est ma faute, ce n'est pas une chose que je lui ai expliqué...

Je vais faire de gros effort et reprendre tous depuis le début, je vais même lui faire lire cette page, elle sera très contente, peut etre même que dans quelques mois, on lui créera un compte sur le forum...

merci a vous

30 nov. 2012, 23:09

C'est bien 7 ans pour commencer, surtout en étant encadré.
Maintenant, quand elle aura les bases (et si ça lui plait toujours), laisse lui sortir des sentiers battus.

PS : je suis jaloux, j'ai commencé le code à 9 ans

30 nov. 2012, 23:11

Katagoto, que veux tu dire par sentiers battus ?

30 nov. 2012, 23:22

Ne le prends pas mal, mais on a tendance à faire découvrir ce que l'on connais, ce qui me semble normal, le truc c'est de voir d'autres approches, d'autre outils, d'avoir en quelques sortes une culture.
Et puis j'ai dans l'idée que la recherche est aussi importante que le résultat, appliquer une solution donnée, c'est bien, mais ça apporte finalement peut si elle "tombe du ciel".
Je pense qu'en programmation pour progresser, comprendre l'essence même des langages, il faut savoir se prendre des coups, par extension être programmeur c'est relever des défis chaque jours, se dépasser, aller au bout des outils que l'on utilise.

30 nov. 2012, 23:39

je ne prend pas mal, tu as entièrement raison, j'ai bien l’intention de la laisser travailler seul, ma grande de 15 ans a demander un portable a noël et pour le coup son vieux sera libre, je vais lui donner pour qu'elle puisse travailler puis si vraiment elle continue je lui créerais un compte sur le forum...
Pour le moment le code que j'ai mis est fait par coeur, elle ne le comprend pas vraiment, c'est pas facile d'expliquer tous ce qu'il faut et surtout dans le bon ordre...
si vous avez des conseils, n’hésitez surtout pas...
je me demande si je ne devrait pas oublier le head au niveau explication pour le moment, cela me parait encore un peut abstrait pour elle pour le moment...
et puis dois-je déjà lui expliquer le notion d'échanges client serveur ?

01 déc. 2012, 13:41

ça me parait un peu tôt, par contre, tu peux, peut-être la motiver en lui fixant des objectifs simple, tu style : mettre du CSS, faire sa page couleur poney,, d'autre trucs visuels, t'orienter vers des contenus interactifs, comme l'éternelle plus-moins.

01 déc. 2012, 17:55

Mouais, ben si j'avais un conseil à prodiguer, il serait le suivant : première chose à apprendre pour comprendre l'utilisation du HTML, la sémantique.

Chaque balise du langage correspond à un type d'élément qu'on peut retrouver dans une page, donc ça peut être un [sous-]titre, un paragraphe, un bloc de citation, une image un formulaire, une collection de données, etc.. bref, à chaque élément correspond LA balise appropriée. Il convient donc de comprendre comment doit être structuré un document indépendamment des balises HTML et même de tout langage. En d'autres termes, il faut commencer par un papier et un crayon pour préparer sa maquette en définissant ce qu'on veut y retrouver et à quoi ça correspond. Commence par des documents simples, introduis les premières balises fondamentales, puis petit à petit, tu pourras ajouter des éléments nouveaux jusqu'à arriver petit à petit aux plus rarement utilisés.

Ensuite, tu pourras aborder les CSS pour ajouter une mise en forme moins austère en partant du principe de base que le HTML n'est là que pour structurer le document. Et ensuite, tu pourras aborder les effets. Plus tard, il sera alors peut-être temps de commencer à parler de programmation, soit en commençant coté client avec du JavaScript ou bien sauter coté serveur avec du PHP. etc... jusqu'au SQL plus tard encore...

Quant à cette première réalisation, ce n'est nullement la balise <p> que j'y remettrais en cause mais la balise <div> qui n'apporte rien au document et n'a à priori pas sa raison d'être. Et c'est peut-être un point important à ne pas négliger : ne pas utiliser la mauvaise balise est bien, ne pas non plus surcharger un document avec des éléments de structures inutile l'est au moins tout autant

01 déc. 2012, 18:02

Ok, Cyrano, je n'avais pas penser au papier, je vais lui acheter un cahier, je n'avais pas penser a l’idée de construire une maquette sur papier mais tu as entièrement raison de plus, ça va grandement lui plaire et effectivement j'airais plus facile a lui expliquer...
merci beaucoup

01 déc. 2012, 18:02

Ensuite, tu pourras aborder les CSS pour ajouter une mise en forme moins austère en partant du principe de base que le HTML n'est là que pour structurer le document. Et ensuite, tu pourras aborder les effets. Plus tard, il sera alors peut-être temps de commencer à parler de programmation, soit en commençant coté client avec du JavaScript ou bien sauter coté serveur avec du PHP. etc... jusqu'au SQL plus tard encore...

Et enfin finir avec du C parce que c'est bien plus fun pour coder un site

Le 1er site de ma fille

Qui est en ligne