PowerPoint en HTML

PowerPoint en HTML - HTML/CSS - Programmation

Marsh Posté le 29-04-2018 à 05:32:52    

Bonjour,
 
J'ai créé un Power Point (version 2016) avec des images, du texte, et des liens hypertexte dedans pour un travail d'informatique, et voici ce que l'on me demande désormais :
 
"On souhaite enfin que ce document soit également publié sur le web. Créer un dossier contenant un fichier index.html et les autres images et fichiers HTML associés, que l’on pourra consulter à l’aide d’un navigateur web.  
 
Déposer les fichiers dans votre espace personnel, dans un dossier contenu dans votre dossier public_html. Indiquer l’adresse URL à laquelle il sera possible de consulter votre réalisation."
 
Le problème, c'est que je ne comprends pas du tout ce que je dois faire avec mon fichier Power Point...
 
Quelqu'un pourrait-il m'expliquer comment transformer le Power Point en HTML avec les phrases de la consigne ci-dessus ?
 
Merci beaucoup d'avance.
 
Bonne journée.

Reply

Marsh Posté le 29-04-2018 à 05:32:52   

Reply

Marsh Posté le 29-04-2018 à 10:24:27    

Bonjour,
 
La réponse logique à votre question est : en réécrivant votre PowerPoint en HTML.
Mais nous ne savons pas quel est votre niveau de connaissance et quel est le niveau de connaissance que vous êtes censés avoir après avoir suivi vos cours. Pourquoi ne pas poser votre question à votre prof ????


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 29-04-2018 à 10:56:43    

Bonjour,
 
Merci pour votre réponse.
 
Hélas, aucune possibilité d'en parler au professeur, et nous n'avons eu aucun cours là-dessus.
 
C'est à nous de nous débrouiller seuls, effectivement il faudrait je pense réécrire le PowerPoint en HTML, mais comment faire ?
 
Merci beaucoup pour votre aide, j'en ai vraiment besoin...

Message cité 1 fois
Reply

Marsh Posté le 29-04-2018 à 12:21:46    

Si vous n'avez pas suivi pas de cours de HTML vous ne pouvez pas le faire. C'est comme demander de traduire un document d'une langue à une autre quand il n'existe pas de traducteur automatique.

 

Donc soit vous cherchez un cours d'HTML sur Internet (je vous rassure l'internet en regorge, essayez juste d'en prendre un récent) soit vous voyez ça avec votre prof.

 

Sur les PowerPoint d'avant 2013 vous pouviez éventuellement essayer d'enregistrer sous un format html votre présentation, cette option semble avoir été supprimée sur les versions plus récentes. Il faut dire que cette manipulation ne devait pas être recommandée car il n'existe pas de bon traducteur HTML. Les résultats obtenus sont donc toujours au mieux approximatifs, au pire illisibles.

 

Bref pas de solution miracle, je préfère préciser qu'ici nous ne faisons pas le travail à la place des autres donc nous ne traduirons pas à votre place.

Message cité 1 fois
Message édité par MaybeEijOrNot le 29-04-2018 à 12:22:25

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 29-04-2018 à 15:34:58    

D'accord...
 
Et comment transformer un png en HTML ?
 
Une suite de png converties en HTML pourrait transformer le diaporama en HTML, non ?
 
Merci encore pour l'aide.

Reply

Marsh Posté le 29-04-2018 à 16:35:34    

Cela ne veut rien dire transformer/convertir une image en HTML.
 
https://fr.wikipedia.org/wiki/Hypertext_Markup_Language
 
Il est en effet possible d'inclure une image png (via la balise img) dans un document HTML et aussi possible de faire en sorte qu'un clic affiche l'image suivante (via la balise a et le système d'ancre) ou un autre document HTML contenant l'image suivante (via la balise a).


Message édité par MaybeEijOrNot le 29-04-2018 à 16:41:07

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 30-04-2018 à 07:26:53    

lab20 a écrit :

Bonjour,
 
Merci pour votre réponse.
 
Hélas, aucune possibilité d'en parler au professeur, et nous n'avons eu aucun cours là-dessus.
 
C'est à nous de nous débrouiller seuls, effectivement il faudrait je pense réécrire le PowerPoint en HTML, mais comment faire ?
 
Merci beaucoup pour votre aide, j'en ai vraiment besoin...


 
Je ne connais pas PowerPoint, parce qu'il "refuse" de fonctionner sur mon ordinateur. Mais dans LibreOffrice Impress (un logiciel équivalent à PowerPoint, libre et gratuit), il y a une possibilité d'exporter en HTML. Je suppose que c'est ce que votre professeur veut que vous fassiez. Bon ça risque de donner un truc assez crade, mais en quelques clics c'est fait. Parce qu'écrire du code HTML comme ça, à blanc, c'est quand même chaud.

Reply

Marsh Posté le 30-04-2018 à 11:44:31    

MaybeEijOrNot a écrit :

Sur les PowerPoint d'avant 2013 vous pouviez éventuellement essayer d'enregistrer sous un format html votre présentation, cette option semble avoir été supprimée sur les versions plus récentes. Il faut dire que cette manipulation ne devait pas être recommandée car il n'existe pas de bon traducteur HTML. Les résultats obtenus sont donc toujours au mieux approximatifs, au pire illisibles.



---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 30-04-2018 à 14:49:21    

Merci pour vos réponses.
 
Comment faire en sorte qu'au clic cela affiche une autre image ?
 
Cela m'intéresserait beaucoup d'utiliser cette fonctionnalité.
 
Merci.

Reply

Marsh Posté le 30-04-2018 à 15:41:42    

Sont bizarre vos profs à vous donnez des trucs en html sans cours dessus ..
 
Moi j'ai compris l'énoncé dans le sens : refaire le powerpoint en html, et les liens cliquable deviennent donc des <a>
 
Mais si tu connais pas cette balise, c'est que tu a pas les bases, et sans bases, on fait rien  :pt1cable:  


Message édité par HaiDZ le 30-04-2018 à 15:42:54
Reply

Marsh Posté le 30-04-2018 à 15:41:42   

Reply

Marsh Posté le 30-04-2018 à 15:43:10    

C'est le principe d'un lien, soit ça mène vers un nouveau document soit ça mène vers une ancre.
Un lien peut être créé avec la balise "a" et une ancre grâce l'attribut "id" d'une balise.
 
Exemple :
 

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <title>titre de la page</title>
  6.    <style type="text/css">
  7.       img {
  8.          border-style: none;
  9.       }
  10.    </style>
  11.    <script type="text/javascript">
  12.    </script>
  13. </head>
  14. <body>
  15.    <a href="lien_document_image_suivante.html"><img src="lien_image_courante.png"></a>
  16. </body>
  17. </html>


 
ou :

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <title>titre de la page</title>
  6.    <style type="text/css">
  7.       img {
  8.          border-style: none;
  9.       }
  10.    </style>
  11.    <script type="text/javascript">
  12.    </script>
  13. </head>
  14. <body>
  15.    <div><a href="#img2"><img src="lien_image1.png" id="img1"></a></div>
  16.    <div><a href="#img3"><img src="lien_image2.png" id="img2"></a></div>
  17.    <div><a href="#img4"><img src="lien_image3.png" id="img3"></a></div>
  18.    <div><a href="#img5"><img src="lien_image4.png" id="img4"></a></div>
  19.    <div><a href="#img1"><img src="lien_image5.png" id="img4"></a></div>
  20. </body>
  21. </html>


 
Il existe évidemment d'autres moyens, plus ou moins complexes.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed