Commentaires et questions sur le tutoriel "créer un site"

Postez à la suite de ce topic tous vos commentaires et questions sur le tutoriel "créer un site", disponible ici

Ca commence bien ^^

Par contre je sais plus, notepad++ ou machin chose (a) enregistre directement en .html ?

Et d'ailleurs c'est quoi la différence entre .htm et .html ?

Si j'ai bien compris la différence entre html et xhtml pour l'instant c'est que les balises qui étaient solitaires ont pris un /> à la fin, c'est ça ?

Alors nan, lorsque tu enregistres ton fichier, il faut que tu écrives :
monfichier.html

Juste un conseil que j'ai oublié de dire (je vais l'ajouter dans le tuto d'ailleurs), lorsque tu es sur ta page, clique sur "langage" tout en haut, puis sélectionne "html". ça va coloriser ton code et il sera beaucoup plus lisible ^^

Concernant la différence entre .htm et .html.. en fait, il n'y en a aucune !
C'est juste qu'à une époque les extensions étaient limitées à 3 caractères, mais aujourd'hui ça n'a plus aucune importance. La plus utilisée est le .html =)

Et pour les différences entre le xhtml et le html :

Citation :

* Toute balise ouvrante doit être fermée
* Balises et attributs en minuscules
* Valeurs entre quotes (apostrophes) ou double quotes (guillemets)
* Chaque propriété doit avoir une valeur (pas de propriété vide)
* Les balises doivent être correctement imbriquées

(source)

Sharyma a écrit:

Citation :

* Les balises doivent être correctement imbriquées

C'est tendancieux (a)

Sinon merci pour les précisions, en fait j'ai presque pas utilisé machinpad++ et je me souvenais plus. J'ai le logiciel de microsoft dont-je-me-souviens-pas-du-nom-mais-ça-me-reviendra-bien-un-jour, t'en penses quoi ?

Lequel ?
Le bloc notes ?

Un logiciel payant assez évolué que j'ai jamais utilisé dans ses fonctions pour créer des pages en wyswyg mais juste comme notepad amélioré

FrontPage je crois

ah oki ^^
oui ça convient très bien =)

il y a dreamwaver (ou un truc du genre mdr) aussi, et puis d'autres encore, mais j'aime pas trop ce genre de logiciels.. enfin disons que je suis fidèle à notepad++ que je trouve vraiment parfait pour moi !
Mais si tu préfères l'autre il n'y a aucun problème, il est fait pour ça aussi =)

En fait je me méfie des trucs automatiques, ils rajoutent tout plein de codes inutiles que tu comprends rien et que ça prend plein de place

Au fait tu parles pas de la balise span ? ni des tableaux ?

Ah ui, j'ai oublié les formulaires aussi
pfiou j'suis fatiguée !


oui pareil, pour ça que j'aime pas !
j'en avais un, nvu je crois, qui fermait automatiquement les balises... j'étais trop perdue c'était horrible ! :p

Heureusement que je veille au grain (mais là on va bientôt atteindre mes limites de pseudo compétences, après tu devras te débrouiller seule)

Le pire je crois c'est quand tu demandes à word de transformer un document en page web. C'est heum... artistique (faut pas avoir de modifs à faire par la suite)

(et t'as oublié mailto au passage)

ah ui j'ai essayé là-dessus avant d'avoir notepad, c'est marrant


il y a plein de balises que j'ai pas cité, je les mettrai dans l'annexe ^^
pi le mailto j'aime pas, chez moi ça ouvre un logiciel que j'ai pas installé, donc il me demande de le faire et je veux pas, alors ça m'énerve ! mais je le mettrai quand même (a)

Ca ouvre le logiciel par défaut pour écrire un mail (souvent outlook).
Je l'utilise jamais pour mailer remarque, mais je l'utilise sur les sites que je crée (j'aime bien faire ch*** mon monde) (a)

méchante !
c'est à cause de gens comme toi que mon logiciel s'ouvre...
et oui c'est bien outlook mais j'avais oublié le nom mdr

Vous la trouvez claire ma suite ou pas ? :/
c'est plus dur que je pensais en fait, de faire des tutos --"

Si je puis me permettre un commentaire > le titre dit "Tutoriel : créer un site en xhtml", hors les 1re balises qu'on voit sont du html.

En fait je pense qu'il faudrait que tu choisisses entre html et xhtml et ensuite que tu fasses le tuto en rapport avec la version choisie.

Ensuite, une autre chose qui me "trouble", tu donnes donc les codes de mise en forme

Code:

<b></b>
<i></i>
<u></u>

puis tu parles de css mais alors... les codes de mises en forme en html ne servent plus à rien dans ce cas.
Ce que je veux dire c'est que le html est juste une question de structure

Code:

<p> <div> <table> <a> <span>

sont des balises qui vont structurer la page.
Le css permet de présenter la page, de mettre du gras

Code:

font-weight:bold

de changer la police

Code:

font-family:Verdana

de mettre de la couleur

Code:

color:#c66

etc.

Je ne suis pas sûre qu'il soit bon de mélanger les deux.

Tu dis que les premières balises qu'on voit sont du html, ce sont lesquelles ?

Concernant la suite, tu es sûre que ça ne fait pas bon ménage ?
Perso, au lieu d'attribuer partout des class et des span, j'utilise les mises en gras etc via les balises du xhtml, histoire de ne pas me mélanger, et le css je l'utilise sur les liens, les tableaux et les div en gros.
Tu crois que c'est vraiment gênant de mélanger les deux ?

En fait ce n'est pas "gênant" si toi tu t'y retrouves mais dans un tuto, pour être le plus précis, à jour et clair possible il faudrait séparer la présentation (css) de la structure (xhtml).

Un petit exemple :

Code:

<div class="menu">
<a class="active">Lien actif</a>
<a>Lien</a>
</div>

div.menu {
 width:200px;
}
div.menu a.active {
 text-decoration:underline;
}

est, selon moi, plus clair que

Code:

<div width="200">
<a><u>Lien actif</u></a>
<a>Lien</a>
</div>

Surtout si tu as... 15 liens dans ton menu et qu'il faut appliquer du style à chaque fois.



Ensuite les balises qui sont du html c'est
<font color='red'> <b> <u> <i> <br>, c'est du HTML, non pas du xHTML.
Pour reprendre ton exemple d'exo en xHTML ça donnerait :

Code:

<html>
<head>
</head>
<body>
<titre>Mon titre</titre>
<br />

<p>Mon premier paragraphe, wahoo c'est trop beau !<br />
Un retour à la ligne avec <strong>du texte en gras</strong> et <span style="color:red; text-decoration:underline;">à la fois rouge et souligné</span>.</p>

<p><img src="images/monimage.jpg" alt="image" /><br />
<a href="mapage.html" title="ma page">Mon lien</a>
</p>

<p>Et même un troisième paragraphe pour la route héhé !</p>

</body>
</html>

A noter que là j'ai mis le style directement dans la page, mais il est en xHTML. Si on avait vraiment voulu être clair on aurait créé deux classes.

Code:

.bold {
 font-weight:bold;
}
.redU {
 color:red;
 text-decoration:underline;
}

et on les aurait appliquées sur le texte :

Code:

<p>Un retour à la ligne avec <span class="bold">du texte en gras</span> et <span class="redU">à la fois rouge et souligné</span>.</p>

Comme tu disais quelque part dans ton tuto, à propos de la balise <br> (html) et <br /> (xhtml), mieux vaut avoir les bonnes pratiques d'abord. Car mélanger présentation et structure ça "passe" encore pour un site statique, dès qu'on y ajoute un peu de php, un peu de JS, on ne s'y retrouve plus dans le code (surtout si on bosse à plusieurs).

Voilà, j'espère avoir aidé.

Oui pour les liens j'utilise le CSS, c'est beaucoup plus simple ^^
Mais pour les quelques mises en gras par ci par là, j'avoue recourir au html, mais c'est plus par habitude qu'autre chose.

Par contre je crois qu'en fait je n'ai pas très bien saisi la différence entre le html et le xhtml...

De ce que je comprends, en html tu vas faire chaque mise en forme "séparément". En xhtml tu utilises une seule balise et tu mets en forme ton texte d'un seul coup avec un span (qui peut renvoyer à un style en CSS mais pas forcmnent d'ailleurs) ou un strong.

Quand j'avais commencé à apprendre le CSS c'était la méthode employée, histoire d'uniformiser totalement la mise en page partout (par exemple pour le <strong> je lui avais demandé de mettre en gras et d'une autre couleur ^^)


C'est ça ou j'ai rien capté ?

Ah oki ^^
Ben si c'est ça alors j'avais rien compris
Heureusement que c'est moi qui aie fait le tuto (a)

merci merci je croyez que la programmation mes ces trais facile mais j'ai un problème comment ajouter un espace membre a mon site est aussi ajouter des module pour les visiteur
car je suis a la création d'un site qui propose de crée un site trais facilement est gratuitement stp aide moi voila un exemple de module :
propose au visiteur de crée leur page..............
tout sa etc
est voila répondez moi vite
merci d'avance

ça, c'est du php (entre autres), pas du html ^^