Práctica realización sitio web mediante framework Bootstrap
La web tratará de un tema libre que deberá tener un mínimo de 4 páginas web donde figurarán entre otros los siguientes apartados:
- Presentación de empresa, asociación, etc.
- Página con los servicios, portfolio, actividades... según naturaleza del sitio web.
- Formulario de contacto con al menos los siguientes campos: nombre, teléfono de contacto, email, mensaje.
- Multimedia con al menos un video y 10 imágenes.
- Acceso a redes sociales
- Menú de navegación de un máximo de 2 niveles.
- Enlace a un doc en algún lugar visible de la página donde aparezcan detallados los recursos técnicos utilizados:
- Fuentes google utilizadas
- Paleta de colores
- Framework CSS...
- Uso de una paleta de colores.
- Consistencia en el diseño de cada página del sitio.
- Uso de fuentes según Google Fonts.
- Es obligatorio usar less para el diseño.
- Diseño responsivo de toda la página: video, menú, imágenes, texto...
- Uso de media queries o código en servidor para que la página se visualice en al menos 3 perfiles de dispositivos diferentes (movil, tablet y PC). El viewport deberá ser de la anchura del dispositivo.
- Criterio mobile first.
- Se deben utilizar un conjunto de iconos para mejorar la estética general de la página (por ej. iconos de facebook, google+ o similar). Se puede utilizar una librería ya existente como http://fortawesome.github.io/Font-Awesome/ o utilizar una propia.
- Se valorará utilizar algún plugin de jQuery para hacer un slider en la cabecera de las páginas, mostrar las fotos a tamaño superior, uso de un mapa de Google, etc.
- Las imágenes deberán estar en la resolución mínima necesaria.
- Las imágenes tendrán que estar optimizadas para la resolución proporcionada.
- Los css y js tendrán que estar minified y minimizando el número de http requests para la versión de producción.
- El html tendrá que estar minified para la versión de producción.
- Se debe valorar el uso de algún CDN.
- Se comprobará el desarrollo correcto de este área mediante Google PageSpeed.
- Uso de sprites para los iconos del sitio web
- El sitio web deberá tener una estructura clara y concisa.
- El código html estará minified en producción.
- El código css y js estará minified en producción.
- Se valorará el uso de soluciones como normalize.css, modernizr, y en general cualquier otra solución que aparece en html boilerplate
- Todo el código css y js deberá ir en ficheros externos (nunca en el html)
- Se minimizará el número de accesos a ficheros css y js externos, pudiendose valorar el uso de CDNs
- Se validará el código según la W3C.
- El código del proyecto se realizará a partir de un fork de este repositorio. Tendrá que haber al menos 5 commmits en 3 días diferentes y la versión de producción se colgará en el servidor infenlaces de modo que sea accesible navegando desde www.infenlaces.com