Toutes les pages contiennent un bandeau qui permet de savoir quelles actions sont à effectuer.

(1) Indique la page sur laquelle nous nous trouvons, en l’occurrence la page d’accueil.

(2) Permet d’avoir une aide en ligne. Cet icône n’est pas présent sur toutes les pages. Lorsqu’un utilisateur clique sur l’icône , une aide apparaît.

Pour refermer l’aide, il suffit de cliquer sur « Fermer l’aide » ou à nouveau sur .

(3) Résume l’action à effectuer.

Les actions ou les différents éléments d’une page centrale sont indiqués par l’icône : .

L’icône va vous permettre d’avoir des informations complémentaires sur un élément. Pour cela, il suffit de laisser sa souris sur cette icône quelques instants sans cliquer, et le message apparaîtra à coté de l’icône.

Cet outil rassemble un grand nombre de fonctions spécifiques à un traitement de texte. Vous pouvez ainsi copier coller, insérer des liens, des images, des tableaux, des animations flash, des puces… Les images ternes signifient que la fonction n’est pas disponible. Par exemple, la fonction couper n’est accessible que lorsque du texte est sélectionné.

: Permet de couper du texte sélectionné.

: Permet de copier du texte sélectionné.

: Permet de coller du texte précédemment copié ou coupé.

: Cette option vous permet de garder en forme un document qui a été saisi avec un traitement de texte comme Word. En effet, les standards d’Internet ne nous permettent pas d’utiliser toutes les fonctionnalités d’un traitement de texte. Cette fonction vous permettra au travers de l’interface suivante :

de récupérer, au maximum des possibilités d’Internet, la mise en forme de vos documents. Pour cela, il suffit de faire la combinaison de touches (Ctrl+V) dans la partie centrale blanche et de cliquer sur ok.

Le bouton vous permettra d’effacer le texte que vous venez de copier.

La case « Ignorer les Polices de Caractères » vous permet de supprimer les polices de caractères employées dans votre document. En effet, vos visiteurs ne disposeront pas forcément de la même police de caractères que vous utilisez et verront donc votre document avec une autre apparence.

La case « Supprimer les Styles » vous permet de retirer toute la mise en forme (gras, italique, …) du document Word.

Il vous suffit ensuite de cliquer sur le bouton « Ok » pour obtenir le texte dans le traitement de texte. Il se peut que vous constatiez des différences entre votre document Word et le texte qui résulte de cette fonction. C’est normal car Internet ne permet pas d’utiliser toutes les fonctionnalités d’un traitement de texte, le résultat est donc forcément différent.

: Cette fonctionnalité permet de visualiser dans une nouvelle fenêtre un aperçu du texte qui a été saisi.

: Permet d’annuler la dernière modification effectuée sur le texte.

: Permet d’appliquer une action qui a été annulée grâce à la fonction précédente.

: Ce traitement de texte vous permettra de saisir vos textes grâce à des modèles. En effet, si vous désirez formater votre contenu à plusieurs pages ou produits, cet outil vous permet d’obtenir la trame de l’affichage. Il ne vous restera plus qu’à modifier le texte.

Pour cela, sélectionnez le modèle qui vous convient. Il suffit de cliquer dessus pour que le modèle de texte remplace le texte existant dans le traitement de texte.

Si vous ne désirez pas remplacer le texte actuel par le modèle, vous devez cocher la case « Insérer à cet endroit ». Le modèle sera alors ajouté à la position du curseur.

Remarque : Si vous désirez des modèles personnalisés, n’hésitez pas à nous contacter.

: Cette fonction vous permettra de créer toutes sortes de liens (sites Internet, fichiers, e mails, …).

Pour cela vous devez sélectionner le texte ou l’objet (image, …) qui affichera le lien et ensuite cliquer sur la fonction.

(1) Informations sur le lien

Cet onglet va vous permettre de déterminer le type de lien que vous désirez mettre en place.

• Adresse

Ce type de lien regroupe les liens vers des fichiers ou d’autres sites internet.

Pour faire un lien vers un autre site Internet, il suffit de saisir l’adresse du site dans le champ « URL » et cliquer sur « OK ».

Pour faire un lien vers une autre page du site, il suffit de récupérer le lien affiché sur une page et le saisir dans le champ « URL ».

Pour faire un lien vers un fichier, vous devez au préalable le télécharger sur le serveur. Pour cela vous devez accéder à une nouvelle interface grâce au bouton .

Cette nouvelle page vous permet d’accéder à l’ensemble des fichiers présents sur le serveur. Cette nouvelle interface est découpée en 5 parties.

a) Type de fichier

Les fichiers sont rangés selon 4 grandes catégories qui correspondent aux fichiers divers (Word, Excel, Pdf, ..), aux images, aux animations Flash, et aux fichiers multimédias (sons, vidéos…).

Vous devez en premier lieu indiquer le type de fichier que vous allez déposer sur le serveur.

b) Emplacement

Ce bandeau vous indique dans quel répertoire vous vous situez. Il ne vous indique pas le type de fichier, mais seulement l’arborescence courante.

c) Liste des répertoires

L’image vous permet de remonter d’un niveau dans l’arborescence. Ensuite, la liste des répertoires de même niveau est affichée. Le répertoire courant est dessiné en bleu. Pour sélectionner le répertoire, il suffit de cliquer dessus et la partie centrale affichera la liste des fichiers présents dans ce répertoire.

d) Liste des fichiers

La partie centrale affiche sous forme d’image la liste des sous-dossiers et des fichiers présents dans le répertoire courant.

En dessous de chaque image, il y a le nom du fichier ainsi que 2 icônes qui vous permettrons de supprimer le fichier, après confirmation, ou de le renommer .

Remarque : En supprimant le fichier, celui ci sera supprimé du serveur et ne sera donc plus disponible sur les pages ou les produits. Les liens vers ce fichier seront donc erronés et ne fonctionneront plus.

Pour ouvrir un sous-répertoire, il suffit de cliquer sur l’icône représentant le sous répertoire. Pour sélectionner le fichier, il suffit de faire de même et cliquer sur l’icône représentant le fichier. La fenêtre se fermera automatiquement, et le formulaire précédent aura ses champs remplis.

e) Actions

Le bouton va vous permettre de sélectionner le fichier que vous désirez ajouter au serveur.

Une fois le fichier sélectionné, il suffit de cliquer sur le bouton , afin de lancer l’action de chargement du fichier sur le serveur.

Les noms des fichiers et des sous-répertoires ne peuvent contenir des espaces et/ou des caractères accentués. Les noms ne respectant pas cette règle seront automatiquement renommés.

• Ancre

Il vous suffit ensuite de sélectionner l’ancre désirée. Pour plus de renseignements, vous pouvez consulter le paragraphe concernant les ancres.

• Email

Il suffit de renseigner l’e mail du destinataire, ainsi que le sujet et le corps du message.

(2) Destination

Cet onglet vous permet de préciser si le lien doit s’ouvrir dans la même fenêtre (« <Par Défaut> ») ou dans une nouvelle fenêtre (« Nouvelle Fenêtre (_blank) »). Les autres modes sont réservés aux personnes ayant des connaissances avancées de la programmation d’Internet.

(3) Upload

Cette fonction est inopérante.

(4) Avancé

Cet onglet est réservé aux personnes ayant des connaissances avancées de la programmation d’Internet.

: Il suffit de sélectionner le texte représentant le lien et de cliquer sur ce bouton afin de supprimer le lien.

: Une ancre est un marqueur dans un document. Cela permet, grâce à un lien sur ce marqueur, de revenir rapidement à un endroit bien précis de ce document.

Exemple : Le texte que vous devez taper est très long. Mais en bas du texte vous désirez faire un lien qui vous ramène en haut de la page. Pour cela, au début du document, nous allons cliquer sur ce bouton.

Dans la nouvelle fenêtre, nous allons saisir le nom de l’ancre. Par exemple, nous allons l’appeler « haut de la page ». L’image suivante apparaîtra pour signaler l’emplacement de l’ancre. En bas du document, il suffira de taper le texte « Revenir en haut de la page », sélectionner ce texte et cliquer sur le bouton insérer/modifier un lien. Dans la fenêtre, il faudra spécifier « Ancre dans cette page » dans l’onglet « Information sur le lien » dans la liste « Type de lien ». Dans la liste « Sélectionner une ancre Par Nom d’Ancre », il suffira de sélectionner le nom de l’ancre « haut de la page ». Il suffit ensuite de valider.

: Tout comme les fichiers, afin d’utiliser les images dans votre site Internet, vous devez télécharger les images sur le serveur. En cliquant sur la fonction, vous accéderez à un nouveau formulaire qui vous permettra de gérer votre bibliothèque d’image. Cette page vous permet de visualiser toutes les photos présentes sur le serveur.

La liste des dossiers vous propose d’accéder directement au répertoire désiré en cliquant dessus. L’image vous permet de remonter d’un niveau dans l’arborescence. L’image vous permet de créer un répertoire dans le répertoire courant.

La partie centrale

permet de lister l’ensemble des répertoires et des images contenues dans le répertoire courant.

Pour explorer un répertoire, il suffit de cliquer sur son image .

En dessous de chaque image, les dimensions de celles-ci sont affichées sous la forme « largeur x hauteur ».

Point Information : Un code couleur est utilisé pour afficher les dimensions. Il vous permet de savoir si votre image est trop grande pour Internet. En effet, plus une image est grande et plus elle mettra de temps à se télécharger. Plus les nombres sont affichés en rouge et plus les dimensions de votre image sont trop grandes.

Point technique : La majorité des visiteurs de votre site ont des résolutions qui varient de 800x600 à 1280x1024. Les photos qui ont donc cette taille permettent d’avoir un fond d’écran qui prend toute la largeur de l’écran. Des résolutions supérieures sont donc à proscrire sauf pour des usages bien particuliers (Retouches photos, …) et les tailles de photos citées précédemment ne doivent être utilisées que pour les images servant de fond d’écran. Pour redimensionner rapidement un lot d’images, vos pouvez utiliser le logiciel « Easy Graphic Converter » disponible sur le site http://www.etrusoft.com/graphic-converter/ .

Point Information : Pour connaître avec exactitudes les résolutions de vos visiteurs, vous pouvez consulter la rubrique dédiée dans la rubrique Statistiques. L’image vous permet, après confirmation, de supprimer une image ou un répertoire.

Remarque : En supprimant une image, celle ci sera supprimée du serveur et ne sera donc plus disponible sur les pages ou les produits. Cette image ne sera donc plus affichée.

Les dimensions des images (largeur x hauteur) sont inscrites en dessous de chaque image. L’image vous permet d’accéder à un outil qui vous propose des opérations basiques sur les images. Il suffit ensuite de choisir dans le menu de gauche une modification à apporter à l’image.

a) Découper une image

Il suffit avec la souris de cliquer sur le coin haut gauche que l’on désire conserver et descendre jusqu'à l’angle bas droit tout en maintenant le bouton appuyé de la souris. Vous pouvez modifier la sélection en déplaçant les images afin que la sélection corresponde à la nouvelle image. Si vous n’êtes pas satisfait de la sélection, vous pouvez l’annuler en cliquant sur l’image : .

Pour valider la modification, vous devez appuyer sur l’icône et ensuite enregistrer la nouvelle image en allant dans le menu « Enregistrer ».

b) Redimensionner une image

Vous pouvez redimensionner une image en saisissant les nouvelles valeurs en hauteur et largeur, ou en utilisant les carrés .

Pour valider la modification, vous devez appuyer sur l’icône et ensuite enregistrer la nouvelle image en allant dans le menu « Enregistrer ».

c) Faire pivoter une image

Il suffit de sélectionner, dans le menu, le type de rotation que l’on veut appliquer à l’image. Pour valider la modification, vous devez appuyer sur l’icône et ensuite enregistrer la nouvelle image en allant dans le menu « Enregistrer ».

d) Mesurer une image

Cet outil vous permet d’obtenir des mesures à partir de l’image.

e) Enregistrer l'image

Une fois les modifications effectuées, vous devez enregistrer la nouvelle image. Vous pouvez en profiter pour changer le type d’image si vous le désirez.

Pour sélectionner une image, il suffit de cliquer sur celle-ci. Les champs suivants se rempliront avec le nom du fichier sélectionné ainsi que sa description. Point marketing : nous vous conseillons d’inscrire une description courte de la photo. Cette description est utilisée par les navigateurs n’affichant pas d’image et certains moteurs de recherche prennent en compte ces descriptions.

Ce formulaire vous permet, à la manière de la gestion des fichiers, de télécharger un fichier sur le serveur. Pour cela, utiliser le bouton pour sélectionner l’image et ensuite appuyer sur le bouton pour l’envoyer au serveur.

Des options vous sont proposées afin de définir la taille de la photo sur votre site Internet, ainsi que son alignement vis à vis du reste du texte. L’option « V Space » et « H Space » vous permet de définir l’espace Vertical et horizontal autour de l’image. L’option « Bord » vous permet de définir la largeur de la bordure autour de l’image.

Point technique : Nous vous déconseillons de modifier les valeurs « Largeur » et « Hauteur ». En effet, ces valeurs ne sont utiles que pour l’affichage. Or, si vous voulez utiliser une grande image, vos clients devront télécharger la grosse image (et donc cela prendra plus de temps) et ensuite elle sera redimensionnée par leur navigateur. Nous conseillons plutôt d’utiliser l’image avec les bonnes dimensions. Pour cela vous pouvez utiliser l’outil de retouche d’image intégré avec l’icône .

: Cette fonction vous permet d’insérer un tableau ou d’en modifier un si vous l’avez précédemment sélectionné. Plusieurs options vous sont proposées :

a) Lignes

Indique le nombre de lignes du tableau.

b) Colonnes

Indique le nombre de colonnes du tableau.

c) Largeur

Indique la largeur du tableau en pixels ou en pourcentage.

d) Hauteur

Indique la hauteur du tableau en pixel.

e) Bordure

Indique l'épaisseur de la bordure du tableau. Plus ce nombre est élevé et plus le bord du tableau sera important.

f) Alignement

Indique l’alignement (droite, gauche, centré) du tableau vis à vis du reste du texte.

g) Espacement

Cette valeur détermine l’espacement entre 2 cellules du tableau.

h) Contour

Cette valeur détermine les marges à l’intérieur d’une cellule.

i) Titre

Permet d’associer un titre au tableau. Point marketing : Cette information est utile pour le référencement. Indiquez le sujet du tableau.

j) Résumé

Permet d’associer un résumé au tableau. Point marketing : Cette information est utile pour le référencement.

: Insère une ligne horizontale de la largeur du document.

: Le tableau suivant permet de sélectionner un caractère à insérer. Il suffit de cliquer sur le caractère choisi et celui-ci s’affichera à la position du curseur.

: Cette page vous permet d’insérer ou de modifier une animation flash.

Ce formulaire vous permet de saisir l’adresse de l’animation ou de saisir le fichier souhaité grâce au bouton . Les étapes à suivre sont identiques à celles décrites au paragraphe « Ajouter un lien ». Il suffit de sélectionner le type « Flash » comme « Ressource type ». Normalement ce répertoire est sélectionné automatiquement.

Vous pouvez néanmoins spécifier une largeur et une hauteur au fichier Flash. La partie « Prévisualisation » vous permettra d’avoir un aperçu de l’animation.

Dans l’éditeur de texte, l’image apparaîtra pour signaler l’emplacement de l’animation Flash.

Il suffit de faire un bouton droit sur l’icône et sélectionner « Propriétés d’Animation Flash » afin d’obtenir à nouveau ce formulaire rempli qui vous permettra de modifier l’animation.

: Cette fonction vous permet de créer une liste numérotée.

: Cette fonction vous permet de créer une liste à puce.

: Cette fonction vous permet de diminuer le retrait.

: Cette fonction vous permet d’augmenter le retrait.

: Cette fonction permet d’aligner à gauche le texte sélectionné.

: Cette fonction permet de centrer le texte sélectionné.

: Cette fonction permet d’aligner à droite le texte sélectionné.

: Cette fonction permet de justifier le texte sélectionné.

: Cette fonction permet de faire apparaître le texte source du document. C’est à dire le texte compréhensible par les navigateurs. Point technique : Si vous ne connaissez pas le langage HTML, nous vous déconseillons fortement d’apporter des modifications dans cette fenêtre.

: Permet de mettre en gras le texte sélectionné.

: Permet de mettre en italique le texte sélectionné.

: Permet de mettre en souligné le texte sélectionné.

Point Marketing : Nous vous déconseillons d’utiliser cette mise en forme. En effet, on pourrait confondre le texte souligné avec des liens.

: Permet de barrer le texte sélectionné.

: Permet de mettre le texte sélectionné en indice.

: Permet de mettre le texte sélectionné en exposant.

: Cette fonction vous permet de saisir la couleur d’écriture du texte sélectionné grâce à la palette de couleur .

Il suffit de cliquer sur la couleur choisie. Si cette liste n’affiche pas une couleur que vous désirez, vous pouvez essayer de la trouver sur la page accessible par le lien « Plus de couleurs ».

Le tableau de gauche vous permet de sélectionner la couleur. Vous avez un aperçu de la couleur sur un espace plus important grâce au carré dessiné sous « Highlight ».

Pour sélectionner une couleur, il suffit de cliquer sur un des carrés de couleur et la couleur apparaîtra dans la case affichée sous « Sélectionné » en même temps que son code couleur.

Point technique : Le code couleur est composé du caractère « # » suivi de 6 caractères qui ont pour valeur un chiffre de 0 à 9 ou une lettre de « a » à « f ». Les 2 premiers caractères représentent la composante rouge, les 2 du milieu le vert et les 2 derniers le bleu. La valeur 00 représente l’absence de la composante alors que FF représente le maximum de la composante.

Le bouton vous permet d’effacer votre sélection.

: Cette fonction vous permet de saisir la couleur de surlignage du texte sélectionné. Elle fonctionne exactement comme la fonction « Couleur de caractère » décrite au chapitre précédent.

Cette liste vous permettra d’appliquer des formats prédéfinis au texte sélectionné.

Point marketing : Utilisez souvent les titres pour écrire votre document. En effet, les moteurs de recherche indexent plus facilement les documents structurés. Les mots-clés contenus dans les titres sont donc importants.

Cette liste permet de sélectionner la police de caractère à utiliser pour le texte sélectionné.

Cette liste permet de choisir la taille d’affichage du texte sélectionné.

: Cette fonction permet de supprimer toute la mise en forme du texte sélectionné.

Lorsque le nombre de résultats est trop important, la liste des résultats est paginée afin d’avoir une meilleure visibilité. La liste des résultats est donc divisée en pages de résultats. Pour accéder à une page de résultats, 2 possibilités vous sont offertes :

En cliquant sur le bouton précédent, vous aurez accès au bloc précédent de page, c’est à dire que vous obtiendrez les pages de 1 à 10 et le bouton page suivante, vous permettra d’accéder aux pages 21 à 30. Le numéro de la page courante est affiché en orange .

Il suffit de cliquer sur la page désirée dans la liste qui est proposée.

Une recherche avancée pour permet de faire une recherche à partir d’un fragment d’information.

En effet, si vous ne trouvez pas de résultat avec le mot ou la phrase recherchée, ou si vous ne connaissez pas l’orthographe exacte, vous pouvez utiliser un caractère joker qui vous permettra de rechercher les textes se rapprochant de votre recherche.

Le caractère joker utilisé est le caractère « % ». Si vous désirez néanmoins rechercher un texte contenant ce caractère, vous devrez saisir « \% ».

Exemple : une recherche avec « mes%produits » trouvera les textes suivants :

1. mes produits
2. mes nouveaux produits
3. mes …… produits