¡Practica con tu código! Módulo 3
¡Genial ya has desarrollado tu primera página web con Bootstrap 3! Ahora te propongo varios mini ejercicios para que asimiles bien algunos de los conceptos que hemos visto en este sección:
- Ve a Google Fonts y elige una fuente que te guste y sustitúyela por una de las dos fuentes (Pacífico o Graduate) que hemos usado en este proyecto.
- Pista: Si no te acuerdas de cómo hacerlo repasa de nuevo la clase Instalación de Fuentes Web con Google Fonts.
- Cambia el color de alguno de los botones utilizando las clases de Bootstrap.
- Pista: Recuerda que en la Documentación Oficial puedes encontrar que clases usar para cambiar el color a un botón.
- ¿Sabías que con Bootstrap no sólo podemos hacer que las imágenes sean redondas? Echa un vistazo a la Documentación e intenta hacer que tus imágenes sean cuadradas pero con un borde redondeado.
- Pista: No te olvide que todo lo que se puede con Boostrap lo encontrarás en su documentación. Aquí puedes ver como dar estilo a las imágenes.
- ¡Practica con las Fuentes de Iconos! Ve a la página de Font Awesome y sustituye alguno de los iconos actuales de nuestra web por otros que te gusten más.
- El uso del Sistema de Rejillas no es algo que se suela entender a la primera. Para acabar de entenderlo prueba de eliminar una columna a la sección “Características del curso” y dejar que las tres restantes ocupen todo el espacio.
- Pista: Al eliminar una columna, el resto de columnas deberán ser más grandes para ocupar todo el espacio y ten en cuenta que tienes una longitud máxima de 12.
- Si quieres ir a por nota y demostrar tu valía te propongo que cambies los colores de fondo de las secciones que consideres oportunas.
- Pista: Para hacer esto tendrás que modificar el fichero de estilos CSS. En esta página podrás encontrar una gran variedad de colores FLAT para hacer que tus diseños sean la envidia del universo hipster (recuerda usar el código hexadecimal).
¡Eso es todo my friend! Si tienes alguna duda a la hora de realizar alguno de los ejercicios, abre una discusión y así podré ayudarte yo o el resto de [email protected] compañ[email protected]