Css

Video Tutoriales Css

Aqui Tienes el Un Listado de 19 Videos. Temario de los últimos tutoriales De Css:

( Que podras descargar, una vez inscrito aquí abajo, es decir tu te inscribes y vas a recibir los enlaces de descarga de los siguientes videos)

 

Video #1

Comenzamos el estudio de las Hojas de Estilo en Cascada (CSS). Utilizamos 2 de las 4 técnicas para usarlas: 1.- Colocando las instrucciones CSS en la cabecera o en el cuerpo del código HTML y 2.- Colocando las llamadas a los estilos en los Tags o Etiquetas. Tiempo de Video: 22 min 45 seg

Video #2

Continuando con el estudio de Hojas de Estilo en Cascada (CSS), analizamos las últimas opciones de incoporar estilos a nuestra web: 3.- Creando un archivo externo y llamarlo desde un link de la página principal y 4.- Importando un archivo externo al documento HTML. Tiempo de Video : 12 min 06 seg

Video #3

En el video 03 de esta serie, comenzamos a analizar lo que son las etiquetas div y span en un documento realizado con Hojas de Estilo en Cascada. Analizamos mas a fondo el atributo width, height y border – solid. Finalizamos probando como podemos colocar una div dentro de otra y los atributos que predominan al realizar esta modificación. Tiempo de Video : 16 min 25 seg

Video #4

Crear un tope con las etiquetas div y span; igualmente se crea un prototipo de menú lateral y un párrafo al lado del menú. Analizamos en este video, como afectan al diseño final de la página los atributos background y float. Realizamos pruebas finales para verificar las últimas modificaciones introducidas. Tiempo de Video : 17 min 59 seg  

Video #5

Analizando los atributos padding y margin y sus variantes: left, top, right y bottom. Colocar un valor de padding o margin único. Indicarle al documento mediante estos atributos de hojas de estilo como colocar los valores en el sentido de las agujas del reloj, comenzando por la izquierda. Tiempo de Video : 16 min 24 seg

Video #6

Estudio de los atributos class y id en las etiquetas div y la forma de identificar cada uno de estos atributos en la sección de estilos. La utilidad de estos atributos usando etiquetas de HTML sencillas. Extendiendo el uso de los atributos analizados en los videotutoriales previos. Tiempo de Video : 12 min 24 seg

Video #7

Análisis de los atributos text y line-height. Dentro de estos dos atributos hacemos referencia a las opciones que tenemos de alinear el texto en un div determinado. De igual forma estudiamos text-decoration, y finalizamos el video con la altura entre líneas que nos permite una de los dos atributos que se van a ver en este video. Tiempo de Video : 11 min 46 seg

Video #8

Crear el sitio para los archivos del curso. Utilizar el atributo background y cada una de sus variantes: background-image, backgroud-repeat, background-position, background-attachment.Usar el background en un div, probar un div con imagen. Tiempo de Video : 21 min 20 seg

Video #9

Estudio del atributo font y sus variantes: font-family, (alterar el orden de la fuentes con una fuente propia), font-size, color, font-style, font-weight, font-variant. Aplicar estilos a una frase específica de un párrafo, mediante span.

Tiempo de Video : 18 min 52 seg

Video #10

Análisis de los atributos float y clear para los div. Diversos ejemplos y examinar los resultados en el navegador. Utilidad de estos dos atributos a la hora de trabajar con estilos. Tiempo de Video : 13 min 44 seg

Video #11

Estudio del atributo position y sus respectivas variantes: absolute, relative, static y fixed. Uso de todas estas variantes en un texto en itálicas. Manejo de etiquetas HTML desde la zona de estilos. Tiempo de Video : 10 min 40 seg
Video #12

Continuando con nuestro estudio de las CSS pasamos a analizar en profundidad el atributo border y sus variantes: border-bottom, border-right, border-top y border-left y los subatributos dashed, dotted y groove. Tiempo de Video : 15 min 33 seg

Video #13

Finalizamos la parte del curso de CSS usando código con el estudio de el atributo overflow y sus variantes: auto, scroll y visible. En próximos videos de este curso, pasamos a la parte práctica de usar CSS y TABLELESS. Tiempo de Video : 12 min 04 seg

Video #14

Comienzo de CSS Práctico. Crear los fundamentos para realizar un menú horizontal. Usando Dreamweaver para crear las reglas de estilo CSS. Tiempo de Video : 11 min 58 seg

Video #15

Usar las reglas CSS para cambiar el menú vertical a horizontal. Utilizar las propiedades respectivas para colocar el color de fondo y separar las opciones mediante la propiedad Box. Tiempo de Video : 11 min 54 seg

Video #16

Finalizamos nuestro menú horizontal, realizado con 100% CSS y Tableless. Efecto de tipo rollover usando varias opciones. Tiempo de Video : 19 min 53 seg

Video #17

Cambiar el menú horizontal del video pasado a menú vertical. Hacer los cambios respectivos en las propiedades CSS. Visualizar el resultado. Realizar cambio de color de fondo del menu y el color del hover. Tiempo de Video : 10 min 21 seg

Video #18

Crear la Estructura Inicial de un proyecto final usando Tableless o CSS Práctico. Crear el Esquema en Divs: Cuerpo, Encabezado, Menú, Columna Izquierda, Columna Derecha, Contenido y Pie de Página. Visualizar el resultado. Tiempo de Video : 09 min 42 seg

 

Video #19

Aplicar reglas de estilo a la sección CUERPO de nuestro documento Tableless. Realizar los cambios aplicados. Tiempo de Video : 10 min 29 seg

 

Video #20

Aplicar reglas de estilo para encabezado y colocar una imagen. Crear las reglas de estilo para: menú, columna izquierda, columna derecha y contenido.
Tiempo de Video : 20 min 21 seg

 

 

 

Deja un comentario (2 Comentarios hasta ahora)


  1. Stanley
    9 meses ago

    Hola como estas espero que bien. Me gustaria saber donde puedo conseguir los videos que tenes Ahorita mismo en youtube lo del sistema de la pizeria con asp.net y c# Sql server donde lo puedo conseguir ya que en youtube, no estan completos. y me gustaria tenerlo para practicar ya que soy un principiante


    • jjmartinezf
      9 meses ago

      Saludos, amigo Stanley …. Es recomendable que lean la descripción de los videos para que vean de que trata, las instrucciones y las condiciones. Te dejo el enlace del último video para que lo repases (revisa la descripción del mismo, alli está la forma de obtenerlos).

      http://youtu.be/hGFN-zQt7KE

      Ya te doy mas información a tu correo personal.

      Javier.-

Creacion Web Corporativa

Swing Avanzado Los secretos del iReports

Los Secretos del iReports

Curso Visual C#.NET Básico y Avanzado

Visual C Básico y avanzado

Curso de Base de Datos Con SQL Server

PHP Básico y Avanzado

Curso De Java Avanzado

Video Tutoriales Gratuitos, Seminarios Y Boletín

Tu Tienda Online Con Dreamweaver

E-Commerce