Vues

TNLA Dans

La création du blog !

Nous avons décidé de ne pas utiliser les modèles fournis par blogger (la plate-forme utilisée pour créer et héberger le blog) car ils ne correspondaient pas exactement à nos attentes. Il fallait donc partir de zéro. Il a fallu ainsi écrire entièrement le code HTML et le code CSS pour obtenir le design qui nous plaisait. Les novices en informatique doivent se demander en quelle langue nous communiquons avec tous ces acronymes un peu barbares ! Quelques explications : le HTML est le langage qui permet de créer le contenu de la page web comme les liens, le texte et les images. Il est donc composé de balises qui sont reconnues par les navigateurs (rien à voir avec Christophe Colomb) comme Google Chrome ou Mozilla Firefox et qui, en les interprétant (en les lisant), affichent le contenu que nous souhaitons.

Code HTML



Rendu sur le blog


Ce n'est pas des plus esthétiques Voici un exemple de code HTML avec son rendu. Nous n'avons pas écrit tout ce code, l'hébergeur l'a créé automatiquement à l'aide d'un mécanisme un peu plus complexe. Notre rôle a été, toujours à l'aide d'une balise, de signaler qu'il y aurait à cet endroit une zone où les articles seront écrits, et le site crée le reste du code.

Vous pouvez voir que le rendu n'est pas très joli. C'est pour cela que l'on utilise aussi le CSS, un autre langage qui sert à donner un style au site. Grâce à ce code, on peut définir la place de chaque élément, la couleur, les tailles de polices, l'image de fond, ... Pour cela, le langage met à notre disposition des "sélecteurs" auxquels on attribue des valeurs en fonction de ce que l'on veut modifier. Les sélecteurs sont des mots-clés qui ont tous un rôle spécifique comme changer la position d'un élément ou la taille de la police par exemple.

C'est aussi grâce au CSS que l'on a créé le menu déroulant et animé le diaporama. Pour cela nous nous sommes aidés de quelques tutoriels que l'on a trouvé sur internet et surtout armés de beaucoup de patience !!!

Cette partie a représenté le plus gros du travail : on a choisi les couleurs, choisi les photos et on a écrit le code afin de mettre tout en forme et obtenir le résultat final. La photo de fond est une photo qui a été prise par Maud. Afin que les couleurs du blog ne jurent pas avec cette photo, nous les avons choisies directement sur l'image. Évidemment, une fois que nous avons eu fini le design, il reste encore tous les articles à écrire mais rien de très technique là dedans, en revanche, besoin d'inspiration...

Chacun rédige ses articles selon ses envies, ses passions, les événements... Nous voulons apporter différents points du vues et aborder des sujets différents. Grégory est le maître d'oeuvre technique et Maud la rédactrice en chef par qui tous les articles passent afin d'être mis "à sa patte".

Notre choix de personnaliser le blog a demandé beaucoup de temps et a retardé un peu nos publication de départ mais l'expérience a été passionnante et nous servira beaucoup dans l'avenir. Le fonctionnement de la société actuelle est principalement basé sur l'utilisation d'internet et même l'agriculture s'y met ! Nous en sommes conscients et serons armés !


2 commentaires:

  1. Très bonne idée de donner des explications sur la création de votre blog.
    Félicitations pour votre travail.

    RépondreSupprimer
    Réponses
    1. Les modèles proposés ne nous convenait pas, il a bien fallu s'y mettre !

      Supprimer