Want to create interactive content? It’s easy in Genially!
Frameworks CSS vs Plataformas No Code
Alberto Hernández Lazcano
Created on April 6, 2024
Frameworks CSS vs Plataformas No Code en la creación de Sitios Web
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Frameworks CSS vs. Plataformas No Code
en la creación de sitios web
Alberto Hernández Lazcano
DE 139 INAEC
Tabla de contenido
01 - Plataformas no-Code vs Frameworks CSS
02 - Características de un sitio web efectivo
03 - Framework CSS - Bootstrap
04- Integración de de bootstrap
01- Plataformas no-Code vs Frameworks CSS
Construcción de sitios web de manera eficiente
Los sitios web pueden construirse escribiendo codigo HTM L, CSS y JS, sin embargo este proceso puede ser lento y los resultados puedes ser poco atractivos, para optimizar esto podemos utilizar una de dos opciones
- Herramientas NO CODE
- Frameworks CSS
Plataforma no-code
Frameworks CSS
Cuadro comparativo
02 - Características de un sitio web efectivo
Effective web design
03 - Framework CSS Bootstrap
¿Qué es BOOTSTRAP?
Características de Bootstrap
Grid System
04 - Integración de Bootstrap
Requerimientos Básicos
Análisis de Necesidades
Antes de comenzar es importante recuperar y analizar las caracterìticas del sitio web .
Integración de Bootstrap
Para integrar bootstrap
Entra a su sitio web oficial para obtener los enlaces de referencia.
https://getbootstrap.com/
Integración de Bootstrap
Añade estilos de boostrap
Dentro de la etiqueta <head> añade los estilos CSS de boostrap
Añade el script de boostrap
Antes de finalizar la etiqueta </body> agrega el script de boostratp en tu proyecto
Integración de Bootstrap
Agrega componentes
En la documentación de este framework encontrar las instrucciones para agregar todo tipo de componentes
Implementa todo tipo de soluciones
¡Gracias por tu atención!