dominios y alojamiento web en hostalia

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

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. Entrar

Comentarios
Envie un comentario u opinión sobre este manual.

Compartir

Comentarios
Fueron enviados 21 comentarios al manual
4 comentarios no revisados
17 comentarios revisados:

montana...
desacaraga
19/12/2009
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
Videos
19/3/2010
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.
Como ver bien los videos
Por: Marcelo
16/4/2010
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).

crusero...
Wena
28/5/2010
Si se pasan para buena estos compadres
Agradecimientos
Por: Jessica
06/6/2010
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
Bajar Video
14/7/2010
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.

dominio...
Excelente material
12/8/2010
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...
Sobre los videos
05/10/2010
Por favor de donde se bajan los videos que no lo he encontrado

luismay...
Felicidades
18/10/2010
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

alvaroc...
Gracias
31/10/2010
Quería agradecer es esfuerzo por el tutorial, enhorabuena por la calidad.
Gracias por el tutorial
Por: Xavi
27/11/2010
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.

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

sonrisa...
AGRADESER
25/12/2010
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.
descarga de paginas de los videostutoriales
11/3/2011
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

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

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

Saludos

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

En este manual

Categorías relacionadas:

Manuales relacionados
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...