Del curso: Aprende semántica web

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 24.000 cursos impartidos por expertos del sector.

Primeros pasos: planteamiento del diseño en papel

Primeros pasos: planteamiento del diseño en papel - Tutorial de HTML

Del curso: Aprende semántica web

Primeros pasos: planteamiento del diseño en papel

Cuando trabajamos un diseño web, lo primero que debemos hacer antes de empezar a codificar como locos es sentarnos tranquilamente y evaluar cada uno de los elementos que tenemos delante. Como buena práctica, os aconsejo utilizar unas hojas de papel, donde poder colocar cada uno de los bloques o elementos descriptivos de nuestro diseño. En este caso, voy a utilizar Photoshop para enseñaros cuáles serían los elementos o los bloques necesarios en nuestro diseño web. Como podemos observar, en una primera parte tenemos lo que se denominaría como un 'header'. Dentro de este 'header' podemos observar –voy a colocároslo para que lo podáis ver mejor– como tenemos un elemento de navegación. Y además podemos ver un logo. Después podemos visualizar nuestro cuerpo de la web. en este caso y en este diseño no tenemos 'footer'. Voy a marcároslo en color rojo para que lo podáis ver perfectamente. Dentro del cuerpo de nuestra web tenemos distintos elementos. cada uno de ellos hace referencia a una…

Contenido