Créer un site internet en langage HTML et CSS

Dans le cadre du cours « outils » de Mr Fondrat, il nous a été demandé de créer un site internet avec le logiciel Kompozer. Cet outil est un éditeur HTML WYSIWYG (what you see is what you get), c’est-à-dire un logiciel permettant de créer des pages web en voyant le résultat final. J’ai décidé d’exploiter ce travail dans le cadre du futur lancement d’e-formations par des établissements de formation de la région Rhône-Alpes et de créer ainsi le site internet qui leur sera dédié.

Cette première expérience de création de site web a été pour moi très enrichissante.
Après avoir travaillé les cours du module et fait beaucoup de recherches sur le Web, j’ai commencé par la rédaction d’une note d’intention, afin d’expliquer le contexte, la problématique et la manière dont j’envisageais la création du site. J’ai aussi tenté de m’approprier le logiciel Kompozer en m’entraînant à créer des pages Web avec comme point d’appui les travaux demandés dans les autres modules du Master.
Je me suis ensuite attelée à travailler sur la charte graphique et les textes.

Je me suis ensuite lancée dans « le vif du sujet » avec Kompozer en créant les différentes pages du site et en y intégrant mes textes. Je travaille aussi sur des feuilles de style CSS (Cascading Style Sheets) qui permettent de déclarer la mise en forme de l’ensemble des pages du site.
Ces feuilles de style sont externes et liées au contenu dans le code html grâce à un link placé dans l’en-tête des pages. Le contenu et la forme sont donc crées indépendamment.

Cette expérience a été passionnante. Il était pour moi essentiel de comprendre ce que je faisais et la recherche bibliographique a donc été nécessaire, ainsi que l’étude d’autres sites internet en terme de contenus, d’ergonomie, de design et de techniques. Lorsque l’on débute, le temps passé à la veille et aux « tâtonnements » avec le logiciel Kompozer est important. Ce travail est à mener régulièrement, tout en travaillant l’ensemble des autres modules de la formation : apprendre en faisant est efficace mais il faut impérativement y consacrer beaucoup de temps.

En effet, l’expérimentation du code html peut être très long pour un néophyte. J’ai toutefois appris énormément au fur et à mesure de l’avancement du travail, ce qui m’aidera notamment pour la gestion des blogs du Master.
J’aurais souhaité disposer d’encore plus de temps pour pouvoir améliorer l’esthétique du site et ses fonctionnalités.

En effet, une fonction que j’aurais souhaitée n’a pas pu être ajoutée au site par manque de connaissance. J’avais en effet annoncé dans ma note d’intention que j’intégrerai un moteur de recherche à ce site. J’ai trouvé le code et la technique sur Internet que j’aurais donc pu inclure au site,
mais ne le comprenant pas suffisamment, j’ai fait le choix de le laisser de côté. Je l’intégrerai toutefois par la suite, tout comme les boutons de partage des réseaux sociaux.
J’ai pu intégrer deux formulaires de contact dans le site. Il s’est pourtant avéré que leur utilisation par l’internaute nécessite d’utiliser Outlook, ce que j’ai trouvé peu pratique.
J’ai trouvé sur le Web comment permettre l’envoi direct des formulaires sans Outlook en utilisant un script php qui recevra le formulaire et qui enverra ensuite son contenu par mail à l’adresse que j’aurai défini. J’utiliserai cette technique pour simplifier ainsi l’envoi de message par l’utilisateur n’utilisant pas Outlook par la suite.

La réalisation du menu m’a demandé beaucoup de temps, surtout pour comprendre la manière dont il devait être codé. De nombreuses tentatives ont échoué avant d’arriver au résultat final.

Enfin, j’ai rencontré des difficultés en testant mes pages sur différents navigateurs. Internet Explorer en particulier ne reconnait pas certaines propriétés reconnues par les autres, et il faut alors en créer spécialement lui.

Ce travail m’a permis d’apprendre énormément sur le langage HTML et la création de feuille de style CSS. De plus, j’ai eu l’opportunité de réaliser le site du Pôle E-Learning dans le cadre du Master mais aussi de le mettre à profit de ma pratique professionnelle.

Inscrire son projet d’e-formation dans un ensemble cohérent

Le devoir demandé par Madame Mulhstein-Joliette dans le cours D9CM1 « Politique de l’e formation » m’a permis de faire le point sur le contexte de l’e-formation au sein du réseau dans lequel je travaille, et de mettre en évidence les enjeux politiques, organisationnels et pédagogiques liés à la Foad au sein du Cneap.
Cette synthèse n’a pas été facile à réaliser car peu d’informations sont disponibles sur ce point au sein de l’enseignement agricole privé. Mes recherches ont donc été longues car il fallait trouver et prendre en compte des initiatives en e-formation propres à certains établissements du réseau, sans qu’une centralisation des initiatives n’existe réellement.
Cela m’a donc permis de me questionner sur le développement du e-learning de manière plus organisée au sein de ce réseau, ce qui m’a particulièrement intéressée, mais aussi d’inscrire cette réflexion dans un contexte plus large, national et européen.

Par ailleurs, afin d’optimiser le temps passé sur ce travail, je l’ai aussi réalisé sous forme de page Web afin de travailler le cours D9CW1 « Outils« . Dans ce cadre, nous devons construire un site internet, tâche que je n’ai jamais eu l’occasion de réaliser jusqu’alors et qui me demande donc beaucoup de travail puisque je découvre la programmation.
Pour cela, j’ai utilisé le logiciel Kompozer, éditeur HTML WYSIWYG (What you see is what you get), qui permet de créer des pages web en mode source, mixte ou conception. Créer des pages Web en utilisant les travaux des autres cours est un bon moyen de s’entraîner, notamment avec celui demandé dans le cours « Politique de l’e-formation ».

Enfin, la rédaction de cette fiche de synthèse s’inscrit totalement dans ma réflexion concernant mon projet professionnel d’une part, et sur mon mémoire et mon stage d’autre part. Ce travail a donc été pour moi d’une grande aide pour commencer à définir les contours de mon projet de stage et de mémoire pour le Master.
Cela m’a permis de prendre à nouveau toute la mesure de la richesse du Master Aigeme qui s’inscrit de façon cohérente dans mon projet professionnel, et de tenter de lier tous les modules à ma pratique quotidienne pour optimiser au maximum cette expérience.

Etat de l’art du e-learning au Cneap

Madame Muhlstein-Joliette, Directrice Pédagogique du parcours Ingénierie de la Formation à Distance du Master Aigeme, a demandé dans son cours « politique de l’e-formation » que nous réalisions une fiche de synthèse sur l’état de l’art du e-learning dans un contexte choisi.

Mon travail a porté sur l’e-learning au sein du Conseil National de l’Enseignement Privé et m’a permis de mener une réflexion qui m’a beaucoup intéressée, et d’inscrire ainsi mes projets de mémoire et de stage dans le cadre du Master de façon cohérente au sein de mon projet professionnel.

Pourquoi choisir de développer un dispositif de FOAD?

Le travail demandé dans le module « aspects organisationnels et conduite de projet FOAD » sur les motivations des responsables de formation à développer un dispositif de FOAD a été pour moi l’occasion de revenir sur la naissance du projet sur lequel je travaille actuellement.
C’est dans cet esprit que j’ai construit le devoir qui nous a été demandé, à savoir retenir les trois motivations à l’origine du développement d’un dispositif de FOAD qui nous semblaient les plus caractéristiques.
Ce travail de synthèse m’a permis de clarifier mes motivations et celles des établissements avec lesquels je travaille à monter une formation hybride de préparation aux concours d’aide-soignant et d’auxiliaire de puériculture.
Toutes les notions abordées dans le cours faisaient écho à mon expérience et en choisir seulement trois n’a pas été tâche aisée. En effet, au delà de leurs objectifs principaux et spécifiques, les structures de formation ont aussi des objectifs sous-jacents lors du développement d’un dispositif de formation. Il émerge de ces projets des enjeux politiques et organisationnels à ne pas négliger pour mettre en œuvre efficacement le dispositif souhaité.