Mise en page du contenu

Barre d'édition simplifiée

Avec cette barre, vous retrouverez les principaux outils utilisé par votre traitement texte habituel (Word, Open Office).

La barre d'outil ci-dessous est une barre complète. Elle comporte de nombreuses fonctionnalités qui ne sont pas nécessaires dans la plupart des cas. C'est pourquoi O2page personnalise et allège cette barre d'outil en ne vous proposant que les outils nécessaires à votre site internet.

Note :

Dans la zone de saisie du texte, vous pouvez utiliser le clic droit pour ouvrir menu contextuel qui vous permet d'obtenir des options supplémentaires.

Un simple survol de la souris au-dessus d'un bouton permet d'afficher sa fonction

Fonction des boutons

Sauvegarder

Source

Outil technique qui permet d'afficher le code HTML généré par le mode d'édition simplifié (WYSIWYG)

	Couper
	Copier
	Coller	Pour coller un texte simple
	Coller comme texte sans mise en forme	Supprime toutes les informations de mise en forme pour ne conserver que le contenu
	Coller depuis Word	Conserve la mise en forme du texte depuis Word

	Vérifier l'orthographe
	Vérification d'orthographe en cours de frappe

	Annuler
	Rétablir
	Trouver
	Remplacer

	Tout sélectionner
	Supprimer la mise en forme

	Insérer une image	Note explicative
	Insérer un flash	Note explicative
	Insérer un tableau	Note explicative
	Insérer une ligne horizontale	exemple :
	Insérer un smiley	exemple :
	Insérer un caractère spécial	exemple : &

	Mettre en gras	exemple : texte gras
	Mettre en italique	exemple : texte italique
	Souligner	exemple : texte souligné
	Barrer	exemple : texte barré

	Indice	exemple : x²
	Exposant	exemple : x₂

Liste numérotée

exemple :

entrée 1
entrée 2

Liste à puce

exemple :

entrée 1
entrée 2

Diminuer le retrait (tabulation)

correspond à un l'annulation d'une tabulation (indentation du texte)

Augmenter le retrait (tabulation)

exemple :

retrait

Citation exemple :

exemple :

citation

	Aligner à droite	exemple : texte aligné à droite
	Centrer	exemple : texte centré
	Aligner à gauche	exemple : texte aligné à gauche
	Justifier	exemple : un texte justifié s'applique sur des phrases longues

	Insérer un lien	Note explicative exemple : lien vers le site www.o2page.fr
	Insérer un lien vers un page du site	Note explicative exemle : lien vers la page d'accueil du site
	Insérer une ancre	Note explicative exemple : lien vers la note explicative d'une ancre
	Supprimer un lien
	Insérer d'une coupure de résumé	Pour définir une zone de résumé au sein d'un contenu
	Insérer une coupure de page	Pour découper un contenu en plusieurs pages

	Style
	Police
	Taille
	Couleur du texte
	Couleur d'arrière plan

	Plein écran
	Afficher les blocs	Outil technique pour afficher les éléments html de type blocs

Notes explicatives

Les fenêtres de propriétés offrent de nombreuses options sur l'objet insérer. Cependant certaines d'entre elles sont nécessaires. La valeur par défaut est dans la plupart des cas celle adaptée à votre site.

Insérer une image

Pour insérer une image seule le champs "URL" est obligatoire.

Positionnez votre curseur à l'endroit d'insértion souhaité
Cliquez sur le bouton (Insérer une image)
Cliquez sur "Explorer le serveur" pour ouvrir l'explorateur de fichier (voir la page d'aide Explorer les fichiers)
Dans l'explorateur de fichier
1. Sélectionnez ou ajoutez un fichier flash
2. Cliquez sur "Insérer"
Cliquez sur "OK"

Le champs "Texte de remplacement" est utile pour les navigateurs n'affichant pas les images mais permet également d'améliorer le référencement du site.

Utilisez cet onglet lorsque vous souhaitez ajouter un lien sur l'image insérée.

Vous pouvez insérer un lien vers :

un site externe,
remplissez alors le champs "URL" (exemple : http://www.o2page.fr)
un fichier du site
cliquez alors sur "Explorer le serveur" pour sélectionner le fichier

La cible correspond à la fenêtre d'ouverture du lien :

ne sélectionnez rien (<non défini>) pour afficher le lien dans la même fenêtre
sélectionnez "Nouvelle fenêtre (_blank)" pour afficher le lien dans une nouvelle fenêtre

Cet onglet est destiné à une utilisation avancée uniquement utilisée dans certains cas particuliers

Notes :

Vous pouvez réafficher les propriétés de l'image en cliquant avec le bouton droit de la souris sur l'image insérée.

Haut de la page

Insérer un flash

Pour insérer une animation flash (fichier comportant l'extension .swf), seul le champs "URL" est obligatoire

Positionnez votre curseur à l'endroit d'insértion souhaité
Cliquez sur le bouton (Insérer un flash)
Cliquez sur "Explorer le serveur" pour ouvrir l'explorateur de fichier (voir la page d'aide Explorer les fichiers)
Dans l'explorateur de fichier
1. Sélectionnez ou ajoutez un fichier flash
2. Cliquez sur "Insérer"
Cliquez sur "OK"

Cet onglet permet de modifier les propriétés de l'animation flash

Cet onglet est destiné à une utilisation avancée uniquement utilisée dans certains cas particuliers

Notes :

Vous pouvez réafficher les propriétés du flash en cliquant avec le bouton droit de la souris sur le flash inséré.

Haut de la page

Insérer un tableau

Pour insérer un tableau, seuls les chamsp "Lignes", "Colonnes" et "Largeur" sont obligatoires

Positionnez votre curseur à l'endroit d'insértion souhaité
Cliquez sur le bouton (Insérer un tableau)
Saisissez le nombres de lignes et colonnes souhaitée ainsi que la largeur du tableau
Cliquez sur "OK"

Notes :

Vous pouvez réafficher les propriétés du tableau, insérer ou supprimer des clellules, des lignes, des colonnes ou le tableau en cliquant avec le bouton droit de la souris sur le tableau inséré.

Haut de la page

Insérer un lien

Pour créer un lien vers un site internet, seul le champs "URL" doit être renseigné.

Sélectionnez le texte sur lequel s'appliquera le lien
Cliquez sur le bouton (Inserer un lien)
Saisissez dans le champs "URL" le lien vers le site (exemple : www.o2page.fr)
Cliquez sur "OK"

Les listes déroulante "Type de lien" et "Protocole" ne sont à modifier que pour des liens particuliers

Liste déroulante du "Type de lien" :

"URL", pour des liens vers des sites externes (exemple : www.o2page.fr)
"Transformer le lien en ancre dans le texte", pour des liens au sein d'une même page (voir la note explicative sur les ancres)
"E-mail", pour des liens ouvrant le client de messagerie (Outlook, Thunderbird, Gmail...) de l'internaute pour lui permette d'envoyer un e-mail à l'adresse indiquée (exemple ; test@o2page.fr)

Liste déroulante du "Protocole" :

"http://" : lien vers un serveur web
"https://" : lien vers un serveur web sécurisé
"ftp://" : lien vers un serveur de fichiers
"news://" : lien vers un serveur de news
"<other>" : pour un autres types de protocole

La "Cible" détermine la fenêtre d'affichage du lien. Si rien n'est précisé ("<non défini>"), le lien de destination s'affichera en remplacement de la page courante. On utilisera plus fréquemment "Nouvelle fenêtre"

"<non défini>", lorsque rien n'est précisé le comportement par défaut est l'affichage du lien dans la même page
"<fenêtre popup>", lorsque le contenu n'est pas important et ne nécessite pas de navigation, la page est affichée dans une petite fenêtre venant au-dessus de la page courante
"Nouvelle fenêtre (_blank)" pour ouvir les liens dans une nouvelle fenêtre (cas le plus utilisé)
les autres choix concerne l'utilisation de cadres (formation d'une page à partir de plusieurs pages) et ne sont sauf cas particulier pas utilisé

Cet onglet est destiné à une utilisation avancée uniquement utilisée dans certains cas particuliers

Notes :

Vous pouvez réafficher les propriétés du lien ou le supprimer en cliquant avec le bouton droit de la souris sur le lien inséré.

Haut de la page

Insérer un lien vers une page d'un site

Pour créer un lien interne (c'est à dire vers une autre page du site) :

Sélectionnez le texte sur lequel s'appliquera le lien
Cliquez sur le bouton (Insérer un lien vers une page du site)
Sélectionnez dans la liste des pages le titre de la page vers lequel pointera le lien
Cliquez sur "OK"

La "Cible" détermine la fenêtre d'affichage du lien. Si rien n'est précisé ("<non défini>"), le lien de destination s'affichera en remplacement de la page courante, c'est le comportement souhaité dans la plupart des cas

"<non défini>", lorsque rien n'est précisé le comportement par défaut est l'affichage du lien dans la même page
"<fenêtre popup>", lorsque le contenu n'est pas important et ne nécessite pas de navigation, la page est affichée dans une petite fenêtre venant au-dessus de la page courante
"Nouvelle fenêtre (_blank)" pour ouvir les liens dans une nouvelle fenêtre (cas le plus utilisé)
les autres choix concerne l'utilisation de cadres (formation d'une page à partir de plusieurs pages) et ne sont sauf cas particulier pas utilisé

Cet onglet est destiné à une utilisation avancée uniquement utilisée dans certains cas particuliers

Notes :

Vous pouvez réafficher les propriétés du lien ou le supprimer en cliquant avec le bouton droit de la souris sur le lien inséré.

Haut de la page

Insérer une ancre

Une ancre est une position sur la page courante sur lequel pointera un lien (exemple : Haut de la page).

Pour créer une ancre, il faut donc procéder en 2 étapes :

Créer la position de l'ancre (à l'aide du bouton ) (dans l'exemple de "Haut de page" en début de la page)
Créer le lien vers cet emplacement (à l'aide du bouton ) (dans l'exemple "Haut de page")

Pour créer la position de l'ancre

Positionnez votre curseur à l'emplacement souhaité
Cliquez sur le bouton (Créer une ancre)
Saisissez dans le champs "Nom de l'ancre" un nom court sans espace ni caractère spéciaux
Cliquez sur "OK"

Pour créer le lien vers cette ancre

Sélectionnez le texte sur lequel vous souhaitez insérer le lien
Cliquez sur le bouton (Créer un lien)
Dans la liste déroulante "Type de lien", sélectionnez "Transformer le lien en ancre dans le texte"
Dans la liste déroulante "Sélectionner l'ancre", sélectionnez le nom de l'ancre créée
Cliquez sur "OK"

Notes :

Vous pouvez réafficher les propriétés de l'ancre en cliquant avec le bouton droit de la souris sur le lien inséré

Haut de la page

Demo O2page