Paso 1
Haz click en el botón de YouTube para suscribirte en el canal de los indomables de la web.
Paso 2
Ya puedes empezar con el curso, mirando los videos de cada módulo, dónde podrás avanzar a tu ritmo.
Recuerda que para empezar este módulo debe tener conocimientos de HTML, sino te perderás, si no los tienes puedes hacer aquí el curso HTML gratuito. En este módulo aprenderás dónde y cómo utilizar CSS en tu página web. Te enseñaré las 3 variantes para añadir CSS a tu proyecto web (en línea, en la cabecera y en un archivo externo), ed decir que entenderás las bases del CSS.
Ahora que sabes dónde se coloca el CSS te voy a enseñar como seleccionar elementos del HTML para darles estilos y que puedas empezar a entender el funcionamiento de CSS. Selectores de etiquetas, de clases o de id serán los puntos más importantes que podrás aprender en este video, pero el selector descendente también estará visitándonos en este tutorial.
Los textos, esa parte que nadie lee en las webs pero que sirve para posicionarte en los buscadores, no tienen porque ser siempre iguales, en este video te enseñaré a darle estilos a los textos HTML. Esto te servirá para diferenciarte de la campetencia y poder atraer a los visitantes de tu web. Gracias a estos estilos de texto, ahora estás leyendo este texto en blanco y no en negro, jeje.
En este mini tutorial, aprenderás a poner tipografías diferentes mediante Google Web Fonts. Podrás elegir entre cientos de tipografía gratuitas para así poder mejorar el aspecto viasual de tus proyectos web.
Ahora si que empieza lo serio, este tutorial lo utilizo hace más de diez años para enseñar a mis alumnos a darle forma a sus proyectos web. En estos 10 años lo he perfeccionado para que lo puedas entender y así crear desde la nada una web estructurada y con las diferentes secciones ubicadas tal y como lo necesitas. Veremos las propiedades float y clear que aunque son complejas, con este ejemplo te quedarán super claras.
Ver o no ver, esa es la pregunta. En este módulo podrás ver las propiedades visibility y display, que te permitirán cambiar la manera en que se muestran los elementos en tus proyectos web. Cambiar de display block a inline, ya no será un problema y con inline-block bien explicado podrás controlar los elementos de la web a tu antojo. Vamos indomable que ya falta menos para conocer CSS al completo.
Además de la técnica de flotamientos existe también Flex, que te permitirá organizar el contenido de tu web de una manera muy sencilla. Además de ser muy sencilla te abre la puerta a lograr la transformación del diseño a dispositivosa móviles. Con Flex podrás crear dieseños mucho más estables y configurables, para que el salto a web Responsive sea más fácil que nunca.
Ya que en el módulo anterior vimos Flex, ahora toca utilizarlo para transformar tu proyecto web de página de escritorio a dispositivos móviles. Ahora si que ya entramos en la parte seria, para que puedas lograr adaptar tu proyecto web a todos los dispositivos existentes.
¿Cómo se hace para que la cabecera quede siempre arriba y no desaparezca cuando haces scroll? ¿Cómo puedes crear un pop up con notificaciones para el usuario? ¿Y el área de información de Cookies que no desaparece mientras haces scroll? Todos estos elementos los puedes posicionar con la propiedad position que te explico en éste video, ¿a qué esperas para verlo y aumentar tu conocimiento de CSS?, posiciónate.
Un menu desplegable, no hay problema para CSS, ni para ti tampoco ahora, porque en este video te revelo cómo hacer un menu desplegable solo con HTML y CSS. Es una técnica que junta varias propiedades CSS, para lograr el efecto deseado. Te veo en el video, si estás desplegado/a.
Si quieres que te avise de todas las novedades en cuanto a cursos gratuitos, actualizaciones de cursos y novedades, envía el siguiente formulario y pásate al lado Indomable de la Web.