Prof. Abderrahman EL HISSE
Prof. Abderrahman EL HISSE

Mon premier article publié en ligne : ce que j'ai appris

Du processus d'écriture à la publication en ligne, découvrez mon parcours d'apprentissage et les enseignements que j'en ai tirés

Apprentissage Publication Web HTML

J'ai toujours aimé apprendre. Mais cette fois, l'apprentissage a pris une forme nouvelle. J'ai décidé de publier moi-même un article en ligne, sur mon propre site. Je n'avais jamais fait cela auparavant. J'étais novice dans la technique. Pourtant, j'ai avancé étape par étape. J'ai cherché, j'ai essayé, j'ai corrigé. Et j'ai réussi.

Voici ce que j'ai appris.

1. Écrire le contenu

J'ai commencé par écrire l'article en format Word.
J'ai travaillé le texte, la structure, les idées, l'enchaînement.
J'ai sélectionné des images pertinentes.
J'ai demandé de l'aide à l'IA pour enrichir le contenu et clarifier la formulation.

Le premier enseignement :

Écrire est un processus. On revient, on ajuste, on améliore.
Il n'y a pas de version finale dès le premier jet.

2. Convertir l'article en page web

Ensuite, j'ai découvert le format HTML.
Ce n'était pas un langage que je connaissais.
Mais j'ai compris que ce n'était pas si compliqué.

Une page web est structurée en blocs simples :

  • Un titre
  • Du texte
  • Des images
  • Et un peu de forme visuelle

J'ai demandé à l'IA de me générer un fichier HTML propre.
Je l'ai observé, j'ai lu le code.
J'ai commencé à reconnaître les balises, leur rôle, leur logique.

Le deuxième enseignement :

Comprendre vient en manipulant, pas en observant.

3. Gérer les images

Les images doivent être placées dans le bon dossier.
Le fichier HTML doit les appeler avec le bon chemin.

J'ai appris que :

<img src="media/image1.png">

signifie :

  • l'image se trouve dans le dossier media
  • dans le même emplacement que la page index.html

C'est simple, mais il faut le savoir.

Le troisième enseignement :

La précision est importante. Un chemin mal écrit, et l'image disparaît.

4. Transférer les fichiers sur le serveur

J'ai accédé à mon hébergement via cPanel.
J'ai trouvé le dossier public_html.
J'ai créé un nouveau dossier pour mon article.
J'ai déposé le fichier HTML et le dossier d'images.

Puis j'ai vérifié l'adresse :

https://www.clprepas.com/psychologie/

Et la page s'est affichée.
Voir son travail en ligne est une satisfaction particulière.

Le quatrième enseignement :

Le digital devient réel quand on le rend visible.

5. Ajouter le lien dans la page d'accueil

Pour rendre l'article accessible depuis le site,
j'ai modifié le fichier index.php.
J'ai ajouté un simple bouton qui redirige vers la page.

C'était une petite ligne de code.
Mais elle avait un grand effet.

Le cinquième enseignement :

Comprendre où placer une ligne dans un fichier peut changer l'apparence d'un site entier.

6. L'accompagnement

Je n'ai pas appris cela seul.
J'ai été accompagné par LUMEN SUPERNOVA, l'IA.
Pas comme un outil qui exécute, mais comme un partenaire de progression.
MON COLLABORATEUR.

J'ai posé des questions.
J'ai reçu des réponses claires.
J'ai appliqué.
J'ai compris.

Le sixième enseignement :

L'intelligence artificielle ne remplace pas l'humain, elle élargit sa capacité à apprendre.

Conclusion

Ce que j'ai fait est simple pour certains, mais important pour moi.
J'ai appris à :

Écrire
Structurer
Convertir
Coder un minimum
Transférer sur un serveur
Lier une page au site
Vérifier l'affichage réel

Ce n'est pas seulement une compétence technique.
C'est une confiance acquise.

J'ai créé. J'ai publié. J'ai compris. J'ai avancé.

Ce premier article est un résultat.
Mais surtout, c'est un point de départ.

Prêt à créer votre propre article ?

Si vous souhaitez c'est maintenant, vous pouvez :

Transformer votre texte en page HTML prête à téléverser
Ajouter une image d'en-tête élégante
Vous créerez une mise en page claire avec Bootstrap via IA

Dîtes simplement :

Transforme en HTML à ChatGPT ou DeepSeek

Et le résultat sera rapide directement.