Introducing HTML

Démarrage
Introduction au HTML
WebPlus est un outil extrêmement polyvalent et riche en
fonctionnalités. Cependant, certaines caractéristiques et
fonctionnalités nécessiteront que vous ajoutiez vous-même
du code HTML.
Ainsi, vous pouvez ajouter du code HTML pour obtenir une
fonctionnalité que WebPlus ne prend pas en charge en
interne ou pour ajouter des éléments — tels que le compteur
de visites que nous présenterons ici — qui impliquent une
certaine personnalisation de votre site ou de vos besoins.
Dans ce didacticiel, nous allons vous expliquer comment
utiliser des fragments de code HTML pour améliorer et
personnaliser votre site Web. Vous apprendrez à :
· Insérer des fragments de code HTML.
· Ajouter un script simple de compteur de visites à votre
site Web.
Les Objets intelligents de WebPlus comprennent, entre autres, des
compteurs de visites et de visiteurs connectés, des blogs, des fenêtres de
messagerie instantanée, des sondages d'opinion que vous pouvez insérer
rapidement et facilement dans votre site. Il vous suffit de vous inscrire auprès des
Ressources Web et vous serez fin prêt — aucun code n'est nécessaire !
Pour plus d'informations, voir l'Aide en ligne.
1
2
Didacticiels
Introduction au HTML
1 Dans l'Assistant de WebPlus, sélectionnez Créer/Utiliser un modèle.
2 Sélectionnez un modèle de site et cliquez sur Ouvrir.
3 Tapez le texte suivant dans le Bloc-Notes de Windows ou copiez-le à
partir de ce fichier PDF :
<!-- Gostats.com web hit code. Please do not change this-->
<script type="text/javascript">var go_mem="dcookserif";</script>
<script type="text/javascript" src="http://c3.gostats.com/go.js"></script>
<noscript>
<a href="http://c3.gostats.com/gogi/viewstats.pl?mn=dcookserif" target="_top">
<img src="http://c3.gostats.com/gogi/count.pl?mn=dcookserif" border=0 alt="Compteur de visites gratuit"></a>
</noscript><br>
<a href="http://gostats.com">Compteur de visites gratuit</a>
<!-- End of Gostats.com web hit code -->
4 Sélectionnez tout le texte (raccourci Ctrl+A) et copiez-le dans le Pressepapiers (raccourci Ctrl+C).
Fermez l'éditeur de texte et
revenez à votre site WebPlus.
5 Dans la barre d'objets Web,
cliquez sur
Insérer un
code HTML, puis cliquez sur
la page ou la zone de travail
pour créer une nouvelle fenêtre
de fragment de code
HTML à la taille par
défaut (ou faites
glisser le pointeur
pour ajuster les
dimensions de la
fenêtre).
6 Dans la boîte de
dialogue Joindre du
code HTML,
cliquez sur le bouton
Coller dans la
balise BODY.
Lorsque l'option Ignorer la
position de la page (HTML brut) est
désactivée, WebPlus essaye de placer le
fragment de code HTML à l'emplacement
correct (à l'endroit où vous le placez sur
la page) lorsque le site est publié sous
forme de page HTML.
Démarrage
WebPlus insère le texte du
Presse-papiers dans le
corps du fichier.
7 Cliquez sur OK pour
fermer la boîte de
dialogue.
8 Sur la page, le fragment de
code est affiché dans la
fenêtre de fragment de code HTML.
9 Pour voir le nouveau
compteur de visite tel qu'il
apparaîtra aux visiteurs du
site, cliquez sur le bouton
Aperçu HTML,
puis sélectionnez Afficher
le site dans <le
navigateur Web de
votre choix>.
Nous avons ouvert un compte, qui
était gratuit, afin que le prestataire de
service de compteur Web puisse
identifier les visites sur notre site. A
chaque fois que le code est affiché dans
un navigateur, le code HTML et le
JavaScript du prestataire de service de
compteur Web incrémentent le
décompte. Donc en réalisant ce
didacticiel, vous augmentez le décompte
de notre exemple de site (si vous êtes
connecté).
Si vous êtes connecté à
Internet au moment de
l'aperçu de cet exemple de
site, le code du compteur
se connecte à un serveur
et met à jour le nombre de
visites, puis transmet le chiffre au site sous la forme d'une petite image.
Dans notre exemple, le code HTML est collé dans le corps de la page
HTML. Selon le type d'objet HTML que vous voulez inclure, le code devra
être collé dans l'en-tête, dans le corps, ou dans les deux sections. Il n'est
généralement pas difficile de déterminer où les objets doivent être placés.
Le code HTML proprement dit comporte des paires de balises
<HEAD></HEAD> et/ou <BODY></BODY> qui délimitent les blocs.
Si une partie du code doit être collée dans l'en-tête de la page HTML, une
mention en ce sens figurera sous forme de "commentaire" dans le code.
En HTML, les commentaires sont délimités par les caractères <!-- -->. Le
navigateur ignore généralement les commentaires ; ceux-ci sont destinés à
fournir une aide-mémoire, des informations ou des instructions à la
personne visualisant ou rédigeant le code. Ils permettent notamment
3
4
Didacticiels
d'afficher le nom des concepteurs Web
et les informations sur le copyright.
Pour voir le code source d'une page
Web, faites un clic droit sur la page et
sélectionnez Afficher le code source
dans le menu.
Le fichier texte que
vous avons ouvert contient
du code HTML et JavaScript
(un autre langage Web)
provenant d'un service de
compteur Web.
Nous vous avons expliqué comment
ajouter un compteur de visites en tant
qu'objet, mais pour que le compteur
remplisse réellement son rôle et décompte les visites sur une page
Web, vous devez souscrire à un service.
Plus d'informations
Un compteur de visites n'est que l'un des nombreux exemples de code
HTML ou JavaScript permettant d'améliorer votre site Web. Il existe
bien d'autres possibilités. Consultez des sites tels que
· HTML Goodies (www.htmlgoodies.com)
· JavaScript City (www.javascriptcity.com)
· HotScripts.com (www.hotscripts.com)
où vous trouverez des didacticiels consacrés au code, des idées de
script et des échantillons de code que vous pourrez ajouter à vos sites !
(Notez que Serif ne saurait être tenu pour responsable du contenu de
ces sites externes.)