You're Here : Home > manage my web-site > Create a page


 

This document is not available in English. Below, you'll find the original French version.

Créer une page

Cette page comprend un tutoriel vous expliquant comment créer une page avec cet éditeur.

  1. Les styles

  2. les puces et n°

  3. L'indentation

  4. Les liens

  5. Les ancres

  6. Les tableaux

  7. L'édition html

Les styles

Pour créer une page de contenu en adéquation avec le design du site, vous avez à votre disposition les outils classiques : gras/italique/souligné/police/couleur du texte/...
Mais trouverez également dans l'éditeur un menu déroulant marqué style. Il est là pour vous simplifier la vie en proposant directement les mises en formes spécifiques au design du site.
Celui-ci comprend plusieurs options :

  • paragraphe : du texte normal. NB : un à la ligne (entrée) correspond à un nouveau paragraphe. Pour rester dans le même, utilisez MAJ+entrée
  • citation : un texte de la taille d'un paragraphe, qui correspond à une citation. Il s'affiche sur un fond bleu. Pensez à préciser l'auteur à la fin (en italique pas exemple).
  • Titre page : C'est le gros titre blanc sur fond bordeau que vous voyez en haut de cette page

  • Titre 1 : Titre rouge avec une barre en dessous

  • Titre 2 : Titre rouge sans la barre de dessous. utile pour une sous partie

  • Titre 3 : Titre gris. Utile pour une sous-sous partie
     

  • sous titre 1 : Titre noir.
  • Sous titre 2 : titre noir, plus petit

Les puces et numéros

En dessous, des boutons vous permettent de créer des listes avec ou sans numéro.
Cela donne :

  • 1er semestre
    • 1er trimestre
      • janvier
      • février
      • mars
    • 2ème trimestre
      • avril
      • mai
      • juin
  • 2ème semestre
    • 3ème trimestre
      • juillet
      • août
      • septembre
    • 4ème trimestre
      • octobre
      • novembre
      • décembre

Ou encore :

  1. Partie 1
    1. Chapitre 1
    2. chapitre 2
    3. ...
  2. Partie 2
    1. chapitre 1
      1. verset 1
      2. verset 2
      3. verset 666
    2. chapitre 2
      1. vous avez compri le principe

L'indentation

A tout moment, un paragraphe peut être indenté à droite ou à gauche.

Les liens

Pour créer un lien hypertexte, il vous suffit de sélectionner le texte à lier quis de cliquer sur le bouton avec une petite chaîne.

Il s'affiche alors un menu vous proposant plusieurs options. Seule l'URL vous intéresse : c'est l'adresse de la page vers laquelle vous souhaitez pointer (la même que dans votre navigateur).

NB : si vous avez choisi un style titre1 ou 2, une flèche s'ajoute à gauche du lien.

Les images

Un bouton vous permet d'insérer une image. Comme pour les liens, si elle est sur internet, vous devez connapitre sur url. Sinon, il vous faudra la télécharger sur un serveur (option possible prochaînement).

Vous pouvez également choisir sa taille, ...

Attention à mettre des images les plus petites possibles par rapport à la taille désirée sur le site pour optimiser la vitesse d'affichage de la page.

Les ancres

Si vous souhaitez créer un sommaire interactif par exemple, vous allez devoir créer une liste de liens pointant vers vos différentes parties. Pour indiquer au navigateur là où ce trouve cette partie, vous devez créer une ancre. Pour celà cliquez sur le bouton correspondant (ancre marine) et donnez lui un nom.

Pour créer le lien pointant vers cette partie, il vous suffira de sélectionner nom de l'ancre dans le champ correspondant lors de la création du lien.

exemple :je pointe vers le haut de la page

Attention : à cause de la conception de la mise en page, il est important de ne pas créer d'ancre dans un "tire1" ou "titre2". En effet, celà l'afficherait dans le navigateur, ce qui est peu esthétique.

Les tableaux 

En bas à gauche, vous trouverez touts une panoplie d'options permettant de créer un tableau. A vous de les découvrir.

NB : souvent, un tableau transparent permet de créer une mise en page propre spécifique à un besoin

L'édition html

Il faut savoir qu'en fait, cet éditeur génère du code qu'on appelle html. C'est ce code que votre navigateur internetinterprète pour afficher la mise en forme de la page. A tout moment, vous pouvez le visualiser et l'éditer à l'aide du bouton situé sur la deuxième ligne de l'éditeur, à droite.

Le jour où vous voudrez faire des mises en page plus complexes, il vous sera utile d'apprendre les rudiments de ce langage très simple.

Un bon site : http://www.siteduzero.com