Editer avec Kupu
Présentation du traitement de texte simplifié adapté au web : Kupu
Vous avez ci-dessous une capture écran de l'éditeur Kupu avec des repères de 1 à 9 et de A à D.
Vous retrouverez ces repères dans les explications ci-dessous avec des liens vers des pages contenant encore plus d'explications.
Comme dans un traitement de texte ordinaire :
- B = Bold = caractère en Gras (raccourci Alt ou controle + B)
- I = italique = caractère en Italique (raccourci alt ou ctl + I)
- Justifier un texte à droite au centre ou à gauche
- Puces numérotées ou non ordonnées
- Diminue ou augmente le niveau de retrait
Éditeur Spécialisé pour le web
6. Insertion d'une image (icône arbre)
Avant de pouvoir inserer une image il faut au préalable avoir créer à la racine du site ("Accueil") un dossier intitulé " Image du Site" dans lequel il y aura des sous-dossiers classés par thème de photo de façon à les retrouver facilement. Quand ce dossier et ces sous-dossiers sont créés, il faut retaillé les photos dans un logiciel adapté à cela. Il existe un logiciel libre à télécharger sur internet "The Gimp". les photos doivent faire environ 100 Ko (pas plus) sinon le site sera ralenti et pas optimisé.
Pour cela ouvrir la photo dans "The Gimp" puis allez sur "Image" et "Taille et échelle de l'image"
Choisir
- Résolution 72
- Hauteur 600 pixels (en conservant les proportions ce qui donne pour une photo horizontale 800 pixels de longueur et pour une photo verticale 450 pixels de longueur).
7. Faire un lien interne (icône chaine)
Vous pouvez faire un lien vers une page, une photo, un documents, un évènement, une actualité de votre site, sélectionnez la partie du texte qui fait l'objet du lien cliquez sur cet icône. Ici nous avons fait un lien sur le mot "hébergement" vers le document du site Hébergement.
8- Faire un lien vers l'extérieur du site (icône planète)
un autre site : cliquez sur l'icône 8 cette page s'affiche, taper l'adresse du site vers lequel vous faites votre lien, vous pouvez vérifier comme ci-dessous en cliquant sur aperçu la validité de l'adresse, puis enregistrer.
vers une messagerie : la votre ou celle d'une autre personne : sélectionnez le texte puis cliquez sur l'icône 8
cette fenêtre apparait...
9- Les ancres (icône ancre)
Les ancres sont des liens internes ciblés à un endroit précis dans une page.
1. Créer une ancres sur un style par exemple ici nous "posons une ancre sur un heading = titre : Labyrinthe géant
2. Ici nous faisons un lien interne vers la page qui continent cette ancre, on nous propose de faire le lien vers un endroit précis de la page en question, ici vers le titre Labyrinthe Géant.
ensuite il faut enregistrer pour valider la manipulation.
A- Insertion d'un tableau (icône carré)
Pour faire une mise en page nous aurons recours au tableau
Cliquez dans le corps du texte à l'endroit ou vous voulez mettre votre tableau, cliquez sur l'icône A
Choisissez le nombre de rangées et de colonnes, si vous désirez une rangée pour les titres cochez comme ci-dessous, sinon décochez.
Cliquez sur "Ajoutez une table", il ne vous reste plus qu'a remplir les cases du tableau.
Si vous souhaitez que les lignes de votre tableau n'apparaissent pas, cliquez sur la flèche en face Classe CSS comme ci-dessous : sélectionnez "invisible grid"
Quand votre tableau est créer, vous pouvez ajoutez des colonnes et/ou des rangées en recliquant sur l'icône A. Ici on a créer un tableau de 4 colonnes et 2 rangées avec création de titre, on peut ajouter ce que l'on veut.
B- Code HTML
En cliquant sur cet icône, vous avez accès au code HTML qui a été généré par les différents icônes de l'éditeur Kupu. Si vous ne connaissez pas le HTML, il est fortement déconseillé d'y aller... au risque de faire une grosse erreur.
C-Différents styles (liste déroulante des styles à choisir)
Chaque titre est avec son option
D- Kupu pleine page (icône le plus à droite)
Si vous cliquez sue cet icône vous vous mettez en pleine page, pour travailler c'est plus confortable.
