Le logiciel utilisé est Open Office disponible gratuitement sur le site : http://fr.openoffice.org/about-downloads.html .
Une documentation centrée uniquement sur l'emploi d'Open Office pour la réalisation de pages internet est disponible à l'adresse suivante : http://fr.openoffice.org/Documentation/How-to/writer/webooohtml.pdf Cette documentation ne traite pas la version 2.0 d'Open Office.
Une documentation complète sur Open Office est
disponible à
l'adresse suivante :
http://fr.openoffice.org/about-documentations.html
Créez un dossier (ou répertoire) que vous nommerez "essais007" dans le dossier "Mes Documents" ( le dossier "essais 007" sera le Dossier site).
Dans le Dossier site créez un dossier nommé "images".
Ouvrez Open Office en cliquant sur document HTML
Juste après avoir démarré Open Office, il est recommandé de paramétrer Open Office comme suit :
Paramétrez Open Office pour faire des liens
relatifs (Règle Localité) : Outils /
Options / Chargement-enregistrement / Général 
Explication de la notation : Outils / Options / Chargement-enregistrement / Général
Dans le menu Outils cliquez sur Options ; dans ce qui se présente cliquez sur Chargement-enregistrement ; dans ce qui se présente cliquez sur Général
Soit en images :
De même toujours dans Chargement /enregistrement paramétrez compatibilité HTML en choisissant Unicode UTF 8 comme Jeu de caractères.
Paramétrez les styles Open Office sur Styles HTML (règle Compatibilité) : Format / Styles / Catalogue
Pour enregistrer 3 méthodes sont possibles :
Ctrl+S (appuie sur la touche Ctrl et la touche S en même temps)
Fichier/Enregistrer
Cliquez sur 
Tapez un texte sous Open
Office(vous remarquerez que parfois lorsque vous tapez un texte un mot
vous est proposé(sur un fond en inverse vidéo, si
le mot proposé vous convient appuyez sur la touche
entrée, cette fonctionnalité vous permet de taper
plus vite, en utilisant toujours les mêmes mots aussi !!!),
ajoutez y une image en cliquant sur 
(n'importe quel image, c'est un exercice ...)
Enregistrer le fichier dans
le répertoire du site en l'appelant page1.htm [Les
noms que vous donnerez à vos fichiers pour internet doivent
être sans caractère espace (le
caractère que l'on obtient en appuyant sur la barre
d'espacement) et sans caractères accentués !!!
pour appliquer la règle Compatibilité]
Nous allons faire une page
d'accueil son texte sera ce que vous désirez. Vous
devez lui donner comme nom index.html
(règle
Compatibilité).
Ajoutez à cette
page l'expression « voir
ma première page ». On va en
faire en sorte que cliquer dessus ouvre une fenêtre affichant
la page1 (ceci s'appelle un
« hyperlien »). Pour cela
sélectionnez ce texte puis cliquez sur 
ou 
(si vous avez la version 2 )
La fenêtre suivante
s'ouvre :
La fenêtre devient :
D'une
façon générale il est
préférable
d'ouvrir dans la même fenêtre, cela permettra au
visiteur
de revenir en arrière avec
"Précédente".
Par contre, si on fait un lien vers un autre site, c'est
préférable
d'ouvrir dans une nouvelle fenêtre (règle
localité).
Pour voir le résultat tel qu'il apparaîtra dans un navigateur, enregistrez, puis ouvrez le fichier avec un navigateur ! ! !, vous voyez le résultat ! Essayez les liens !
Sous Open Office, vous pouvez aussi voir le code HTML, pour
cela,
cliquez sur 
à gauche.
Vous avez remarquez que dans la barre de titre du navigateur,
le
nom du fichier apparaissait, 
,
il est astucieux de mettre autre chose, en effet le titre est pris
en compte par les moteurs de recherche ! ! !
Pour mettre un autre titre : allez dans Fichier /
Propriétés...
et complétez l’onglet "description" (les
mots clés doivent être
séparés par des
virgules, ajouter des synonymes, doubler les mots accentués
par
les mêmes sans accents, ...) :
Pour se faciliter l'insertion d'images, procédez comme suit :
Dans le dossier images du Dossier site (Règle Localité) , copiez les fichiers images que vous désirez inclure dans le site (il faut utiliser des fichiers de type : png, jpg, ou gif (Règle Compatibilité)
Placez le curseur à la place où on désire insérer l'image,
Insertion/Image
|
|
Open Office génère un code HTML propre et pouvant être lu par tout les navigateurs, même les plus anciens, il est en conséquence assez pauvre, il n'y a pas de tabulations par exemple, on peut aligner à gauche, à droite ou centrer. En conséquence, pour avoir des belles pages bien présentées quelque soit la résolution de la fenêtre dans laquelle la page sera lue, il faut utiliser des tableaux (tableaux sans bordures donc invisibles). (Règle Compatibilité)
Pour ajouter un tableau, procédez comme suit :
Placez le curseur à la place où on souhaite insérer le tableau.
Insertion/Tableau ou Ctrl-F12
La fenêtre suivante est à compléter
Remarques :
a) Le nom ne sert à rien, mais il doit être unique dans la page.
b) On peut décocher bordure,
mais dans ce cas utilisez 
pour voir un peu le tableau.
c) Si vous désirez mettre un tableau pour afficher des données sous la forme d'un tableau normal (comme avec un traitement de texte) cliquez sur Auto Format...
Complétez votre tableau en introduisant textes et images.
Placez le curseur dans le tableau, puis effectuez un clic droit , dans le menu contextuel choisissez Tableau
Sous l'onglet Tableau, effectuez les choix suivants
Exemple : Ce tableau est aligné à droite, la
largeur du tableau est 80 % et l'écart à gauche
de 20%
Autres
utilisations des tableaux :
Il est souvent pratique de créer un tableau comportant des liens. Si par exemple le site à une structure arborescente, on peut dans chaque page avoir un tableau ligne comportant un lien vers la page d'accueil (index.htm) et dans les autre cellules un liens vers les pages soeurs.
Étapes de la création d'un site important
Définir la navigation et l'ordonnancement des pages.
Créer des pages vides ayant des noms significatifs (Ex : tarifscamping.htm est préférable à page1.htm).
Créer les tableaux de liens nécessaires et copiez les dans les pages voulues.
Dans le répertoire images du sites copiez les images utiles.
Dans le cas d'une réalisation collective et indépendante. Chacun des participants peut développer son propre Site, la page d'accueil générale distribuant les liens vers les sous-sites. Chacune des pages des sous-sites ayant un lien vers la page d'accueil générale.
Nous utiliserons les polices (ou fontes) Unicode ; dans ce codage, chaque fonte disposent au maximum de 216=65536 caractères différents à la différence des fontes classiques comportant 28=256 caractères différents. Les caractères sont regroupés par "sous ensemble".
Rq : Il y a très peu de police Unicode (Arial Unicode MS, Lucida Unicode, Gentium)
Pour la langue des Peuls les caractères sont les suivants (les sous ensembles sont noté en italique) :
Du latin étendu A nous avons : Ŋ, ŋ,
Du latin étendu B nous avons : Ɓ, Ɗ, Ƴ,ƴ,
Extension IPA : ɓ, ɗ,
Latin 1 supplement : ñ, Ñ
Pour insérer un caractère spécial : Insertion/caractères spéciaux
Cela
fonctionne mais c'est très inconfortable !
L'AutoTexte est un texte automatique paramétrable que l'on obtient après avoir tapé une suite de caractères puis en pressant la touche F3.
Pour essayer, tapez 'tex' une bulle apparaît (on
voit ceci :
),
juste après avoir tapé le x pressez F3.
Un texte
de plusieurs lignes apparaît !
En résumé, pour appeler un AutoTexte :
Tapez le raccourci,
Pressez F3
Dans cette partie nous allons créer une catégorie nommée 'Essais Peul', Dans cette catégorie nous créerons un raccourci permettant de taper le caractère 'Ƴ' (Hooktop Y) dont le raccourci sera 'HY' Nous allons d'abord créer une catégorie pour ranger l'AutoTexte. Sous le menu Édition, choisissez AutoTexte.
Voici la fenêtre qui s'ouvre :
Ce que vous voyez à gauche sont les AutoTextes pré-enregistrés et classés par Catégories. Nous verrons tout à l'heure comment y avoir accès lorsqu'on ne les connaît pas.
La fenêtre suivante apparaît :
Maintenant, nous allons créer le texte que nous voulons entrer dans l'AutoTexte. Saisissez-le en lui appliquant toutes les mises en formes nécessaires. Il doit être exactement de la façon dont vous voudrez qu'il soit lorsque vous vous en servirez dans vos rapports ou autre documents.
Dans notre exemple, nous utiliserons la première
méthode
pour obtenir le caractère Ƴ,
avant
d'insérer
le caractère sélectionnez Arial Unicode MS comme
choix
de police, puis :
a) Insertion/caractères
spéciaux
b) Sélection de la police Arial
Unicode MS,
c) Choix du sous ensemble ; latin
étendu B
d)
Double clic sur le caractère Ƴ
Une fois votre texte saisi, sélectionnez-le, puis Édition/AutoTexte, ou utilisez le raccourci clavier CTRL+F3. La même fenêtre que tout à l'heure s'ouvre. Cliquez sur votre catégorie Essais Peul pour la sélectionner.
Entrez le nom de votre insertion automatique (Hooktop Y dans notre exemple). Vous voyez la case raccourci se compléter, vous pouvez bien sûr le modifier si celui-ci ne vous convient pas. Ce raccourci vous servira à appeler l'AutoTexte dans votre document.
Cliquez sur le bouton AutoTexte, puis sur le bouton Nouveau. Une petite croix va s'afficher sous Rapport d'activité et l'AutoTexte 'Hooktop Y' y figurera.
Cliquez sur Fermer pour quitter la boite de dialogue.
Testons maintenant notre nouvelle entrée :
- écrivez le raccourci de votre AutoTexte ('HY' dans notre exemple) et appuyez sur F3, voilà tout votre caractère Ƴ qui s'écrit, c'est magique !
Pour appeler un AutoTexte dont vous connaissez le raccourci, vous venez de le voir, c'est très simple, il suffit d'appuyer sur F3 après avoir inscrit le raccourci.
Pour les version de OO précédant la 2, vous avez également à disposition une
icône 
dans
la barre d'outils à gauche de votre écran. Si vous
utilisez la version 2.0, dans la barre d'outils "Insérer" que
vous rendrez visible par Affichage->Barre d'outils->Insérer, vous avez à disposition une
icône 
.
Si vous
cliquez sur cette icône une fenêtre liste toutes
les
catégories créées. Vous y retrouvez la
votre,
déplacez la souris sur celle-ci, vous n'avez plus
qu'à
cliquer sur l'entrée désirée pour
qu'elle
s'inscrive. Vous remarquerez que le raccourci est rappelé !
Disponible à l'adresse suivante : http://frenchmozilla.sourceforge.net/nvu/
Liens vers de la documentations sur Open Office