Videotutorial de CSS

Videotutorial de CSS, en el que aprenderás los aspectos más importantes de las Hojas de Estilo en Cascada de una manera práctica y amena.

Listado de los capítulos

Introducción a CSS Vídeos en los que mostraremos los usos más básicos sobre las Hojas de Estilo en Cascada y las diferentes maneras de incluir los estilos en páginas web.

1.- Manual de CSS en vídeo

Primera parte del manual de CSS en vídeo de DesarrolloWeb.com, en el que explicaremos los distintos usos de las CSS, es decir, las distintas maneras de aplicar estilos a una web.

2.- Videotutorial de CSS, parte 2

Vídeo sobre CSS: explicamos la sentencia @import y ofrecemos unas explicaciones detalladas sobre la sintaxis y unidades de las hojas de estilo en cascada.
Propiedades CSS y selectores Hacemos un recorrido amplio de las distintas propiedades de estilos que existen, en el que mostramos que CSS permite mucha variedad de configuración del aspecto de una web. En el segundo vídeo veremos de qué maneras podemos seleccionar elementos de la página, únicos o un conjunto de ellos, para aplicarles los estilos.

3.- Videotutorial: Atributos de las CSS

Vídeotutorial en el que explicamos y mostramos ejemplos de uso de los atributos CSS más utilizados para formateo de texto y de cajas.

4.- Videotutorial: selectores de CSS

Veamos qué son los selectores y cómo nos ayudan a seleccionar elementos de la página a los que aplicar estilos. Veremos y practicaremos con distintos tipos de selectores, de etiquetas, clases, o atributo id.
Posicionamiento CSS Aparte de definir el aspecto de los elementos, con CSS podemos posicionarlos en los lugares que se desee dentro de la página web. A continuación veremos un par de videotutoriales que explicarán cómo el flujo del código HTML afecta a la posición de elementos y cómo podemos alterarlo con CSS.

5.- Videotutorial: CSS y el flujo HTML de la página

Vídeo tutorial de CSS en el que explicamos lo que es el flujo HTML de la página, es decir, el modo en el que los elementos se van disponiendo en la página. Introducción de los atributos CSS que pueden alterar el flujo HTML.

6.- Videotutorial posicionamiento CSS: atributo position

Vídeo tutorial sobre el posicionamiento CSS en el que analizaremos a fondo el atributo position y sus diferentes valores.
Maquetación CSS En estos vídeos veremos cómo hacer la maquetación de una página completamente con CSS y conseguir diseños de nueva generación, basados en capas, en lugar de basados en tablas.

7.- Videotutorial: introducción a la maquetación con CSS

Vídeo tutorial que muestra las posibilidades de la maquetación web con CSS, que sirve de introducción a futuros vídeos donde lo trataremos más a fondo.

8.- Vídeo: Práctica de Maquetación CSS

Un vídeo tutorial en el que realizamos un ejemplo práctico de maquetación CSS, paso por paso, para que las personas puedan aprender cómo realizar una página con posicionamiento y dimensionado de elementos por medio de CSS.

9.- Video CSS: maquetación a tres columnas con CSS

Vídeo práctico sobre cómo realizar un layout a tres columnas, es decir, un esquema de página con maquetación CSS donde los contenidos se separan en tres columnas.

10.- Videotutorial CSS: sustituir un texto por una imagen

Vídeo en el que mostraremos cómo sustituir un texto de un elemento HTML por una imagen, mediante CSS.

11.- CSS robusto y reutilizable

Una introducción al lenguaje de estilos, CSS, desde el punto de vista de la optimización y la facilidad de colaboración entre los componentes del equipo de trabajo.

Compartir

Comentarios

montana_torres

19/12/2009
desacaraga
Hola, me preguntaba si hay una versión para descarga de estos videos tutoriales para poder verlos cuando quiera, por lo demás son excelentes

saludos a toda la comunidad de desarrolladores

wanmr

19/3/2010
Videos
Hola, antes que nada agradecer el esfuerzo que hacen desinteresadamente por la enseñadaza y sobre todo en forma gratuita, desde ya mil gracias.
Pero el problema que encuentro, es que el objetivo no se cumple o se cumple parcialmente.
Primero, el sitio donde cuelgan los videos Daylimotion, es realmente desastroso, estoy empezando a ver los videos y se paran varias veces o se corta la vos y nadie así podría ver el video completo, o se termina por aburrirse o uno pierde la ilación del tema, en uno u otro caso lo mas probable es que se termine por abandonar.
Segundo, la persona que expone el tema explica bien, pero me permitiría sugerirle lo siguiente:
Los videos no deberían pasar mas allá de los 10? o 15? a lo mucho, deben ser preparados con anticipación para obviar momentos que a uno lo hacen distraer, si se pone a escribir líneas interminables o cosas así, que están demás, eso no le enseña a nadie nada, en todo momento debe tratarse el tema y punto.
Lo lógico que cualquier persona quiera aprender de estos videos es bajar el video para poder verlo en forma corrida y poder repetirlo en el momento que uno crea conveniente, mejor que si se estuviese en una clase y realmente aprovecharlo, pero este sitio Daylimotion no permite bajar o se baja mal el video, creo deberían cambiar por youtube donde bajo infinidad de videos y realmente los aprovecho, esto igual le debe suceder a todos no son criticas a mi conveniencia ya debieron ustedes haberse dado cuenta de esto, realmente llama la atención.
Por lo demás el esfuerzo y encima desinteresado es digno de resaltar.

Marcelo

16/4/2010
Como ver bien los videos
Podés ver los videos bajándolos con el navegador Firefox, así podés repetirlos cuantas veces quieras y cuando quieras. Para ello necesitás alguno de los tantos complementos (adds on en inglés) que sirven para bajar videos para este navegador. En cuanto a la calidad pedagógica de los mismos me parece excelente. (Esto ultimo es un agradecimiento a Miguel por su trabajo y dedicación).

crusero10

28/5/2010
Wena
Si se pasan para buena estos compadres

Jessica

06/6/2010
Agradecimientos
Muchas gracias por los videotutoriales, están excelentes. Me ha quedado clarísimo muchas cosas que tenía dudas. Se agradece por el tiempo y dedicación que le han puesto al sitio.
Saludos desde Chile.

Cahuel

14/7/2010
Bajar Video
Yo vivo alejado de la ciudad y por eso tengo una coneccion DSL bastante lenta la cual no me permite ver los videos online, pero me las arregle para bajarlo con la extension de Firefox llamada Downthemall, cuando comienza a reproducir el video aparece un icon en la barra de estado de Firefox el cual nos permite bajarnos el video.

dominio7

12/8/2010
Excelente material
Hola a mi si me gusta dailymotion ya que puedes subir videos largos... a pesar de tener una conexión lenta uso el atube y el firefox para bajarlos y bajan muy bien solo hay que usar el vinculo correcto que esta en el mismo video, en link, gracias por el material es excelente de 1ra... espero sigan así no saben el beneficio que están haciendo a las escuelas pobres que no podemos pagar cursos pero si enseñarles a los alumnos donde conseguirlos y gratis.

ernesto__chaviano

05/10/2010
Sobre los videos
Por favor de donde se bajan los videos que no lo he encontrado

luismayv

18/10/2010
Felicidades
Yo escribo desde Cancún México y tengo una conexión lenta pero por medio de plug ins de firefox se pueden descargar, hay que agradecer a quien se toma el tiempo de crear estos vídeos y darnos toda esta información de manera gratuita... bien por eso chicos!! hay poca gente que comparte sus secretos por el celo profesional pero lo que ustedes hacen los pone en otro nivel, realmente ayudan a gente que no puede pagar por un curso de estos que es carísimo y además está accesible para la gente como yo que por el trabajo no tenemos oportunidad de asistir a ellos. en verdad me está ayudando a comprender las etiquetas y el porque de las cosas!!!

GRACIASL MIL

alvarocomunicacionvisual

31/10/2010
Gracias
Quería agradecer es esfuerzo por el tutorial, enhorabuena por la calidad.

Xavi

27/11/2010
Gracias por el tutorial
Se agradece mucho al autor de este video turorial de CSS por lo bién que lo ha explicado. Me ha servido mucho porque no tenía las cosas claras.

ronald17

06/12/2010
Excelente Videotutorial
El videotutorial de CSS, 100% recomendable, muy bueno, excelente información.
Saludos desde Venezuela

sonrisas

25/12/2010
AGRADESER
YO SOY DE MEXICO Y ANTES QUE NADA AGRADECER A ESTAS PERSONAS POR SU APORTE, MUY BUEN TRABAJO, Y PARA LOS QUE DESEEN BAJAR LOS VIDEOS, PUEDEN HACERLO CON FIREFOX Y SU COMPLEMENTO "DOWNLOAD HELPER" ES MUY BUENO Y PUEDES BAJAR MULTIMEDIA CASI DE CUALQUIER SITIO, O CON EL aTUB CATCHER, ESTE ES EL SITIO DE DESCARGA Y ES GRATIS http://atube-catcher.dsnetwb.com/get-video-software-windows-home/content/banco-datos-Welcome-Home-Page.html
QUE PASEN FELIZ NAVIDAD.

lauro801217

11/3/2011
descarga de paginas de los videostutoriales
Hola

exelente videos me sirve de mucho para realizar paginas web me parece muy interesante los css

por favor podrian de sirme donde puedo descargar las de ejemplo realizadas en el video tutorial para tenerlo como ayuda

david

26/3/2011
Gracias
Mil gracias por estos excelentes tutoriales. Creo que la dedicación y la calidad de estos merecen ser dignos de elogios. Otra vez Gracias!!

avilz

20/5/2011
comentar
ta buenisimo excelente

tarjeta16

16/8/2011
Manual css
Es una autentica pasada lo bien explicado y con muchos detalles.
Ok

Tagarnin

25/8/2011
Buen Tutorial!!!
Un tutorial de gran ayuda además de bien explicado, muchas gracias por currartelo tanto si señor.

Saludos

jose

24/10/2011
css
grasias por todos estos tutoriales. muchas gracias

icky_g

29/12/2011
Gran herramienta
Muchas gracias por el post! Rulea!

Halex

22/1/2012
Excelentes videos
por fin aprendi progrmacion CSS!! Gracias por la aportación hermano!! muy buen maestro, entendible, flexible!! Te agradezco de verdad!!

pispai_pispai

29/5/2012
Videotutoriales CSS
Estan genial. Me está sirviendo un montón para aprender. Enhorabuena !!!!

alumno

10/6/2012
lo mejor
este sitio web es lo mejor en cursos y videos de ensenanza ............se pasan gracias por tutoriales

angel1980

24/8/2012
Muchas Gracias
Soy diseñador Grafico, y el entorno web, es muy fascinante, tecnicamente al escribir los estilos css, estas programando de una u otra manera, y es muy emocionante, gracias por los tutoriales, solo resta ponerle empeño a todo para aprender.

rturello

29/12/2012
videotutorial de CSS
Como siempre Miguel, excelente y muchas gracias !!!!

Miguel Angel

02/2/2013
manual ccs
Solo queria daros las gracias por colgar los videotutoriales de ccs...estoy haciendo un modulo de informatica y me ayuda a entender este asunto

andres

09/2/2013
comentario
estoy muy contento al poder encontrar material como este en la web y sobre todo que lo hagas de la mejor forma, esto habla muy bien de como es usted como persona.
gracias.

alvarojc2012

04/2/2014
Vídeotutoriales y Manuales CSS
Mil gracias por todo este excelente trabajo, que en mi opinión, no tiene precio. Gracias.

Campos

17/9/2014
Gracias por sus videos.
Quiero agradecerles por los videos ya que son de mucha ayuda, sigan así compartiendo los conocimientos, siempre tendrán personas que les agradezcan.

Saludos.