Website X5 pour tous
Code HTML
Étape 3
Insertion de code HTML directement dans une page
Vous pouvez insérer du code HTML dans une de vos pages pour contrôler plus adéquatement l'apparence du texte ou encore ajouter
des fonctions spéciales, sans passer par les commandes prorgrammées de WX5.
Vous pouvez insérer du code HTML de plusieurs façons:
- En insérant un objet CODE_HTML directement dans une page
- En insérant du code HTML à l'intérieur de balises HTML dans un objet TEXTE et en activant l'icône Code HTML de cet objet TEXTE.
- En insérant du code HTML à l'intérieur de balises HTML dans un objet TABLEAU et en activant l'icône Code HTML de cet objet TABLEAU.
Il est possible d'insérer du code HTML dans la bannière ou dans le pied de page, à l'étape 1, Paramètres Généraux, Modifier le modèle. Cliquez sur le symbole </> dans l'un ou l'autre des onglets Supérieure ou Inférieure, pour insérer une boîte prête à recevoir votre code.
Il est aussi possible d'insérer du code HTMl à l'étape 2, Création du plan du site, en sélectionnant une page et en cliquant sur l'icône Propriété de la page, Onglet Avancées.
La liste qui suit présente quelques balises HTML dans la colonne de gauche, et leur résultat, dans la colonne de droite.
Code
<h2>Ceci est un entête</h2> |
<p>Ceci est un paragraphe normal</p> |
<b>Caractère gras</b> |
<i>Italiques</i> |
<u>Texte souligné</u> |
<font color="0000FF">Couleur des caractères</font> |
************************************* |
Lien qui amène l'affichage d'une image: <img src="http://www.monsite.com/files/image.jpg"> |
Lien vers une adresse mail
|
Image avec lien vers une adresse mail: <a href="mailto:bernard@websitex5.info"><img src="http://www.monsite.com/files/image.jpg"></a> |
Image avec lien vers une adresse mail, |
Image contient un lien vers une page web, |
Remarquer le saut de ligne(------<br>------)dans ce texte. |
Pour ajouter des espaces blancs: D'ici jusqu'ici. |
Insertion du symbole COPYRIGHT (Droits réservés): |
Résultats
|
|
Caractère gras |
Italiques |
Texte souligné |
Couleur des caractères |
************************************* |
Lien qui amène l'affichage d'une image:
|
Image avec lien vers une adresse mail: |
|
Image contient un lien vers une page web, sans bordure:
|
Remarquer le saut de ligne(------ |
Pour ajouter des espaces blancs: D'ici jusqu'ici. |
Insertion du symbole COPYRIGHT (Droits réservés): |
Pousser WX5 encore plus loin...
Dans un objet CODE_HTML, il est possible d'ajouter des scripts HTML complets pour, par exemple, afficher et exploiter un formulaire, exécuter une routine particulière, lancer une application Javascript ou même faire exécuter du code PHP (certaines conditions doivent être respectées, j'y reviendrai sous peu).
L'affichage de la date, en bas de page du présent site, est le résultat de l'addition d'un javascript dans le pied de page lui-même, et de l'insertion de code HTML dans la section Propriétés avancées de la page, tel qu'expliqué ICI.
Les possibilités sont infinies et le Net regorge de tutoriels et d'information à ce sujet.
L'utilisation du code HTML peut ouvrir de nouvelles perspectives et accroître de façon considérable la puissance de Website X5.
Un gros merci à Frank, de Frank's Cybercafé, pour la permission d'utiliser ses exemples.
Sous-menu