Fiche Partenariat [A placer dans une page HTML]

Je suis l'ami de tous, je suis un ... POUFSOUFFLE

PRÉPARATION

☞ Pour créer votre page, rendez-vous ici :
Panneau d'administration--> Modules --> Gestion des pages html (tout en bas)-->
Cliquer sur "Créer une nouvelle page HTML"

☞ Vous êtes ici :
Fiche Partenariat [A placer dans une page HTML] 538258TutoFichePub

Fiche Partenariat [A placer dans une page HTML] 538258TutoFichePub

☞ Mettre un titre à votre page, cocher "non" aux deux options entourées

☞ Maintenant, au choix :
- Ou vous travaillez avec le html désactivé, Fiche Partenariat [A placer dans une page HTML] Act-html

Fiche Partenariat [A placer dans une page HTML] Act-html

- Ou avec le html activé Fiche Partenariat [A placer dans une page HTML] Desact-html

, qui vous permet d'avoir la barre de mise en forme.

☞ Attention ! Dans ce cas, changer le mode d'édition en cliquant sur le ^A/A, un "br" devrait apparaitre.
(Pour ma part, je travaille toujours avec le html désactivé, les codes fonctionnent mieux ...)

Je suis l'ami de tous, je suis un ... POUFSOUFFLE

CODE DE LA PAGE HTML

☞ Tout est prêt, nous sommes au bon endroit...

CODE DE BASE D'UNE PAGE HTML :

Spoiler:

Explications :

☞ Vous venez de créer une page html complète, html, head, style, body, tout y est...
☞ Pour choisir le bon Doctype, je vous conseille ce tuto : ICI
☞ L'entête de la page est représenté par :

Code:: <head></head>

Il contient les balises meta, le titre, le style, les scripts.

☞ Le corps de la page est représenté par :

Code:: <body></body>

Il contient toutes sortes de balises HTML, table, liste, div, paragraphe, span, etc, toutes balises de mises en forme comme i(italic), b(gras), u(souligné) et autres, mais... à éviter à tout prix ! Vous êtes sur une page HTML, le style se met directement entre les balises "style" "/style".

En bref :
☞ La partie CSS va être intégrée au code entre les balises :

Code:: <style type="text/css"> ICI TOUT LE CODE CSS</style>

☞ La partie HTML se place entre les balises :

Code:: <body> LA TOUT LE CONTENU DE VOTRE PAGE </body>

Exemple d'une page très basique mais complète :

☞ Allez donc voir la fiche de partenariat de RA pour voir le résultat.
☞ Vous avez fini ? Alors prenez soin de sauvegarder vos codes sur bloc-note, surtout si le HTML était activé ! En éditant, vous vous rendrez compte qu'il ne reste plus que la partie html, il faut recoller le code sauvegardé pour retravailler votre code !
☞ L'idéal est donc de travailler le HTML désactivé, mais c'est sans doute peu pratique pour les novices.
☞ Une fois fini, on VALIDE et on revient sur la gestion des pages html.

Je suis l'ami de tous, je suis un ... POUFSOUFFLE

OU PLACER LES SCRIPTS

☞ Où placer les scripts ? La place normale d'un script, d'un plugin, est dans le HEAD, donc dans l'entête de la page.

A placer :

Code:: </head>

De préférence juste avant la fermeture de /head.

☞ Cet endroit convient à pratiquement tous les scripts, mais il arrive qu'on vous demande de le placer dans le body (corps de la page)
☞ C'est souvent le cas pour les scripts indiquant les fonctions d'un plugin, on le place en général après le code HTML.
☞ Attention ! La bibliothèque jQuery n'est pas active sur une page HTML, il faut la rajouter si vous souhaitez utiliser un plugin jQuery.
Sans cette bibliothèque, aucun plugin ne peut fonctionner.

A mettre juste avant la fermeture du /head :

Code:: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

☞ Ou une version plus récente.