Etant totalement novice en programmation, j'ai opté pour une mise en page simple avec quelques connaissances acquises durant le dernier cours mais aussi grâce aux instructions trouvées la plupart sur EdutechWiki et sur OpenClassroom notamment pour le navigateur. En effet, je tenais a obtenir même de manière très succinte un navigateur. Pour mettre en valeur les différentes sections, j'ai choisi de les séparer par des bordures certes simples mais efficaces. Enfin pour le choix de la couleur, j'ai repris un vert que j'utilise parfois pour des présentations. Dans un premier temps, j'ai choisi de garder le fond blanc mais après avoir vu le rendu, j'ai opté pour un blanc fumé afin que cela soit plus agréable aux yeux. Enfin, j'ai choisi de garder une unité pour l'ensemble des pages créées pour cet exercice et de garder une certaine sobriété. Les raisons de ce côté très puriste sont, d'une part liées à ce jour, à mon manque de connaissances sur CSS et d'autre part car ces pages sont destinées à mon identité numérique au niveau académique, par conséquent je souhaitais qu'elles reflètent un certain professionalisme.
Après avoir pris connaissances des éléments à y intégrer, j'ai commencé à coder dans visio code et procédé par rubrique. J'ai effectué plusieurs aller-retour entre la fonction pour prévisualiser le contenu et ce que j'avais codé, d'abord pour la partie HTML puis pour la partie CSS. J'ai choisi de passer un peu plus de temps sur la partie CSS afin de créer une page qui me paraissait acceptable pour un premier rendu.
Après la mise en place des rubriques effectuées pour la plupart en classe, j'ai lu attentivement les "Guidelines" pour l'édition de base et ceux des règles d'édition. Ensuite j'ai complété ma page personnelle EdutechWiki avec les informations que je souhaitais partager. Enfin, j'ai choisi une image svg qui me semblait définir mes intérêts liés à ce master. J'ai également effectué des modifications de couleurs sur Inskape.
En général, il me semble avoir suivi les énoncés avec les consignes demandées. Je pense que le niveau technique de mes pages reste très limité et ceci s'explique en raison de mon niveau encore de débutante. Je suis toutefois satisfaite d'avoir fait quelques recherches pour avoir créé un navigateur certes très simple. J'ai passé beaucoup de temps à regardé des tutoriels et me familiariser avec les balises notamment les marges et padding afin de comprendre mieux les différentes posibilités. Enfin, j'ai aussi découvert comment changer la couleur des liens, car ils s'affichaient tous en bleu, et cela n'était pas très cohérent avec le design de la page. Enfin, mon plus gros challenge a été la page travaux à créer en XML. En effet, malgré avoir, il me semble compris le fonctionnement, après avoir validé le document et sa structure et même rajouté quelques éléments de style, je n'ai pas réussi à l'ouvrir sur mon ordinateur avec aucun des navigateurs suggérés. J'ai pu pourtant convertir le document en html et avoir ainsi tout de même un aperçu de la Page Travaux. Enfin, après avoir demandé de l'aide dans la discussion STIC1 j'ai pu résoudre le problème. Ainsi en téléversant sur le serveur TECFA mon document, cela m'a permis de visualiser ma Page Travaux et de constater que j'avais pu y ajouter un peu de style CSS pour garder une unité avec les autres pages. En conclusion, bien que je me sois familiarisée à HTML5 et CSS j'ai pu constater l'ampleur de ce qu'il y a encore à apprendre pour créer des pages plus sophistiquées et mon manque de connaissances au niveau du fonctionnement des serveurs, outils technologique et tout simplement de mon ordinateur. Je pense que je vais devoir consacrer plus de temps à ce cours pour me permettre de découvrir les possibilités infinies qu'offre la programmation.