HBLOG - Creación de nuestro primer blog. Parte - III

Post Reply
carles
Posts: 20
Joined: Thu Dec 19, 2019 7:08 pm

HBLOG - Creación de nuestro primer blog. Parte - III

Post by carles » Sat Mar 21, 2020 1:10 pm

Hola,

Siguiendo con el proceso de diseño de nuestro blog, el objetivo de hoy es ver como hemos de maquetar nuestras paginas, los conceptos básicos y la manera de trabajar

Siguiendo nuestro gran mockup intentaremos delimitar nuestro blog en 3 partes: cabecera, contenido y pie de pagina.

Image

Intentaremos aprender como crear estos tres grandes bloques y añadiremos tambien un borde a cada parte para poder observar el comportamiento del css y el maquetado de cada parte


Image

Veremos en nuestra estructura de proyecto que es el objetivo del curso (aprender a crear una app web) hemos añadido 2 nuevas carpetas:

- Css (donde tendremos nuestros ficheros de estilos)
- Images (donde tendremos almacenados nuestros recursos)


En el video (se repitio 2 veces :evil: ) está toda la explicación del proceso y lo podeis descargar desde aquí https://www.youtube.com/watch?v=Kj_R2ub9bII

Nuestro blog a cogiendo forma !!! , pero lo mas importante es que entendamos el proceso de construcción de la aplicación


Una vez realizado el ejercicio lo he subido al servidor linux en http://xbhosts.com/ y sin tocar nada ha salido andando

Podeis probarlo en -> http://54.37.60.33/hblog3/

Y aquí en foro dejaremos dudas a esta segunda parte del taller.

El código lo podeis descargar de https://github.com/carles9000/hblog3

En la proxima entrada veremos de copiar del ejemplo base inicial sus principales definiciones en bootstrap y a ver si ya le damos un aspecto profesional y moderno.

Nice weekend.
C.

Post Reply