AccueilFAQRechercherS'enregistrerConnexion

Partagez|

Fiche Partenariat [A placer dans une page HTML]

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Roxy

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

avatar

Messages : 720
Date d'inscription : 26/08/2008

MessageSujet: Fiche Partenariat [A placer dans une page HTML] Lun 17 Fév - 4:03

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 :


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

☞ Maintenant, au choix :
- Ou vous travaillez avec le html désactivé,
- Ou avec le html activé , 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 ...)
Revenir en haut Aller en bas
Roxy

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

avatar

Messages : 720
Date d'inscription : 26/08/2008

MessageSujet: Re: Fiche Partenariat [A placer dans une page HTML] Lun 17 Fév - 4:04

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.
Revenir en haut Aller en bas
Roxy

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

avatar

Messages : 720
Date d'inscription : 26/08/2008

MessageSujet: Re: Fiche Partenariat [A placer dans une page HTML] Lun 17 Fév - 4:04

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.
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Fiche Partenariat [A placer dans une page HTML]

Revenir en haut Aller en bas

Fiche Partenariat [A placer dans une page HTML]

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Mes Essais :: ~Mes Codages~-