Domina el arte de los estilos con CSS
4.4 (324 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,107 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Domina el arte de los estilos con CSS to your Wishlist.

Add to Wishlist

Domina el arte de los estilos con CSS

Aprende a aplicar estilos a todas tus páginas web en Internet. Con este curso de CSS básico desde 0.
4.4 (324 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
5,107 students enrolled
Last updated 11/2016
Spanish
Price: Free
Includes:
  • 2 hours on-demand video
  • 25 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Desarrollar y aplicar toda clase de estilos a tus paginas web, así como algunas animaciones.
View Curriculum
Requirements
  • Para acceder a este curso deberás conocer los conceptos básicos de html.
Description

Tras aprender html, te das cuenta de que necesitas algo más que texto,enlaces, tablas y listas, es aquí donde entra en juego css, con css le das vida a tus páginas web a través de una gran variedad de estilos. Este curso esta diseñado para que aprendas css, con clases teóricas y prácticas, creando el proyecto de una portada de una página web, aplicando una gran variedad de estilos y animaciones que le darán un toque único y especial.

El curso css incluye todo el material necesario para su desarrollo, en el aprenderás a utilizar la sintaxis de css, sus propiedades y selectores, con los cuales adquirirás los conocimientos necesarios para crear tus propios estilos de fondo, texto, dimensiones, margenes, rellenos, posicionamiento, colores, niveles de capa, etc... 

Si deseas crear tus propias páginas web y darles estilo, este es el curso que estás buscando, ya que combina la teoría con la práctica real necesaria para poder aplicar estilos a todos tus documentos html. No te demores más y accede a este curso de CSS básico desde 0.

Who is the target audience?
  • Este curso esta dirigido a personas que conocen html pero aun no han aprendido css o no lo dominan del todo bien.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
43 Lectures
01:57:24
+
Introducción del curso CSS
4 Lectures 05:35

Bienvenido al curso, domina el arte de los estilos con CSS.

Introducción y presentación
02:02

Instrucciones para descargar el editor de texto Sublime Text 3.

Descargar e instalar el editor Sublime Text 3
00:39

Definición de que es css y para que se utiliza.

Que es css
01:44

Explicación de que maneras hay en css para insertar estilo en un documento html.

Las tres maneras de insertar estilo en css
01:10
+
Selectores de CSS - Elementos, id y class
6 Lectures 11:24

Definición de selector y los tipos de selectores que te puedes encontrar en css.

Que es un selector y que tipos de selectores hay en css
01:18

Reglas de como escribir código en css.

Sintaxis de css
01:12

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de elementos de css.

Los selectores de elementos
01:25

Práctica comentada de inicio del proyecto del curso de css.

Practica conmigo - Comienzo del proyecto Aquarium
05:28

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores id y class de css.

Los selectores id y class
01:07

Como apuntar o seleccionar a elementos o etiquetas de html a través del agrupamiento de selectores de css.

Agrupar selectores en css [,]
00:54

Test de conocimientos
3 questions
+
Propiedades de CSS - El modelo de caja
15 Lectures 39:01

Descripción de los elementos que intervienen en el modelo de caja de css.

El modelo de caja en css
01:20

Descripción de la utilización de las propiedades widthy height para establecer dimensiones.

Propiedades de dimensiones [width y height]
02:24

Descripción de la utilización de la propiedad background-color y color para establecer colores al texto y al fondo del elemento al que se le aplique.

Propiedades de color [color y background-color]
00:34

Práctica comentada sobre el posicionamiento de cajas flotantes con la propiedad float de css.

Practica conmigo - Propiedad para cajas flotantes [float]
06:55

Práctica comentada sobre el posicionamiento absoluto, relativo o fijo de cajas  con la propiedad position de css.

Practica conmigo - Propiedad de posición [position]
05:26

Práctica comentada en la que se comienza la creación de un menú de navegación con css.

Practica conmigo - Trabajando en el menú de navegación
05:37

Descripción de la utilización de la propiedad padding para establecer relleno al que se le aplique.

La propiedad de relleno [padding]
01:31

Descripción de la utilización de la propiedad margin para establecer margenes al elemento al que se le aplique.

La propiedad de margen [margin]
01:40

Descripción de las distintas propiedades que hay de los bordes en css.

Propiedades de los bordes [tipos]
01:06

Descripción de la utilización de la propiedad border-style para establecer estilo de borde al elemento al que se le aplique.

La propiedad [border-style]
02:00

Descripción de la utilización de la propiedad border-width para establecer grosor al borde del elemento al que se le aplique.

La propiedad [border-width]
00:53

Descripción de la utilización de la propiedad border-color para establecer color al borde del elemento al que se le aplique.

La propiedad [border-color]
01:02

Descripción de la utilización de la propiedad border-radius para establecer bordes redondeados al elemento al que se le aplique.

La propiedad [border-radius]
00:56

Descripción de la utilización de la propiedad border para establecer varias propiedades en una sola declaración.

La propiedad [border]
00:58

Práctica comentada en la que se completa el menú de navegación.

Practica conmigo - Acabando el menú de navegación
06:39

Test de conocimientos
3 questions
+
Selectores de CSS - Atributos
6 Lectures 08:46

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos de css.

Los selectores de atributos
02:01

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos, utilizando el signo tilde en css.

Los selectores de atributos - El signo tilde [~]
01:15

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos, utilizando el signo barra vertical en css.

Los selectores de atributos - El signo barra vertical [|]
01:37

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos, utilizando el signo paraguas en css.

Los selectores de atributos - El signo paraguas[^]
01:16

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos, utilizando el signo del dolar en css.

Los selectores de atributos - El signo del dolar [$]
01:23

Como apuntar o seleccionar a elementos o etiquetas de html a través de los selectores de atributos, utilizando el signo asterisco en css.

Los selectores de atributos - El signo Asterisco [*]
01:14

Test de conocimientos
1 question
+
Selectores de CSS - Jerárquicos o combinadores
6 Lectures 19:19

Descripción de los distintos selectores jerárquicos o combinadores que existen en css.

Los selectores jerárquicos o combinadores
00:31

Como apuntar o seleccionar a elementos o etiquetas de html a través de el selector de descendientes en css.

El selector de descendientes
01:52

Como apuntar o seleccionar a elementos o etiquetas de html a través de el selector de hijos en css.

El selector de hijos [>]
02:02

Como apuntar o seleccionar a elementos o etiquetas de html a través de el selector de hermanos adyacentes en css.

El selector de hermanos adyacentes [+]
01:53

Como apuntar o seleccionar a elementos o etiquetas de html a través de el selector general de hermanos en css.

El selector general de hermanos [~]
01:57

Práctica comentada en la que se crea el contenido de la portada de una página web.

Practica conmigo - Creando el contenido
11:04

Test de conocimientos
2 questions
+
Propiedades de CSS
3 Lectures 11:34

Descripción de la utilización de la propiedad background-image y background-size para establecer una imagen de fondo y un tamaño de imagen de fondo al elemento al que se le aplique.

Propiedades de imagen [background]
00:40

Descripción de la utilización de la propiedad z-index para establecer un nivel de capa al elemento al que se le aplique.

Propiedad [z-index]
00:56

Práctica comentada en la que se añade un fondo y otros elementos a la página que se esta creando.

Practica conmigo - Añadiendo el fondo marino y otros elementos
09:58
+
CSS3 - Animaciones
3 Lectures 21:45

Práctica comentada en la que se crean unas burbujas animadas y se insertan en la página.

Practica conmigo - Creando burbujas animadas
07:58

Práctica comentada en la que se crean unos peces y se les dota de movimiento con animaciones en css3.

Practica conmigo - Añadiendo peces y dándoles movimiento
06:49

Práctica comentada en la que se crean unos bancos de peces y se les dota de movimiento con animaciones en css3. FIN DE PROYECTO.

Practica conmigo - Fin de proyecto
06:58
About the Instructor
daniel fernandez velazquez
4.4 Average rating
626 Reviews
6,784 Students
2 Courses
Instalador de agua, luz, calefacción, aire acondicionado.

Soy un apasionado del mundo de la tecnología y la informática, en especial lo relacionado con la programación web. 

He trabajado como, instalador de parquet, agua, luz, calefacción, aire acondicionado, en una gestoria como administrativo, y aunque mi trabajo nunca haya estado relacionado con la programación web, siempre he sentido pasión por esta, así que no he parado de aprender desde que mi padre me compro mi primer ordenador, un ZX spectrum, el primer ordenador personal que salió, este iba con cinta de cassete, en esa época ya aprendía basic. También he estudiado por mi cuenta electrónica y microelectrónica en un curso a distancia, obteniendo un sobresaliente, lo único que quiero transmitirte es que si algo me ha gustado he ido a por ello, y a mi todo lo que sea aprender o leer me encanta, y si además esta relacionado con Internet mejor. 

Me considero un gran autodidacta, llevo más de 8 años programando por mi cuenta, tengo conocimientos sobre, html5, css3, php, JQuery, javacript yMySQL, y algo de Ajax. Pienso que en esta vida todos somos alumnos y maestros, siempre hay algo o alguien de quien aprender y siempre habrá quien quiera absorber parte de tu conocimiento, solo espero aportar mi granito de arena.