Manual de CSS en vídeo

  • Por
  • CSS
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.
En DesarrolloWeb.com hemos publicado un completo Manual de CSS, donde se explica paso a paso este potente lenguaje para aplicar formato a las páginas web. Ahora pretendemos crear una serie de vídeos en los que iremos publicando cada uno de los temas tratados en este manual, de manera que apoyemos el texto con unas explicaciones y demostraciones de uso para todos los interesados en aprender CSS de una manera cómoda.

Son vídeos, repito, que sirven para apoyar el texto del manual, pero siempre recomendamos leer los manuales, porque a menudo tienen explicados asuntos que en el vídeo podemos pasar por alto. Además, los ejemplos del vídeo y del manual son distintos, por lo que servirá también como práctica para los interesados en ver más aplicaciones de todo lo que se va aprendiendo.

En este primer vídeo presentamos ligeramente lo que son las Hojas de Estilo en Cascada, pero simplemente de pasada, porque nos adentramos rápidamente en los aspectos prácticos de aplicación del lenguaje. Luego comenzamos a ver los distintos usos de las CSS y las maneras de aplicar estilos, desde una pequeña porción de la página hasta un sitio entero.

También veremos qué estilos son los que tienen más importancia y son más restrictivos, en caso que hayamos aplicado el mismo atributo CSS con valores distintos, en varios lugares.

Así pues, os dejamos con este videotutorial, que comienza el manual de CSS en vídeo de DesarrolloWeb.com, que esperamos que sea una herramienta didáctica al alcance de cualquier persona. Os recomendamos poneros cómodos para asistir a este primer vídeo, pues dura poco menos de una hora. Estoy seguro que no encontraréis ninguna dificultad para ir aprendiendo las Hojas de Estilo en Cascada.

El mismo videotutorial de introducción a las CSS lo hemos publicado en Youtube, puesto que para algunas personas les resultará más sencillo de ver en este sitio:

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

trino_amezquita-587490

16/7/2009
dificultad para ver video
Buen dia, me parece que este video es muy interesante para todos aquellos que deseamos mejorar nuestros conocimientos en desarrollo de paginas web, les felicito por colocar a nuestra disposicion recursos como este.
El problema es que por alguna razon la visualizacion del producto se hace muy lento y se pierde la esencia de lo que se ha querido hacer, se entrecorta y se pierde tiempo y secuencia de lo que alli esta.
Me gustaria saber si existe la posibilidad de adquirir este video via descarga para poder apreciar su contenido en toda su extension, si es necesario hacer algun tipo de erogacion creo que no seria problema.
gracias.

hadson

16/7/2009
Felicitaciones!!
Hola buena soy usuario nuevo de CSS y no sabia como iba a afectar a mis paginas webs, solo decir impresionante, ahora ando algo perdido ya que me gustaría que explicarais versiones mas avanzadas ya que por lo que he leído y oído que hay hasta CSS3.

Un saludo y felicitaciones.

juan jose

17/7/2009
Sobre el video del manual de CSS en video
Hola, esta muy interesante el video, por lo que me interesaria tenerlo, hay alguna manera de bajarlo?, gracias

Luis Fernando

17/7/2009
Video css
Miguel, muchas gracias,, esfuerzos como el tuyo para enseñar, son los que hacen que la internet se la herramienta util que es.

Mauricio

17/7/2009
acerca del video css
estuvo execelente este primer video mostrado sobre las css donde queria aclalarme varios puntos espero sigan mandando videos mas avanzados porque en realidad que si me interesan para seguir avanzando gracias estare pendiente de cualquier comentario

versace123mx

17/7/2009
Como bajar video
Hola saludos a todos desde Mexico, Trino para poder bajarce el video solo tienes que tener el real player v11.1 que es con la que yo cuento y es la basica osea free, con este programa cadavez que quieras bajarte un video de x pagina, solo pasa el cursor sobre dicho video y te aparecera una barra de real player indicandote si lo quieres descargar, solo que no lucrees con los videos para que no exista algun problema.

jafp

22/7/2009
muy bueno el aporte
Muy buen el video ayudara a muchos qu eno saben de css pero quieen aprender, como YO ^^

jorge beltran

26/7/2009
Muchicimas Gracias!!! desde el otro lado del mundo.....
Muchísimas gracias, gran aporte por tu lado.... esperaremos con ansias el segundo vídeo.... me gustaría que nos ampliaras mas sobre los posicionamientos de los DIV creo que es un tema que nos importa a muchísimo ya que es una quebradera de cabeza cuando queremos centrar un DIV o queremos colocar uno a la lado de otro y cosillas así... pero bueno, en hora buena amigo... saludos desde el salvador, centro América.....

Carlos

28/7/2009
Buena calidad de enseñaza
Muy bien estructurado. Miguel Ángel sabe llegar. El que no sea capaz de hacerse una idea general de hojas de estilo en cascada y obtener cierto nivel de autonomía con este material es que está muy perdido en esto del diseño web. Gracias Miguel Ángel.

joseph_mazen

01/8/2009
YA NO ESTÁN DISPONIBLES ???
Hola. Por motivos de viaje no había podido ver estos videos, y hoy que podía hacerlo, aparece un mensaje de que los 2 videos ya no existen !! Cómo puede ser si no van ni un mes al aire? Y el mensaje que sale (Uh, oh) suena algo burlón... Por favor si pudieran activarlos nuevamente, muchas gracias. Y felicitaciones por su trabajo, es de gran ayuda.

donettes7

01/8/2009
VIDEOS CSS
Hemos llegao tarde por poco!! jeje.

Acabo de intentar verlo en vimeo y sale el siguiente mensaje:

Sorry, "Manual CSS parte 1" was deleted at 1:52:36 Fri Jul 31, 2009. We have no more information about it on our mainframe or elsewhere.

Esperemos que se pueda solucionar. Gracias por todo el trabajo! La verdad que es muy útil!

Un saludo

israel_martinez-608655

03/8/2009
ayuda
hola amigo pe parece super interezante esta aportacion que realizaste pero, pero la verdad no puedo ver ninguno de los dos videos, espero puedas ayudarnos a todos los que nos intereza aprender ahaerca de esta herramienta poderoza para las aplicaciones web.

iscjapv

04/8/2009
el video fue borrado
ojala puedan agregarlo de nuevo... creo que habemos muchos interesados!!

saludos!

JuanCLorenzoJara

05/8/2009
Video Tutorial CSS
No se encuentra el video. ????

friedl_08

05/8/2009
No puedo ver el Video!!!!!!
No puedo ver el Video!!!!!!

midesweb

13/8/2009
Vídeo de CSS restaurado
Hola a todos,

Hemos restaurado el vídeo que nos habían borrado de manera ajena a nuestra voluntad. Lo habíamos publicado en Vimeo pero nos lo borraron porque decían que era contenido comercial. Nada de eso! es un vídeo gratuito y útil espero para todos, que no vendemos en ningún caso.

Así pues, nos hemos mudado a DailyMotion, que no ponen inconvenientes en publicar estos videotutoriales.

Saludos y perdonar las molestias!

Jorge

28/9/2009
Agradecimientos
Me ha gustado mucho este video orientativo hacia css, está muy bien explicado. Gracias por tu esfuerzo.

HenryJim

26/10/2009
Agradecer la edicion del video
Dios los bendiga, que buen video me ha servido de mucho, me gustaria saber que herramienta utilizo para editarlo, me parece exelente idea que todo aportemos mediante este canal, nuestros conocimientos en esta forma. Personalmente me gustaria aportar algun dia uno, de este amplia area del conocimiento web

Carlos

27/10/2009
Etiqueta
Muy bueno, el vídeo, aunque los ejemplos quedarían mejor sin faltas de ortografía o puntuación, jeje, :p.

Coñas aparte viendo el uso de la etiqueta <span> me surge una duda: ¿no se podría hacer también lo que cuentas en el vídeo con la etiqueta <font> y sus correspondientes atributos, en html simple y llano?

Saludos y gracias por tomaros el esfuerzo de crear estos vídeos.

Andres Gugliucci

02/11/2009
Muchas gracias
Les agradezco por el interes que le han puesto por enseñarnos, el vídeo esta muy bien explicado.
Es un placer contar con gente como ustedes a los cuales les gusta divulgar sus conocimientos.
Los felicito y otra vez darles las gracias.
Un cordial saludo.

Carlos

11/11/2009
No veo el video
que tal, me parece muy buena la ayuda que presentan aca, yo como principiante en esto lo encuentro muy util GRACIAS!!!, pero tengo un problemita el video no lo puedo ver me dice que RECARGE la PAgina?!!, bueno espero encuentren solucion. saludos!

Nativius

11/11/2009
Excelente
Tus video tutoriales son muy didacticos y junto a los manuales se complementan muy bien. Agradezco la posibilidad que brindas para que los interesados como yo podamos aprender como armar un sitio web. Muchas Gracias

Sebastian (Nativius)

cotojuan

13/11/2009
¿se pueden descargar los video tutoriales?
Se pueden descargar, por fa alguien q me responda? Gracias

Spiderdraw

27/11/2009
Gracas
Muchas gracias por estos tutoriales y videos, que me están ayudando mucho en este camino de creación de paginas Web, en el que espero encontrar una ayuda para salir adelante con mis niñas

adolfo_clavijo

08/12/2009
Excelente
Excelente video tutorial, yo creia que manejaba esos estilos solo porque sabia hacer unos elncases con un par de cliks en DreamWeaver, pero aveces hacia cosas que no queria, y no entedia porque, ahora que he entendido el codigo gracias al manual logro ver las cosas mas claras, en pocas palabras el codigo fuente es el que me ha hecho enteder como funcionan los CSS.

09/1/2010
Gracias we
Esta muy bueno el videotutorial, tal vez le pudiste dar mas fluidez a las explicaciones para hacer mas ágil y rápido el conocimiento, pero considerando qeu hay gente que no tiene muchos conocimientos es una excelente herramienta de aprendizaje.

Gracias.

alx

20/1/2010
FELICITACIONES
Felicito totalmente el trabajo de desarrolloweb.com por dedicarse a explicar TAN BIEN diversos programas, de una forma sencilla pero muy relevante.
Sigan asi y sigan contribuyendo a una verdadera EDUCACIÓN PARA TODOS!!

SaludoS!!

Khodex

02/2/2010
Enhorabuena por el vídeotutorial
Muchas gracias por hacer este tipo de vídeos, lo veo de gran utilidad sobre todos para aquellos como yo que nunca se habían enfretado a este lenguaje de programación. El vídeo muy claro y explicativo. Enhorabuena.

Maxi

12/2/2010
Calidad
La explicacion es muy buena pero lastima la calidad del video... igual muhcas grcias. si se pudiese cambiar la calidad estaria perfecto.. particularmente yo no puedo leer lo q escriben en el editor.


PD: si puedieran decir q editor usan les agradezco... bye muy buena la pagina

yordo2010

24/3/2010
Descargar los videos de CSS
Me parece sorprendente ver que existen personas que se dediquen a tan interesante actividad como diseñar web, este tema me atrajo con particular interez. Asi que mi pregunta es de donde me puedo descargar estos interesantes videos de css

fabian_francisco_colman_lezcano

22/6/2010
Streamming malo. Imposibilidad de ver los videos.
Que pena no se pueden ver bien los videos. Se entrecortan un monton de veces tanto aqui como en Dailymotion. Habra alguna posibilidad de que los podamos descargar ? quizas ya hicieron la pregunta antes pero no vi respuesta...

saludos.fabian

Daniel

05/7/2010
capas
Amigo quisiera aprender a crear capas en css ya que estoy creando mi web en en tablas pero al aplicar una capa se mueve en el navegador y eso hace que sea molesto para otras resoluciones si podrias ayudarme te agradeseria o buen si quieres puedo pagarte esque me urge


gracias

GERMAN GAVA

08/7/2010
video css
MUY BUENO EL VIDEO Y SOBRE TODO SE ENTIENDE TODO PERFECTAMENTE.
GRACIAS Y SIGAN HACIENDO COSAS PARA QUE APRENDAMOS MAS.

juanele

19/7/2010
buen apoyo
hola me parece que este video es muy interesante para todos aquellos que deseamos mejorar nuestros conocimientos en desarrollo de paginas web, me sirve de muchisimo impoertancia, por que tengo un profesor per ocasi no le entiendo.. en esta pude ver.. con mas claridad y al grano.... les felicito por colocar a nuestra disposicion recursos como este.
saludos juanele

jorge_luis_ramirez_sotelo

28/7/2010
Jorge
Muy bueno , gracias !!!!

midesweb

20/10/2010
He puesto el vídeo en Youtube
Acabamos de publicar en Youtube este videotutorial de CSS, ya que nos permiten publicar vídeos de larga duración, una vez nos hemos convertido en partners de Youtube.

Esperamos que ahora los vídeos de CSS se puedan ver mejor desde otras partes del mundo distintas de España.

Lorenzo

07/11/2010
Excelente
Señores: Excelente el Manual y los videos, muy bien esplicsdos y organizado... ¡Los Felicito!.
Lorenzo
Argentina
San Luis

Eugenio

26/11/2010
Pues a mi no me va
Fantásticos vuestros manuales y videotutoriales, todo lo que pueda decir será bien poco pues hacen una labor imprescindible. Mi más sincera enhorabuena.

No obstante, creo haber seguido al pie de la letra la parte del CSS, y he hecho unas paginitas muy sencillas pero me encuentro con que según que navegador, van o no.

En el Chrome funcionan perfectamente, pero en el IE o el Firefox, se ven como texto plano.

Las páginas están en http://www.telefonica.net/web2/beta/soto.zip (son 8 paginas y en total ocupan unos 50 k, o sea nada).

Si alguien se anima a darles un vistazo y decirme que he hecho mal, quedaré muy agradecido, pues las he revisado mil veces y hecho mil cambios, pero no encuentro el modo de que se vean bien en cualquier navegador.

Agradecido de antemano por la ayuda. Un saludo.

roberto

22/2/2011
Esoy comenzando
Esta muy bueno el primer video y se han aclarado muchas cosas que no sabía como hacerlas...gracias...¿hay alguna lista de uso de las etiquetas?....saludos

karin

28/2/2011
Necesito comprender el CSS, para ordenarme ,usar mejor los recursos
Es excelente, yo buscaba entender css, ....esto fue lo mejor, la explicacion tan simple .
Gracias!!!

rodros

26/3/2011
Perfecto
Genial! se ven muy bien y son perfectos para gente como yo que recien empieza, explicados a la perfeccion!
gracias!

Esteban

23/4/2011
Descargar mp3
Antes que todo quisiera felicitarte, pero que buena página has hecho!
Ahora me gustaria saber si tu sabes como yo puedo meter a una página pues algo para que la gente pueda descargar musica en formato mp3 desde mi página,
no se si es con css o con html.
Muchas gracias, saludos.

alberto

06/5/2011
Excelente Video
Muy buen video y muy buena explicacion ojala subas la segunda parte

Yury Gerald

22/9/2011
Buenisimo!!!
Hola, acabo de terminar de ver este video y me ayudo mucho con este tema, explicado en detalle de muy buena forma. Muchas gracias por vuestro tiempo y dedicacion para compartir conocimientos.

Saludos desde Chile!.

sebabentancurt

24/12/2011
Muchas gracias!
La verdad que tus videos son fenomenales!! Solo vi la primera parte, pero mirare cada uno de elllos!! Muchas gracias por tu trabajo! muy bueno

Nardy

26/2/2012
Muy didáctico
Me impresiona el buen trabajo que han hecho. Es muy didáctico. Yo parto de 0 conocimientos y me he situado perfectamente en su contenido. Gracias por socializar el saber

sagelliv

07/4/2012
Excelente
De verdad que excelente yo novato en desarrollo de paginas web, esto me oriento y se al detalle para que sirven los span, style, ul,li,etc,,..Felicitaciones

Alfonso

23/5/2012
Video Css
Genial el video, GRACIAS!!!

Josue

16/4/2013
Muchas Gracias
Muchas gracias por el vídeo esta excelente.
Continúen así.

elciclon

13/11/2013
Manual CSS
Como estoy comenzando com CSS estos videos seran muy importante para aprofundar mis conocimientos para esta nueva etapa de aprendizado, mi intencion es aprender hacer uma pagina de internet, muchas gracias

elciclon-Angel

laika

23/6/2014
Gracias
Estoy estudiando este lenguaje, css, tanto con ustedes como con w3school.com y ustedes me han aclarado mucho.

Gracias y sigamos con el siguiente video.

olivera1961

08/8/2014
EXCELENCIA
Gracias por tus explicaciones claras y sensillas ayudas hacer un mejor mundo al compartir tus conocimientos. Eres un crack, te mereces siempre llevar el numero 10 de la seleccion Mundial. Ojala hubiera FIFA EN ESTA AREA.