Cómo Crear Una Web con Bulma

4 minuto(s)

Github

El framework Bulma nos permite crear páginas web mediante clases de CSS.

Bulma cuenta con diferentes componentes, módulos, grid, layouts y más elementos que facilitan la creación de elementos de interfaz de usuario en una web.

En este tutorial te enseñaré a Cómo Crear Una Web con Bulma, vamos con ello.

Desarrollador web creando una web con el framework Bulma
Bulma es un framework CSS moderno y dinámico

Creación de la Web

Creamos un archivo index.html para el proyecto.

Importación del archivo CSS de Bulma

Dentro de las etiquetas <head></head> cargamos el archivo CSS de Bulma:

Menú

Aquí vamos a colocar el logo y el menú de navegación:

Bienvenida

En esta sección añadiremos un mensaje de bienvenida:

Servicios

Colocamos los servicios de la organización:

Información

Agregamos una sección informativa a la web:

Footer

Aquí colocamos el nombre del proyecto y un código de JavaScript que actualice el año todos los años:

Archivos JavaScript

Por último importamos un archivo JavaScript que da funcionalidad al menú de navegación en móviles.

Asimismo importamos un archivo JavaScript de Font Awesome para el icono del menú hamburguesa en móviles:

Probando la Web

Si abrimos el archivo index.html en nuestro navegador.

Podemos ver que la web se ha creado sin problemas con Bulma CSS:

Página web creada con el framework Bulma
Estoy usando el logo de Bulma, pero tu puedes usar tu propio logo

Así de fácil puedes crear crear una web con Bulma.

Conclusión

En este tutorial has aprendido a Cómo Crear Una Web con Bulma.

Te servirá de guía para que puedas crear tu primera página web con el framework Bulma.

La práctica hace al maestro y para dominar Bulma, debes practicar mucho, vamos, tú puedes.

Nota(s)

  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.