parent
1d45dadfc2
commit
c5eabf3af5
45
7b_Proyecto_Web_Completo.md
Normal file
45
7b_Proyecto_Web_Completo.md
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
|
||||||
|
## Dar Formato al sitio con Bootstrap
|
||||||
|
*Framework CSS, creado por Twiter en 2011*:
|
||||||
|
Se utiliza para dar formato a un sitio web completo, utilizando librarias CSS.
|
||||||
|
Bootstrap es un conjunto de librerias predefinidas para ser ultilizadas *linkeando*,
|
||||||
|
para dar formato a los elementos del sitio (tablas, rollover, iconos, barras, etc).
|
||||||
|
Permite crear sitios web **Responsive**, cualidad que permite a un sitio ser mostrado
|
||||||
|
apropiadamente de acuedo al dispositivo (tablet, pc, etc.).
|
||||||
|
Compatible con todos los navegadores.
|
||||||
|
|
||||||
|
|
||||||
|
**Ventajas**
|
||||||
|
|
||||||
|
- Crear un sitio completo con un formato común, y rapido
|
||||||
|
- Reutilización de elementos (barras, menús, etc)
|
||||||
|
- Diseño Adaptable (responsive)
|
||||||
|
- Crear grids de forma sencilla (diseño de columnas)
|
||||||
|
- Comunidad activa, actualización y soporte.
|
||||||
|
- Usado masivamente en CMS, implementaciones para WordPress, Drupal, etc
|
||||||
|
- Permite el uso de LESS (herramienta que agrega funcionalidad a CSS)
|
||||||
|
|
||||||
|
[Get started](https://getbootstrap.com/docs/4.5/getting-started/introduction/)
|
||||||
|
|
||||||
|
[demo](www.pildorasinformaticas.es/archivos/django/video29.zip)
|
||||||
|
/Proyecto/App/**estatic/App/**
|
||||||
|
```
|
||||||
|
├── static
|
||||||
|
│ └── ProyectoWepApp
|
||||||
|
│ ├── css
|
||||||
|
│ │ └── gestion.css
|
||||||
|
│ ├── img
|
||||||
|
│ │ ├── bg_main.jpg
|
||||||
|
│ │ └── principal.jpg
|
||||||
|
│ └── vendor
|
||||||
|
│ ├── bootstrap
|
||||||
|
│ ├── font-awesome
|
||||||
|
│ └── jquery
|
||||||
|
```
|
||||||
|
*modificar Project/App/templates/App/*[***home.html***](https://gitea.kickto.net/jp.av.dev/intro_Django/src/branch/master/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/home.html)
|
||||||
|
|
||||||
|
## Modificar Templates, para usar herencia
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Herencia de Plantillas y estructura del sitio
|
Loading…
Reference in New Issue
Block a user