Comment travailler avec l'Objet Texte

Bonnes pratiques > Étape 4 - Pages >

Comment travailler avec l'Objet Texte

Previous pageReturn to chapter overviewNext page
Montrer/Cacher le texte caché

Double-cliquez sur un Objet Texte inséré dans la Grille de Mise en Page ou sélectionnez-le et cliquez sur le bouton , pour accéder à la fenêtre Objet Texte. Grâce à cette fenêtre, qui propose un éditeur, vous pouvez passer directement à l’insertion et la mise en forme des textes.

Cliquez pour etendre/reduireEn pratique : Comment utiliser une Police Web pour formater le texte

Formater un texte est une opération tout à fait simple : il suffit de le sélectionner et de choisir la police à utiliser à l’aide du menu spécifique de l’éditeur. Ce menu propose uniquement les polices standard (ou Polices sécurisées), c’est-à-dire les polices présentes universellement sur l’ensemble des dispositifs : Arial, Verdana, Georgia et quelques autres. Si, en effet, vous utilisez une police installée sur notre système d’exploitation, mais pas sur celui de l’utilisateur qui ouvrira la Page Web, les textes s’afficheront avec une police par défaut, altérant ainsi la mise en page originale (voir Polices standard et Polices Web).

La solution pour éviter cet inconvénient sans renoncer à la possibilité d’utiliser des polices différentes des polices standard, consiste à utiliser les Polices Web.

Les Polices Web ne doivent pas être nécessairement installées sur le système et peuvent être reprises dans :

des portails comme Google Fonts™ (gratuit) : ces portails offrent des Polices Web déjà prêtes à l’emploi que l’on peut rappeler à l’aide des feuilles de style (CSS) des Pages du Site.
des portails comme Fontsquirrel : ces portails permettent de télécharger de nouvelles polices sur votre ordinateur, afin de pouvoir les utiliser sur le serveur Web du Site.

Pour pouvoir utiliser une Police Web, celle-ci doit être reprise dans Internet et intégrée dans WebSite X5. Ensuite, la nouvelle Police Web apparait dans la liste des polices utilisables et peut être appliquée à l’élément de texte sélectionné.

Les types de police sont facilement différenciables grâce aux icones associées :

Google Fonts: polices intégrées à l'aide de la fenêtre Ajouter des polices web de WebSite X5 et reliées au serveur Google.

Polices Web en ligne : polices intégrées à l'aide de la fenêtre Ajouter des polices web de WebSite X5 et et reliées aux serveurs du service qui offre les polices.

Polices Web hors ligne : polices intégrées à l'aide de la fenêtre Ajouter des polices web de WebSite X5 et publiées sur le serveur Web du Site.

Cliquez pour etendre/reduireEn pratique : Comment créer un texte avec une barre de défilement

Si vous insérez un Objet Texte dans une Page, il change automatiquement son hauteur afin de permettre l’affichage de l'ensemble du contenu. Si le texte est assez long et vous souhaitez l’afficher dans une fenêtre de  taille réduite, vous pouvez régler la hauteur souhaitée et forcer l'affichage de la barre de défilement.

Insérez dans une Page un Objet Texte, puis accédez à la fenêtre Objet Texte pour entrer et formater le texte.
Cliquez sur le bouton pour rappeler la fenêtre RollOver.
Activez l'option Activer RollOver et définissez comme Mouvement l'option Aucun - Afficher la barre de défilement.
Réglez la valeur en pixels souhaitée pour la Hauteur .
Cliquez pour etendre/reduireEn pratique : Comment créer un texte défilant

Une façon de présenter, par exemple, une liste de nouvelles est de la faire défiler comme les titres d'un journal télévisé, à l'horizontale ou à la verticale.

Insérez dans une Page un Objet Texte, puis accédez à la fenêtre Objet Texte pour entrer et formater le texte.
Cliquez sur le bouton pour rappeler la fenêtre RollOver.
Activez l'option Activer RollOver et définissez comme Mouvement , par exemple, l'option Défilement unique en spécifiant le Sens .
Définissez l'effet à travers les paramètres disponibles et activez l'option Arrêter le mouvement au survol de la souris: de cette manière si un lien pour plus d'informations est définit pour les titres des nouvelles, le Visiteur peut bloquer l'effet de défilement et cliquer sur la nouvelle qu’il désire lire.
Cliquez pour etendre/reduireEn pratique : Comment créer un texte à onglets (affichage en onglets)

Dans de nombreux cas, pour fournir une présentation complète d'un produit / service ou, de toute façon, pour traiter d'une manière complète un sujet, vous êtes obligé d'articuler les informations en niveaux successifs d’approfondissement et de les mettre dans différentes Pages du Site reliées entre elles.

Une autre façon, qui dans certains cas peut même être plus efficace, est celle d’organiser cette masse d'informations non plus en différentes Pages, mais dans plusieurs Fiches du même Objet Texte, à l'aide de l’affichage par onglets.

Cliquez pour etendre/reduire

En travaillant avec l'édition Pro de WebSite X5 pour créer un texte à onglets est suffisante :

Insérez dans une Page un Objet Texte, puis ouvrez la fenêtre Objet Texte pour entrer et formater le texte.
Cliquez avec le bouton droit de la souris sur l'onglet Fiche 1 présente au fond de l'Aire de travail : dans le menu contextuel cliquez sur Ajouter un onglet pour créer une nouvelle Fiche vide.
Nommez convenablement la Fiche que vous venez de créer et insérez son contenu.
De la même manière, insérez et composez toutes les Fiches nécessaires : le menu contextuel présente toutes les commandes pour ajouter, supprimer, renommer et déplacer les Fiches
Allez à la section Objet Texte | Style des Onglets et choisissez le Mode d'affichage : mettez en place, par exemple, Onglets - Horizontal et définissez toutes les options pour définir la taille, la graphique et les effets.

En combinant la polyvalence du l'Objet Texte (qui vous permet de saisir non seulement du texte mais aussi des images, des liens et des parties de code HTML) avec les possibilités offertes par l’affichage à Fiches, vous pouvez obtenir des résultats vraiment impressionnants : on peut facilement imaginer des livres de cuisine, des cartes pour les offres immobilières, des catalogues pour toutes sortes de produits jusqu'à arriver à de véritables carrousels publicitaires.

 


Bonnes pratiques :

-

Comment utiliser les Polices Web

-

Comment télécharger une police de caractères depuis Fontsquirrel


Approfondissements :

-

Polices standard et Polices Web