En aquesta pràctica guiada implementarem una estructura HTML i li aplicarem estils amb el framework bootstrap.

Seguim el disseny de la interfície cream l’estructura. Desprès aplicam les classes bootstrap per aconsguir la interfície dessitjada.

1. Disseny de la Interfície

La capça que volem aconseguir és la següent:

Divisions de la finestra

Com sempre començam amb la implementació de l’estructura i desprès aplicarem les classes.

2. Implementació de l’estructura

Mira el video per veure les divisions i la creació de l’estructura (al principi l’audio no se sent gaire bé) :

3. Estils amb Framework bootstrap

Una vegada tenim les parts dividides i implementades podem passar a estilitzar la pàgina. En aquest cas ho feim amb bootstrap.

Mira el video explicatiu per veure les pases: