Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Cómo Crear Una Web con Foundation

Cómo Crear Una Web con Foundation

Cómo Crear Una Web con Foundation

Github

En ocasiones necesitamos crear una página web con el framework CSS Foundation.

Para hacerlo debemos usar sus clases de CSS de manera correcta.

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

Foundation cuenta con diferentes clases de CSS para crear elementos de interfaz de usuario

Creación de la Web

Primero creamos un archivo llamado index.html

Importación de Archivos CSS

Cargamos el archivo CSS de Foundation y un archivo CSS personalizado para aplicar nuestros propios estilos:

Menú

Agregamos nuestro logo y el menú de navegación para el proyecto:

Banner

Cargamos una imagen debajo del menú:

Servicios

Aquí mostramos lo servicios de la empresa, tu puedes colocar el contenido que desees:

Footer

Al final agregamos nuestro footer o pie de página:

Importación de Archivos JavaScript

Importamos jQuery y el archivo de JavaScript de Foundation:

Función jQuery de Foundation

Por último creamos una función de jQuery para que el menú y otros elementos dinámicos funcionen:

Probando la Página Web

Si abrimos el archivo index.html en el navegador, podemos ver que la página se ha creado correctamente con el framework Foundation:

Puedes crear blogs, tiendas online, emails y otros tipos de proyectos con Foundation

Así de fácil puedes Crear Una Web con Foundation.

Conclusión

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

Te dará las nociones para que crees una web con el framework Foundation.

Si quieres dominar Foundation, recuerda practicarlo mucho.

Nota(s)

Salir de la versión móvil