Curso de programación web - WEB50x.ni / Projecto-0: Homepage
Este proyecto consiste en crear una web con herramientas basicas como HTML y CSS, SASS, Bootstrap, el tema de la web esta a libre eleccion del estudiante, nada mas tendra que cumplir los requisitos propuestos por el Staff.
La idea de este proyecto es sobre un blog personal en el que hablare sobre las plantas, mi opinion y experiencias personales.
Pues, no hay mucho que explicar, este blog contiene una estructura basica de directorio:
cs50w-project/
├── README.md
├── flores-info.html
├── frutas.html
├── index.html
├── jardin-casa.html
├── images
│ └── aun en proceso ...
└── styles
├── bootstrap.css
├── _variables.scss
├── _bootswatch.scss
├── index.css
├── index.css.map
└── index.scss
El estilado se escribio en sass styles/index.scss, empezando como base con el tema Minty sacado de Bootswatch (Bootswatch es una pagina que recompila temas gratuitos de Bootstrap), en la carpeta styles/ se encuentran 3 archivos con los que se maneja esto:
styles/
├── bootstrap.css <- este es el usado.
├── _variables.scss
└── _bootswatch.scss
Se usan tambien la funcionalidad de las Columnas de Bootstrap, más que nada para:
- En el
<nav>
, tambien sacada de Bootstrap.
Para hacerla reponsiva :D - El
<main>
, - Y en el
<footer>
Y ya, de momento todo eso, esta informacion podria variar dependiendo los cambios.