

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Encuentra los documentos específicos para los exámenes de tu universidad
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
Conceptos basico sobre el framework de materialize
Tipo: Apuntes
1 / 3
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!


Materialize es un framework de CSS que facilita el diseño de un entorno web o aplicación basada en estándares web. Además, te permite utilizar una base de códigos que contiene una cantidad enorme de interfaces ya diseñadas, que puedes incorporar a tu proyecto a base de aplicar clases. Entre todas las cosas que te puede ofrecer este framework como pueden ser interfaces, colores, botones, y mucho más. En la mayoría de los frameworks de CSS tienen sus ventajas a destacar, el cual se muestran algunas a continuación: Capacidad de ahorrar mucho tiempo en la etapa de desarrollo. Aplicando un framework CSS conseguimos una estética atractiva para nuestros desarrollos, aunque se carezca de conocimiento de diseño gráfico. Sencillez Materialize consigue ofrecer una gran facilidad para realizar muchas opciones. Hay que disponer de un principio de ideas básicas de programación en HTML5, CSS y JAVASCRIPT. Simplemente debemos de seguir las instrucciones que están disponibles en su servicio web. Responsive Sin duda, una gran virtud, es que orienta todo a la responsividad. Consigue que todos los elementos se adapten a las diferentes dimensiones de pantallas (small, medium, large). Esto facilita un buen diseño de una misma página en diferentes dispositivos. Variedad Este framework ofrece una gran cantidad de elementos para introducir en nuestra web. Colores, barras de menú, botones, JavaScript. Simplemente hay que buscarlas y añadirlas a nuestra aplicación. Además, todo se puede encontrar en su propia página de Materialize.
Materialize vs Bootstrap vs Fundation Materialize CSS es un framework más nuevo que otras alternativas muy conocidas como Bootstrap o Fundation. Esto es interesante porque ha sido capaz de mejorar algunas cosas de herramientas más antiguas. Gracias a ello, Materialize gana la partida por varias razones, pues entre las que podemos destacar. Materialize CSS no requiere jQuery para funcionar, aunque si lo tienes lo puedes usar perfectamente en el proyecto y beneficiarte también de la librería JavaScript para inicializar más cómodamente los componentes que requieran JS. Usa desde el principio recomendaciones CSS que otros frameworks aún no implementan, o han tardado bastante tiempo en incorporar. Aplica unas guías de diseño depuradas, Material Design de Google, a las cuales los usuarios están acostumbrados. Esto quiere decir que tus aplicaciones pueden ser más sencillas de usar y resultar más familiares a simple vista. Hay dos maneras de poder utilizar dicho framework, una es descargando los archivos que proporciona la página oficial o utilizando los CDN. Cuando se ocupa un CDN quiere decir que los archivos están almacenados en servidores y cuando nosotros ocupamos estos archivos hacemos referencia a dichos servidores, en cambio sí descargamos los archivos a nuestro equipo local haremos referencia a dicho equipo. En el caso de seguir con los CDN deberos seguir una estructura para poder utilizar los archivos el cual se muestra a continuación. MyWebsite/ Será el nombre de nuestro directorio principal |--css/ En este directorio se guardarán todas las hojas de estilo | |--materialize.css |--fonts/ En este directorio se guardarán todas las fuentes | |--roboto/ |--js/ En este directorio se guardará toda la programación de JavaScript. | |--materialize.js |--index.html Será el archivo principal que el navegador va a leer para acceder a dicho documento Funcionamiento