Diseño web



Crear página web html

Seguimos con nuestro articulo segunda parte de cómo crear página web html sin grandes conocimientos previos de programación, si quieres ver el artículo primero de cómo hacer una página web en html, sigue el enlace al primer artículo para enterarte más de este nuevo artículo.



Crear página web desde cero 2021

Sin más preámbulos nos metemos en harina que se que es lo que más os gusta. Ya hemos hecho el cuerpo de la página web, cabeza, cuerpo y pie de página. Ahora vamos a linear los elementos de la cabeza, header lo que sería el logotipo con el menú, esto lo haremos con código css. Y el código fuente quedaría de la siguiente manera.

crear página web con dominio página web en html ejemplos

En el navegador se vería de la siguiente manera, observando como los elementos de la cabecera quedan totalmente alineados. También si haces la prueba de reducir el navegador queda totalmente adaptable a todos los dispositivos móviles, lo sería una web responsive..


crear pagina web html

Como crear una página web profesional gratis paso a paso

Hoy en dia en el 2021, para crear una página web profesional este es el principio de todo. Vamos a seguir metiendo código a nuestra página web en html y css, luego más adelante separaremos el código en un archivo aparte css para que ese archivo lo podamos utilizar para más páginas web. Ahora vamos a seguir como marcan las buenas prácticas del programador w3c. Vamos a dividir el cuerpo etiqueta body en bloques. Donde cada bloque llevara su relevancia correspondiente, el central que es donde colocaremos el contenido principal que llevara la etiqueta section mas la etiqueta article y el segundo bloque que aparecerá más pequeño al lado izquierdo de la pantalla llevara la etiqueta aside, le pondremos un color suave para diferenciarlos y ver cómo va quedando nuestra maquetación, luego al final lo quitaremos o le pondremos otro color que más nos guste. Muestro el código añadido al anterior y quedaría de la siguiente manera.

crear pagina web profesional crear pagina web desde cero

Como hacer una página web con html y css

Vamos añadir este código a nuestro código anterior, y vamos a ver cómo va quedando en nuestro navegador.

como hacer una pagina web con html y css

Creación de una página web profesional

Bueno esto empieza a tener una muy buena pinta y asi es como se crea una página web profesional paso a paso. Pero queda mucho trabajo todavía, para no hacer un articulo interminable lo vamos a dejar en esta parte del codigo, en el siguiente articulo meteremos mas codigo para que esta página en html quede totalmente profesional. Te dejo también un link de videotutoriales por si quieres ir avanzando en la materia.






DESCARGATE UNA PLANTILLA WEB GRATIS.