Sous texte invisible / visible (traitement de texte)? (résolu)

werenfeld
5 contributions
Membre depuis le 15/04/2019
Envoyé le 16/04/2019 à 11:42


Bonjour, je voudrais savoir si il existe un logiciel de traitement de texte qui permet d'avoir un sous texte invisible / visible. En gros je voudrais avoir un texte "interactif", du genre: je note le nom d'un personnage historique, et je clique dessus comme un onglet où s'affichera un texte que j'aurais préparé à l'avance avec sa date de naissance etc... Désolé j'ai du mal a m'exprimer parce que je ne connais pas trop la terminologie adéquate à mon problème..



Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 17/04/2019 à 12:38 Modifié par Bipbipcoyote


Bonjour,
Voici 2 méthodes sous MS Word
une décrite sur la page, la seconde est sur la page en forme de lien
Maintenant si tu utilises un autre traitement de texte il faut nous donner son nom
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
werenfeld
5 contributions
Membre depuis le 15/04/2019
Envoyé le 17/04/2019 à 14:01


Bonjour,
Je suis sur Open Office, est-il possible d'avoir aussi quelque chose qui permet d'avoir un "inter-texte" de plus grande envergure ? Personnellement ça serait pour les cours; je voudrais faire des résumés de chapitres qui qu'en je clique dessus le cours de ce dernier s'affiche en entier. Pas forcément sous forme de bulle, un truc qui se rajoute ou viennent se substituer au résumé et qui si je click dessus disparait / apparait.

Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 17/04/2019 à 19:13 Modifié par Bipbipcoyote


Bonjour,
[:D] je souris, tu n'as jamais entendu parlé d'internet et du langage HTML ?
Alors, avec un peu d'apprentissage sur le site html.com ou sur le site de Openclassroom qui est un peu plus élaboré...

Tu peux soit créer un véritable site sur un hébergement gratuit

soit faire une copie locale de tes pages html. lorsque tu cliqueras dessus, ton navigateur s'ouvrira... Tu peux réaliser cela sans avoir de CSS élaboré, en connaissant quelques balises ce que tu veux faire est largement suffisant
lesquelles ?
pour les titres <h1>....<h5>
les paragraphes <p>
les passages à la ligne <br>
les liens vers d'autres pages (et c'est surtout cela que tu recherches) <a href="...">
si tu veux une image <img src="...">
mais bon, il faut quand même faire un peu d'efforts pour lire la documentation et surtout ne pas se dire à l'avance que c'est difficile

Avec ces simples balises et en utilisant le bloc note ou un notepad++ un bloc note plus évolué

Si tu dois distribuer ta version locale tu enfermes le tout dans un fichier zip... ainsi tes utilisateurs n'ont plus qu'à extraire son contenu et le lire via leur navigateur

Maintenant si tu ne veux rien apprendre de tout cela, tu peux créer un site Wix. Wix s'occupe du design et toi, tu n'as plus qu'à copier-coller ce que tu as déjà réalisé dans les pages et simplement taper le texte dans l'interface Wix.... voici quelques modèles disponibles que l'on peut personnaliser à sa guise
Voici une démo que je trouve pas mal

https://www.wix.com/website-template/view/html/1835?siteId=4383cd57-f262-46fe-be6a-22c79413e7c1&metaSiteId=d8fff9a1-e898-4cd5-ad0d-2c02274a9f04&originUrl=https%3A%2F%2Ffr.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fcommunity-education%2Feducation

les commandes sont en anglais mais une fois que tu crées le site, ce sera à toi de le franciser. Assez de blabla, voici une vidéo youtube pour t'expliquer le concept de Wix tape wix dans la barre de recherche de YouTube, il y a plein de tutos qui en explique le fonctionnement.

Perso, je te conseille plutôt d'apprendre le langage HTML car on domine mieux ainsi les choses et on sait que l'on fait. La solution Wix... mouais, c'est pas mal mais on peut rester un ignare dans le domaine HTML et internet puisque l'on apprend pas grand chose et si on tente de mettre la main dans le cambouis on voit que cette interface génère un code très difficile à décortiquer mais bon, c'est une solution pour les gens qui ne veulent que se concentrer sur le contenu et non sur la mécanique que la fait fonctionner. En gros cela s'utilise comme un traitement de texte en ligne

Je peux te conseiller ou te guider si tu veux
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
werenfeld
5 contributions
Membre depuis le 15/04/2019
Envoyé le 17/04/2019 à 21:44


Bonjour,
Donc ma problématique se résout sur internet ? J'ai du mal a comprendre en quoi créer un site internet est lié à mes problèmes de traitement de texte.. Je crois que je comprend pas trop. Ce que je veux c'est avoir l'outil de la bulle cité plus haut et aussi avoir un texte plus "intéractif" comme dis plus haut je souhaite faire des résumé de cours où si je clique sur certain chapitre/mot un autre texte que j'aurais préalablement écrit s'affichera en plus pour approfondir le sujet. (Désolé de me répéter mais je suis pas sur de bien m'exprimer et aussi je saisis pas en quoi créer un site internet)


Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 18/04/2019 à 02:28 Modifié par Bipbipcoyote


Bonjour,
tu ne vois pas que le html veut dire hyper text markup language (et moi ce dernier mot, je le remplacerais par link) c'est à dire un texte dans lequel certains mots sont "marqués" en tant que liens qui conduisent vers d'autres textes...

J'ai dit que tu n'es pas obligé de faire un site internet, tu peux créer des pages html sur ton ordinateur et les lancer depuis le dossier où tu les auras sauvegardées... Comme lorsque tu cliques sur un fichier .doc, ton traitement de texte s'ouvre et bien ici en cliquant sur un fichier portant l'extension htm ou html, ton navigateur ouvre ce fichier.... et dans ce fichier, tu crées des liens vers d'autres fichiers et ainsi tu "surferas" de page en page mais localement (= sur ton ordinateur). On peut aussi créer des liens qui restent dans la même page, c'est ce que l'on appelle une ancre

C'est la même technique que si tu utilises ton traitement de texte,c'est une autre façon de créer un fichier texte...

Le gros avantage du site internet c'est qu'il suffit de donner l'url pour que d'autres personnes le consultent (par exemple, un professeur vers ses élèves - partage des connaissances) Mais je fais peut être fausse route en pensant que tu es enseignant et que la matière que tu veux traiter est plus personnelle... (tu parles pourtant de cours)

cette technique te fait peur, ça sort de tes habitudes , alors c'est la panique..

Enfin, bref, j'ai recherché pour toi sur le moteur de recherche des liens qui vont te rediriger vers OpenOffice

Voici un lien qui t'explique la même chose mais avec OpenOffice Utilisation des hyperliens avec OpenOffice vers d'autres documents

hyperlien au sein d'un même document

idem en vidéo

Note bien, que tu as intérêt à regrouper tous tes fichiers liés dans un même dossier et de créer des liens relatifs, c'est à dire qui n'indiquent pas la lettre du disque dur, je te dis cela au cas où tu partages l'information avec d'autres personnes, car si tu crées un lien commençant par C: et que ces autres personnes déploient tes fichiers sur leur D: Bernique, tes liens ne fonctionneront pas.

Je t'ai envoyé un message personnel sur le site de mémoclic, regarde en haut à droite de cette page à côté de ton login
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 18/04/2019 à 03:10 Modifié par Bipbipcoyote


Bonjour,
j'ai trouvé autre chose le navigateur dans OpenOffice consulte notamment les "repères de texte" et les "fenêtres multiples"
apparemment les infobulles, ça n'existe pas sous ce logiciel
mais je découvre que OO est tout de même complexe à utiliser surtout pour un néophyte alors comparer à la facilité d'une page html, il n'y a pas photo
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 18/04/2019 à 03:50 Modifié par Bipbipcoyote


Bonjour,
Allez parce que j'ai le temps, on va faire un petit exemple très simple... on va faire 3 pages html. Elles ne respecteront pas le standard mais ce sera fonctionnel

tu ouvres notepad (ton bloc notes, c'est indispensable parce que les traitements de texte comme Word, OpenOffice etc, ajoutent des trucs dans les fichiers que l'on sauve et que nous ne voyons pas

là tu écris ceci

Ceci est la première page, on peut y ajouter n'importe quoi. Allons sur <a href="page_deux.html">la deuxième page</a>

et tu sauves ce fichier sous le nom de page_une.html que tu places dans un dossier de ton choix... notepad risque de le sauver en tant que page_une.html.txt il faudra donc éditer son nom dans l'explorateur de fichier et le renommer correctement (enlever le .txt en trop)

Ensuite tu fais un nouveau fichier et tu écris

Ah ! vous venez de la première page, vous pouvez retourner vers la page 1 en cliquant <a href="page_une.html">sur ce lien</a>

tu sauves ce fichier sous le nom de page_deux.html dans le même dossier (même remarque pour le nom du fichier)
Ensuite, tu vas dans le dossier où tu as sauvé tes fichiers, tu vérifies que les extensions sont bien html et tu cliques pour ouvrir la page_une.html... Normalement ton navigateur va s'ouvrir et afficher le texte saisi, le lien sera en bleu, si tu cliques dessus tu ouvriras la page_deux... Depuis la page_deux si tu cliques sur le lien, tu reviendras sur la page_une.....

Voilà tu viens de créer 2 fichiers qui sont interactifs... tu peux aller de l'un à l'autre..

Tu as un fichier odt , ok ouvre le, sélectionne tout ton texte, fais un copier-coller vers notepad mais tu ajoutes au tout début du texte
<pre>

et tout à la fin

</pre>

et tu sauves ce nouveau fichier sous le nom de page_trois.html. Ensuite, tu ouvres page_une.html mais avec notepad cette fois et tu ajoutes (en dessous de ce qu'on l'a déjà mis)

<p>
Aller vers <a href="page_trois.html" title="Page 3">la nouvelle page</a>
</p>

Ensuite,quand le fichier est sauvegardé, tu repasses sous ton navigateur et comme la page_une.html est encore ouverte avec l'ancienne version tu fais F5 pour la rafraîchir et tu peux alors ouvrir la page_trois avec le nouveau lien qui vient d'apparaître sur la page_une.... et tu as vu... wouaw une infobulle sur ce lien !

bien sûr le texte sera brut, pas très beau... mais il y a un tas de commande toutes simples pour l'embellir mais là je te renvoie vers le cours... on ne va pas réinventer le fil à couper le beurre... Avoue que c'est quand même plus simple que OO
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
werenfeld
5 contributions
Membre depuis le 15/04/2019
Envoyé le 18/04/2019 à 14:31


Bonjour,
J'ai fait ce que vous m'avez dit mais j'ai pas d'infobulle avec le texte, ça me fait aller sur une nouvelle page avec le texte. Mais avec html j'aurais toujours besoin d'internet non ? Aussi je voudrais savoir si on peu avoir comme sur youtube le "afficher les réponses" des commentaires, en gros un texte a dérouler pour avoir le fameux "visible / invisble" que je demande depuis le début


Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 18/04/2019 à 18:18 Modifié par Bipbipcoyote


Bonjour,
Pour voir l'infobulle, il faut placer la souris au dessus du lien, c'est l'instruction title="...." qui crée l'infobulle, suivant la force de ton pc elle s'affiche plus ou moins vite mais ci-dessous une infobulle plus évoluée

il faut lire attentivement, voire relire, mes réponses. J'ai dit que pour des pages html, on N'est PAS obligé d'être sur internet. La preuve, tu en as fait fonctionner sur ton ordi

Voici le code d'une page, fais un copier-coller et donne lui un nom avec l'extension html. Ici la page est structurée correctement et elle fait appel à un autre concept : les CSS mais en éditant le code dans notepad++ qui est un bloc-notes plus évolué (il colore les instructions html et les rend ainsi plus compréhensibles), tu comprendras vite qu'il faut étudier ces notions et en comprendre les tenants et aboutissants... Il faut d'abord savoir marcher avant de savoir courir

<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>pseudo class :target et infobulle</title>
<style type="text/css">
contenu { border-bottom: 1px solid black;}
contenu p {text-align: left;}
.infobulle a{
color:#ccc;
text-shadow:0 -1px 0 black;
}
.infobulle a:hover,a:focus{
background:rgba(0,0,0,.4);
box-shadow:0 1px 0 rgba(255,255,255,.4);
}
.infobulle a span{
position:absolute;
margin-top:23px;
margin-left:-35px;
color:#09c;
background:rgba(0,0,0,.9);
padding:15px;
border-radius:3px;
box-shadow:0 0 2px rgba(0,0,0,.5);
transform:scale(0) rotate(-12deg);
transition:all .25s;
opacity:0;
}
.infobulle a:hover span, a:focus span{
transform:scale(1) rotate(0);
opacity:1;
}
#josephine , #napoleon {
height: 0;
overflow: hidden;
transition: height 1.5s;
}
#napoleon:target {
height: 100px;
}
#josephine:target {
height: 100px;
}
</style>
</head>
<body>
<h3>L'empire français</h3>
<p><a href="#napoleon">Napoléon</a> était un grand homme et <a href="#josephine">Joséphine</a> était son épouse

<div id="napoleon">
<a href="#">fermer cette zone</a></p>
Napoléon Ier, né le 15 août 1769 à Ajaccio et mort le 5 mai 1821 sur l'île Sainte-Hélène, est le premier empereur des Français, du 18 mai 1804 au 6 avril 1814 et du 20 mars 1815 au 22 juin 1815.
</div>

<div id="josephine">
<a href="#">fermer cette zone</a></p>
Marie Josèphe Rose Tascher de La Pagerie, dite Joséphine de Beauharnais, née le 23 juin 1763 aux Trois-Îlets en Martinique et morte le 29 mai 1814 au château de Malmaison à Rueil-Malmaison, est la première épouse de l’empereur Napoléon Ier de 1796 à 1809. À ce titre, elle est impératrice des Français de 1804 à 1809 et reine d'Italie de 1805 à 1809.
</div>
<div class="infobulle">
<p>Suite de la page.... On fait ce que l'on peut mais <a href="#">Survolez moi ! <span>Je suis une infobulle...</span> </a>. C'est joli, non ? <a href="#">Une autre ! <span>Et Hop une autre infobulle...</span>
</div>
</body>
</html>
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions
werenfeld
5 contributions
Membre depuis le 15/04/2019
Envoyé le 18/04/2019 à 20:46


Bonjour,
Oui désolé pour la question du besoin d'internet, j'ai lu le message dont j'ai reçu la notification par e-mail et j'avais pas vue que il y en avait deux au dessus..
Merci beaucoup ! C'est exactement ce que je cherchais ! J'aimerais bien me pencher plus sur le langage HTML du coup, ça a l'air vraiment intéressant. J'ai vue que OpenClassroom à l'air bien. Il y a une partie qui a l'air gratuite et une autre payante par contre, après j'ai l'impression que le côté payant c'est pour les exercices de ceux qui font une formation, les cours / leçons en eux même ont l'air gratuit / en accès libre

Bipbipcoyote Bipbipcoyote
3 003 contributions
Membre depuis le 06/03/2001
Envoyé le 19/04/2019 à 00:48


Bonjour,
oui les cours sur openclassroom sont généralement gratuits et ils sont complets pour la plupart. De toute façon, dès que tu arrives dans une section payante, c'est signalé... le site lehtlm.com est très bien aussi
Un site à avoir dans les favoris est alsacréations notamment pour les tutoriels

Si tu te lançais dans internet (même si aujourd'hui tu es réticent) tu entendras parler de la notion "responsive" c'est à dire des pages html qui peuvent être lues sur différents supports comme les tablettes et smartphones et pas uniquement sur ordinateur. Tu remarqueras tout de suite que la taille des écrans va poser des soucis si l'on ne prend pas des mesures pour que cela s'adapte suivant l'écran utilisé
Voici un lien vers un cours de 10 leçons sur Bootstrap en vidéo sur YouTube

Bref, tu as du pain sur la planche mais c'est très passionnant dès que l'on commence à en maîtriser les premières commandes et que l'on parvient à créer des choses intéressantes et on apprend de nouvelles choses chaque jour... D'ailleurs, c'est grâce à ta question que j'ai redécouvert les fonctions que tu demandais

Bon courage !
Visitez mon Site Google est mon ami, il répond mieux que moi, posez lui d'abord vos questions

Discussion trop ancienne

Cette discussion a été automatiquement fermée car elle n'a plus reçue de nouveau message depuis trop longtemps.

Nous vous suggérons de créer un nouveau message

« Retour sur la liste des messages de ce forum