Tuto2: éclaircissement du code
On récupère le code de la page d'accueil (ctrl+A, ctrl+C) et on le sauvegarde dans un fichier initial.html sur notre disque dur. (ou on récupère ca: _home_riesseg_Documents_canalblog_ModeAvance_initial )
On l'ouvre avec son éditeur de code préféré (en résumé, PsPad sur PC, BlueFish sous Linux). On peut aussi l'ouvrir avec un bête éditeur de texte. Mais on a pas la coloration syntaxique ou la tabulation automatique... ce qui devient suicidaire quand on code.
On va ensuite le remettre en forme. Remettre de zolies tabulations, retour à la ligne et tout. Car initialement, on y voit clairement rien dans le code. J'ai un peu la flemme de vous expliquer comment ça marche la mise en forme d'un document html... Donc si vous voyez pas de tout de quoi je parle, récuperez juste ce fichier [ _home_riesseg_Documents_canalblog_ModeAvance_ranger ]. J'lai refait pour qu'on y voit quelque chose.
Postulant que vous être vraiment un débutant en html....
Reperez tout de suite les 3balises (balise= truc avec <> de chaque coté) <html>, <head> et <body>. Les balises se ferment. repérez les 3balises </html>, </head> et </body>.
Constatation1:
Le document est constitué ainsi:
<html>
<head>
...
</head>
<body>
...
</body>
</html>
En clair, ça veut dire que les balises html renferment le head et le body. comme un gros sandwich, ou le html serait le pain, body le jambon et head le gruyère.
Ce sont les 3 balises obligatoires pour une page web. C'est ce qui définit une page web d'une page texte.
html : indique que la page est une page web.
head : comporte toutes les informations de la page. encodage, titre, auteur... ... c'est invisible mais exploité par le navigateur.
body : comporte le site proprement dit. Texte, image, tableaux... tout.
Maintenant, on va différencier les balises html des balises CanalBlog... Et oui, CB utilise son propre système de balise pour pouvoir générer un blog automatiquement. on y reviendra et je vous expliquerai ceci en détail.
Sont des balises html... pour faire simple, toutes les balises qui ne comportent pas Blog, CB ou $ entre les chevrons (<>).
Essayez de vous retrouver un peu dans le bordel.
J'ai conscience que c'est pas facile. Mais vous verrez, au fur et à mesure, tout s'éclairciera dans votre p'tite tête.
à venir:
- descriptions des principales balises html utilisées
- description détaillée du head
- description de l'architecture du blog grace au code
- la banniere
- les menus de navigations verticaux en détail
- le corps principal passé au peigne fin
- le CSS
- - le sur encapsulonnage des balises html
- - class et id
- - positionnement
- - couleurs, bordures
- - polices, liens
/https%3A%2F%2Fassets.over-blog.com%2Ft%2Fcedistic%2Fcamera.png)