Hello World

Difficultés rencontrées

Bizarrement, cette grande liberté de rédaction a été plus un frein qu’un moteur. J’ai l’habitude d’écrire des textes dans un cadre scolaire mais le sujet est souvent imposé ou fortement restreint. On pourrait se dire que si on a une liberté totale, l'inspiration vient plus facilement et pourtant page blanche. Comme beaucoup, je suis parti dans l’idée de raconter mon parcours et pourquoi j’avais choisi cette option, peur d’être hors sujet.

Pour la partie design, je savais que je devrais le coder par la suite donc j’avais peu d’inspiration. À nouveau, il s’agissait de mon premier projet dans l’option, j’avais vraiment très peu de connaissance pour mener ce projet à bien. Je suis parti sur une mise en page on ne peut plus simple : pas de navigation, un simple titre centré, deux sous-titres et deux paragraphes que j’ai centrés. Ces choix graphiques ont été pris par dépit plus que par réel choix. À nouveau, mes capacités en code ne me permettaient pas de viser beaucoup plus haut. Là où j’ai par contre pris une réelle décision était dans la palette de couleur et dans la police d’écriture.

D’un point de vue programmation, mes plus grandes difficultés ont été le placement des textes et le footer. Je ne parvenais pas à fixer le footer dans le bas de la page et je n’arrivais pas à lui faire occuper toute la largeur de la page. Pour les textes, je n'arrivais pas à centrer mes paragraphes sans centrer les titres avec, que je voulais à niveau de mes paragraphes.

Solutions

Pour régler mon souci de texte, je suis passé par un padding sur l’ensemble de mon main. Pour le footer, je l’ai tout simplement sorti de mon main. Comme j’ai imposé une limite de taille à mon main pour la longueur de mes phrases, la contrainte s’appliquait aussi à mon footer. Je pensais que le “max-width” suivit d’une unité en caractère ne s’appliquerait qu'au corps du texte peu importe son emplacement. En réalité, comme je l’ai appliqué à mon main en CSS, il s’appliquait à tout le main, dont le footer. De plus, il y avait le padding dont je parle juste au-dessus. En le sortant de mon main, j'évitais ces deux soucis.