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

Besoin infos HTML pour une base de données professionnelle

Messagepar NANTES » 12 Oct 2013 20:55

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 édition par NANTES le 15 Oct 2013 20:18, édité 3 fois.
OpenOffice 3.2.1 sous Windows XP
NANTES
Fraîchement OOthentifié
 
Message(s) : 6
Inscrit le : 12 Oct 2013 20:23

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

Messagepar jeanmimi » 12 Oct 2013 21:48

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 : Version: 6.3.0 (x64) (10 août 2019)
Java (x64) 1.8.0_xxx, Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
 
Message(s) : 14918
Inscrit le : 03 Mars 2006 17:02
Localisation : Venise verte

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

Messagepar yclik » 14 Oct 2013 07:57

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.3 sous Windows 10
Avatar de l’utilisateur
yclik
SuppOOrter
SuppOOrter
 
Message(s) : 1131
Inscrit le : 15 Déc 2010 09:33

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

Messagepar NANTES » 14 Oct 2013 18:09

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é
 
Message(s) : 6
Inscrit le : 12 Oct 2013 20:23

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

Messagepar NANTES » 14 Oct 2013 18:20

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
NANTES
Fraîchement OOthentifié
 
Message(s) : 6
Inscrit le : 12 Oct 2013 20:23

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

Messagepar yclik » 15 Oct 2013 08:10

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   AgrandirRéduire
<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   AgrandirRéduire
<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   AgrandirRéduire
<P STYLE="margin-bottom: 0cm">AOo</P>

code html modifié
Code : Tout sélectionner   AgrandirRéduire
<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.3 sous Windows 10
Avatar de l’utilisateur
yclik
SuppOOrter
SuppOOrter
 
Message(s) : 1131
Inscrit le : 15 Déc 2010 09:33

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

Messagepar jeanmimi » 15 Oct 2013 08:35

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 : Version: 6.3.0 (x64) (10 août 2019)
Java (x64) 1.8.0_xxx, Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
 
Message(s) : 14918
Inscrit le : 03 Mars 2006 17:02
Localisation : Venise verte

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

Messagepar NANTES » 15 Oct 2013 20:21

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
NANTES
Fraîchement OOthentifié
 
Message(s) : 6
Inscrit le : 12 Oct 2013 20:23

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

Messagepar jeanmimi » 15 Oct 2013 20:59

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 : Version: 6.3.0 (x64) (10 août 2019)
Java (x64) 1.8.0_xxx, Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
 
Message(s) : 14918
Inscrit le : 03 Mars 2006 17:02
Localisation : Venise verte

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

Messagepar yclik » 16 Oct 2013 07:41

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.3 sous Windows 10
Avatar de l’utilisateur
yclik
SuppOOrter
SuppOOrter
 
Message(s) : 1131
Inscrit le : 15 Déc 2010 09:33

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

Messagepar NANTES » 16 Oct 2013 20:31

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
NANTES
Fraîchement OOthentifié
 
Message(s) : 6
Inscrit le : 12 Oct 2013 20:23

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

Messagepar jeanmimi » 17 Oct 2013 09:13

Pour l'infobulle, tu as les lignes de code ici : http://yves.marsal.free.fr/myoast23.htm
Code : Tout sélectionner   AgrandirRéduire
<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 :
viewtopic.php?f=26&t=40406&p=221651#p221450
comme
Code : Tout sélectionner   AgrandirRéduire
<img src="http://forum.openoffice.org/fr/forum/styles/prosilver/imageset/logo_forum_fr.png" width="685" height="162" />
LibreOffice Version : Version: 6.3.0 (x64) (10 août 2019)
Java (x64) 1.8.0_xxx, Windows 10, Thunderbird, Firefox
Avatar de l’utilisateur
jeanmimi
Grand Maître de l'OOffice
Grand Maître de l'OOffice
 
Message(s) : 14918
Inscrit le : 03 Mars 2006 17:02
Localisation : Venise verte

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

Messagepar yclik » 17 Oct 2013 11:21

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 octet(s)) Téléchargé 66 fois
OpenOffice 4.1.3 sous Windows 10
Avatar de l’utilisateur
yclik
SuppOOrter
SuppOOrter
 
Message(s) : 1131
Inscrit le : 15 Déc 2010 09:33


Retour vers Projets

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 3 invité(s)