Besoin infos HTML pour une base de données professionnelle

Discussions sur les projets et applications développés en liaison avec une suite bureautique libre.

Modérateur : Vilains modOOs

Répondre
NANTES
Fraîchement OOthentifié
Messages : 6
Inscription : 12 oct. 2013 21:23

Besoin infos HTML pour une base de données professionnelle

Message par NANTES »

Bonjour à toutes et à tous

J'ai crée une aide au travail (avec open office writer) qui est accessible sur un réseau interne à mon entreprise.

Comme je ne suis pas un professionnel (loin de là!!!), j'ai tout simplement créer un tableau dans lequel se trouve un ensemble d'hyper liens qui renvoi vers des pages qui sont à 99 % des pages HTML et pour le 1% restant des documents open office directement "enregistrables".

N'ayant que des connaissances limitées je me contente de rédiger sous open office writer puis j'enregistre mon document en format HTML, une fois ceci fait, je le relis au tableau via l'insertion d'un hyperlien.

Si tout fonctionne bien je rencontre pour le moment deux difficultés que je voudrais franchir et qui m'amènent à vous.

Centrer une image

Dans un document, en procédant toujours de la façon décrite ci-dessus, il m'est impossible de centrer une image et plus précisément une carte sur laquelle j'ai réussi à insérer des zones "cliquables".

J'ai essayé divers solutions, (centrage, balise, utiliser comme caractère...) qui ne donne pas les résultat voulu puisque le document writer est parfois correct mais une fois en format HTML la page ouverte affiche une image non centrée.

Cadre et hyperliens

Toujours dans le même ordre d'idée, je souhaite cette fois-ci insérer sur une image (en fait sur une carte) des cadres ou des flèches pour y insérer des hyperliens, mais, je n'arrive pas trouver la solution.

2/ Info bulles

Pour une seconde page qui comporte de nombreuses abréviations, je souhaite insérer des info bulles, qui, au passage de la souris indiqueront la signification de ces sigles. Comme précédemment je travaille avec writer puis enregistrement en HTML, mais, cette fois-ci, je n'arrive même pas à trouver la solution pour les réaliser.

Ouverture des pages dans un nouvel onglet.

Enfin pour terminer, j'aimerais savoir s'il est possible paramétrer les hyperliens afin qu’ils s’ouvrent dans un nouvel onglet. Je ne sais pas s'il faut chercher à le faire au niveau des hyperliens ou s'il faut voir cela par rapport à l'unique navigateur.


Pourriez-vous me venir en aide pour tout cela.

En vous remerciant d'avance.
Dernière modification par NANTES le 15 oct. 2013 21:18, modifié 3 fois.
OpenOffice 3.2.1 sous Windows XP
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
Messages : 16955
Inscription : 03 mars 2006 17:02
Localisation : Venise verte

Re: Création d'une base de données professionnelle

Message par jeanmimi »

Bonjour,
Ce que tu veux faire demande un langage html plus évolué que celui que tu génères avec ton procédé.
J'ai l'impression qu'il va falloir que tu entres dans le code html, ou bien que tu utilises un programme orienté code html.
LibreOffice : Version : 24.2.1 (x64)(14 mars 2024)
Adoptium JRE ou Oracle JRE (x64), Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
yclik
HédOOniste
HédOOniste
Messages : 1658
Inscription : 15 déc. 2010 09:33

Re: Création d'une base de données professionnelle

Message par yclik »

Bonjour
Ci dessous quelques pistes aux questions posées :
Centrer une image
En principe en faisant un ancrage comme caractère et centrer la fin de pargraphe situé juste a à côté de l'image cela fonctionne.
Pour adapter à la taille de la fenêtre du navigateur, Il faut mettre les images en pourcentage dans la taille, pour cela dans le fichier enregistré en html, modifier (avec le bloc note par exemple ) WIDTH exemple :
WIDTH=449 HEIGHT=448 donne WIDTH=20%

Cadre et hyperliens
Voir l'éditeur d'image Map sélectionner l'image>Clik droit >Image map
voir aide Image map

Ouverture des pages dans un nouvel onglet.
Dans la boite de dialogue Insertion Hyperlien Sous paramètres supplémentaires dans cadre Sélectionner " _blank"

Pour les bulles il faudrait insérer un peu de code html avec le bloc note ou notapd++

"<span TITLE="Texte de l'infobulle">Texte affiché sur la page</span>"
OpenOffice 4.1.14 sous Windows 10
NANTES
Fraîchement OOthentifié
Messages : 6
Inscription : 12 oct. 2013 21:23

Re: Création d'une base de données professionnelle

Message par NANTES »

jeanmimi a écrit :Bonjour,
Ce que tu veux faire demande un langage html plus évolué que celui que tu génères avec ton procédé.
J'ai l'impression qu'il va falloir que tu entres dans le code html, ou bien que tu utilises un programme orienté code html.
Merci pour ta réponse, si le ou les codes html ne sont pas trop compliqué, je suis preneur des informations à ce sujet.
OpenOffice 3.2.1 sous Windows XP
NANTES
Fraîchement OOthentifié
Messages : 6
Inscription : 12 oct. 2013 21:23

Re: Création d'une base de données professionnelle

Message par NANTES »

Le modérateur a écrit : :alerte: Évitez de citer l'ensemble du message précédent, cela rend la lecture très difficile.
Merci de ne pas poster plusieurs messages à la suite !
Si vous devez ajouter un complément d'information, le bouton "Editer" à la droite du message permet d'y remédier.
yclik a écrit :Bonjour
Ci dessous quelques pistes aux questions posées :
Centrer une image
En principe en faisant un ancrage comme caractère et centrer la fin de pargraphe situé juste a à côté de l'image cela fonctionne.
Pour adapter à la taille de la fenêtre du navigateur, Il faut mettre les images en pourcentage dans la taille, pour cela dans le fichier enregistré en html, modifier (avec le bloc note par exemple ) WIDTH exemple :
WIDTH=449 HEIGHT=448 donne WIDTH=20%

Cadre et hyperliens
Voir l'éditeur d'image Map sélectionner l'image>Clik droit >Image map
voir aide Image map

Ouverture des pages dans un nouvel onglet.


Dans la boite de dialogue Insertion Hyperlien Sous paramètres supplémentaires dans cadre Sélectionner " _blank"

Pour les bulles il faudrait insérer un peu de code html avec le bloc note ou notapd++

"<span TITLE="Texte de l'infobulle">Texte affiché sur la page</span>"

Bonjour

Désolé pour ma réponse tardive mais je pensais que je serais prévenu pour les réponses...

Donc :

Pour centre l'image, il me semble que j'avais suivi cette piste mais, sans succès, j'avais donc pensé que c’était à cause du format de cette dernière, je vais donc retenter.

Très heureux que tu parles d'adapter l'image ua navigateur et je rajouterais à l’écran, car, j'ai trouvé un très beau fond de carte, mais je n'arrive pas à l'adapter à mon écran de travail. Là encore la marche à suivre m’intéresse, car, j'avoue ne pas comprendre ce que tu m'écris à ce sujet...

Concernant les cadre et hyperliens, là encore au gré de mes recherches et de mes essais je suis certains d'être allé sur l'éditeur d'image map, mais, je n'avais pas réussi à écrire et placer les cadres comme je le souhaitais.

Pour la marche à suivre concernant l'ouverture des pages dans un nouvel onglet, je vais regarder ça et essayer pour voir si j'y arrive. Je suppose que cette manipulation est à effectuer sur chaque page ???

Pour les infobulles, il faut que j'y arrive, car, comme je l’écrivais il y a beaucoup d’abréviations et c'est parfois imbuvable !!!!

Le code html que tu m'indiques est à insérer de quelle façon ???

Merci à vous pour le temps passé à me répondre :D
OpenOffice 3.2.1 sous Windows XP
Avatar de l’utilisateur
yclik
HédOOniste
HédOOniste
Messages : 1658
Inscription : 15 déc. 2010 09:33

Re: Création d'une base de données professionnelle

Message par yclik »

Bonjour
Les propositions de solutions ci dessous sont à réaliser avec un éditeur de texte visualisant le html tel que le blocnote ou Notepad++

1-pour adapter l'image en %
code html enregistré avec writer avec la taille (chemin image est enregistré par writer sous la forme ../..)

Code : Tout sélectionner

<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><IMG SRC=".chemin image.JPG" NAME="images1" ALIGN=BOTTOM WIDTH=277 HEIGHT=277 BORDER=0></P>
code html modifié avec la taille en %

Code : Tout sélectionner

<P ALIGN=CENTER STYLE="margin-bottom: 0cm"><IMG SRC=".chemin image.JPG" NAME="images1" ALIGN=BOTTOM WIDTH=20% BORDER=0></P>
2-pour l'info bulle
texte enregistré avec writer

Code : Tout sélectionner

<P STYLE="margin-bottom: 0cm">AOo</P>
code html modifié

Code : Tout sélectionner

<P STYLE="margin-bottom: 0cm"><span TITLE="Apache Open Office">AOo</span></P>
Attention
les modifications pour les infobulles sont perdues si le document est ouvert avec writer et enregistré en html
Donc à réaliser à la fin

3 ouverture dans un nouvelle page
voir l'option à indiquer dans la boite de dialogue ci dessous

Nota :
Le titre du post ne me paraît pas refléter la problématique, il faudrait un titre indiquant le besoin d'info concernant le html
Pièces jointes
lien_blank.gif
OpenOffice 4.1.14 sous Windows 10
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
Messages : 16955
Inscription : 03 mars 2006 17:02
Localisation : Venise verte

Re: Création d'une base de données professionnelle

Message par jeanmimi »

yclik a écrit :Le titre du post ne me paraît pas refléter la problématique, il faudrait un titre indiquant le besoin d'info concernant le html
Tout à fait d'accord.
jeanmimi a écrit :Ce que tu veux faire demande un langage html plus évolué que celui que tu génères avec ton procédé.
J'ai l'impression qu'il va falloir que tu entres dans le code html, ou bien que tu utilises un programme orienté code html.
LibreOffice : Version : 24.2.1 (x64)(14 mars 2024)
Adoptium JRE ou Oracle JRE (x64), Windows 10, Thunderbird, Firefox
NANTES
Fraîchement OOthentifié
Messages : 6
Inscription : 12 oct. 2013 21:23

Re: Besoin infos HTML pour une base de données professionnel

Message par NANTES »

Bonjour

J'ai donc corrigé le titre.

Merci pour les différents codes que tu m'as envoyé, mais, n'y connaissant rien, pourrais tu m'indiquer comment les insérer dans les pages voulues ???

En fait, j'ai éditer une page, je vois les différents codes mais, je ne vois pas comment insérer ceux que tu m'as donné, et, surtout, je ne vois pas les paramètres qu'il faut changer pour effectuer les adaptation (adaptation de l'image à l’écran ou écrire le texte de l’infobulle, etc...).

Pour la perte des infos bulles, cela donc dire que si je fais des modificatifs en passant par writer en en enregistrant ce travail en html elles seront perdues à chaque fois ?
OpenOffice 3.2.1 sous Windows XP
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
Messages : 16955
Inscription : 03 mars 2006 17:02
Localisation : Venise verte

Re: Besoin infos HTML pour une base de données professionnel

Message par jeanmimi »

Les codes indiqués sont à insérer dans la section body dans la page html, de préférence là où le texte ou l'image doit s'afficher dans le navigateur.
LibreOffice : Version : 24.2.1 (x64)(14 mars 2024)
Adoptium JRE ou Oracle JRE (x64), Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
yclik
HédOOniste
HédOOniste
Messages : 1658
Inscription : 15 déc. 2010 09:33

Re: Besoin infos HTML pour une base de données professionnel

Message par yclik »

Bonjour
Il faudrait joindre un extrait de la page html et une image dans un dossier compressé (zip) sur le forum
Comment joindre un fichier
OpenOffice 4.1.14 sous Windows 10
NANTES
Fraîchement OOthentifié
Messages : 6
Inscription : 12 oct. 2013 21:23

Re: Besoin infos HTML pour une base de données professionnel

Message par NANTES »

Ok

Donc je ne comprends pas ou il faut aller....

Ci-joint une page "essai writer" où la police est en rouge indique l'endroit ou je souhaite insérer une info bulle, ensuite l'image "vue html" correspond à la essai writer éditer avec wordpad.

Ou faut il insérer le code et ou dois je entrer le texte que je veux mettre dans l'info bulle ??
Pièces jointes
vue html.jpg
essai writer.jpg
OpenOffice 3.2.1 sous Windows XP
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
Messages : 16955
Inscription : 03 mars 2006 17:02
Localisation : Venise verte

Re: Besoin infos HTML pour une base de données professionnel

Message par jeanmimi »

Pour l'infobulle, tu as les lignes de code ici : http://yves.marsal.free.fr/myoast23.htm

Code : Tout sélectionner

<span TITLE="Texte de l'infobulle">Texte affiché sur la page</span> 	
et pour l'image, obligatoirement présente sur Internet, tu as eu un peu plus haut les codes à insérer dans ta page :
http://forum.openoffice.org/fr/forum/vi ... 51#p221450
comme

Code : Tout sélectionner

<img src="http://forum.openoffice.org/fr/forum/styles/prosilver/imageset/logo_forum_fr.png" width="685" height="162" />
LibreOffice : Version : 24.2.1 (x64)(14 mars 2024)
Adoptium JRE ou Oracle JRE (x64), Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
yclik
HédOOniste
HédOOniste
Messages : 1658
Inscription : 15 déc. 2010 09:33

Re: Besoin infos HTML pour une base de données professionnel

Message par yclik »

bonjour
En pièce jointe le document compressé (zip) contenant l'exemple de la photo

Pour joindre un document dans un message
une fois sur la question
1- cliquer sur "Répondre"
2- renseigner la boite de dialogue des mots de passe
3- En bas de la fenêtre permettant de répondre sélectionner l'onglet "Transférer une pièce jointe"
4- cliquer sur parcourir
5- sélectionner le document utile dans la fenêtre des fichiers
6- une fois sélectionné cliquer sur "Ajouter le fichier
transfetpj.jpg
Pièces jointes
info bulle.zip
(817 octets) Téléchargé 175 fois
OpenOffice 4.1.14 sous Windows 10
Répondre