Introducción a CSS
0.0 (0 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.
9 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Introducción a CSS to your Wishlist.

Add to Wishlist

Introducción a CSS

Da el estilo que tú quieras a tus páginas gracias a este curso.
0.0 (0 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.
9 students enrolled
Last updated 5/2013
Spanish
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Al finalizar este curso sabrás los fundamentos del código CSS.
  • Con lo aprendido en este curso junto con el curso de introducción a HTML, te permitirá aprender a resolver problemas con tus templates o a maquetar tus propias páginas web sencillas.
View Curriculum
Requirements
  • Instalar uno de los programas (gratuito o no) que se describen en el capítulo 3 del curso de introducción a HTML.
  • Instalar notepad++
  • Firebug
  • Conocimientos básicos de HTML
Description

CSS es un lenguaje de estilo que define la presentación de un documento HTML. Para que puedas aprovechar al máximo este curso, es necesario que tengas conocimiento

de código HTML. Desde Skeyon te recomendamos que también hagas el curso de Introducción a HTML. También puedes adquirir ambos cursos en el pack

"Aprende a maquetar HTML & CSS".

El objetivo de este curso es el de aprender los estilos necesarios para que puedas dar estilo a tu documento HTML.

Para ello vamos a ver distintas formas de incluir estilo en las páginas. Veremos también cómo relacionar los elementos HTML con nuestra hoja de estilo

mediante clases e ids. También vamos a trabajar cómo dar formato al texto, añadir tipografías que no sean de sistema gracias al Font-face, etc.

Gracias a este curso, vas a conocer todo lo necesario para saber cómo darle estilo a tus documentos HTML gracias a las hojas de estilo CSS.

</p></p>
Who is the target audience?
  • Usuarios que quieren aprender a maquetar
  • •tGente que quiera poder realizar su propia página web o entender cómo modificar los templates con los que trabajan cuando haya algún error.
  • •tUsuarios que hayan aprendido HTML.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
16 Lectures
01:38:56
+
Introducción
1 Lecture 01:52
Introducción en la que se presenta el curso y sus contenidos.
Preview 01:52
+
Introducción a CSS
2 Lectures 09:19

 Veremos cómo utilizar el firebug, validar el html en la web del w3 y algunos tutoriales css que pueden resultarnos útiles.

Preview 06:07

Veremos qué es el css y el significado de sus siglas Cascading Style Sheet

Preview 03:12
+
Creando la hoja de estilos para nuestro documento HTML
12 Lectures 01:20:45

Aplicaremos estilos en línea en los propios elementos html y veremos cómo organizarlos en el head referenciando los propios elementos.

Incluir estilos en el documento: estilos en línea y "head"
06:33

Cuando nuestros documentos son más grandes la mejor práctica crear un documento css y vincularlo en el html. Pero cuidado estos estilos se implementan en cascada. Veamos cómo podemos saltarnos esta regla con !important.

Vincular hojas de estilo. Trabajar con más de un documento CSS.
08:25

Añadiremos clases e ids a los elementos html para identificarlos en el css.

Cómo relacionar HTML y CSS. Clases e Ids.
05:29

 En este capítulo haremos un análisis de todos los elementos html del documento y los relacionaremos con el diseño para ver qué estilos necesitarán.

Maquetación I: revisión de nuestro documento
06:12

El box model content es el modelo de caja que define nuestro contenido, veremos cómo aplicar anchos y a distribuir los elementos mediante el estilo float.

Box Model Content: Width y Float
09:41

¿Qué diferencias hay entre los estilos margin y padding? ¿Qué relación guardan con el box model content? Veremos cómo aplicarlos.

Box Model Content: Margin y Padding
08:03

Aprenderemos a cómo utilizar utilizar las fuentes de sistema y a aplicarlas al texto con Font-family. Veremos también cómo cambiar el tamaño de letra utilizando la medida em.

Dar formato al texto: estilo font-size y trabajar con la medida "em"
08:10

Si queremos añadir una tipografía que no sea de sistema lo haremos con el @font-face.

Dar formato al texto: añadir tipografías con @font-face
06:31

¿Qué cambios en el css podemos realizan en base a las acciones del ratón? Veremos las pseudo-clases que pueden tener nuestros estilos.

Pseudo-clases: hover, visited, active y otros
04:07

Veremos cuándo es conveniente utilizar imágenes de fondo, cómo añadirlas y posicionarlas.

Aplicar colores e imágenes de fondo
06:15

En este capítulo cambiaremos el estado de una imagen de fondo utilizando dos técnicas. Cambiaremos su url y después su posición para obtener el mismo resultado.

Crear botones con imágenes de fondo
06:12

Para terminar de ajustar los elementos en el documento veremos el estilo display y sus atributos. Veremos también cómo posicionar los elementos en capas y a esconder o mostrar elementos.

Ajustar los elementos del documento: display, position y visibility
05:07
+
Conclusiones
1 Lecture 00:00
Repaso de todo lo aprendido a lo largo del curso, resaltando los puntos más importantes.
Preview 7 pages
About the Instructor
Skeyon Formación Barcelona
4.1 Average rating
20 Reviews
183 Students
11 Courses
Servicios de formación

 Skeyon, es una empresa de formación ubicada en Barcelona, especializada en la creación de contenidos audiovisuales de calidad.

Nuestros cursos están creados por profesionales referentes en su sector y tienen una orientación 100% práctica para que puedas aplicar tus nuevos conocimientos en tu vida  profesional o personal.

Skeyon ofrece contenidos de sobre tecnologías  dela información, marketing digital, management, innovación...