Jump to content

Videotutoriales XHTML+CSS+JavaScript


Recommended Posts

Son en Total 49 videotutoriales. Dejo a uds. los primeros 15, dependiendo si les gusto estos video tutoriales subo los otros (CSS + JavaScript).

 

 

01.-Curso XHTML, Entender XHTML

 

Se trata de un Curso completo y Avanzado de XHTML. Se trata de un curso que se centra en la situación actual y las perspectivas de futuro en la elaboración de Páginas Web.

 

Duración: 53m aprox

Tamaño: 14 MB

Formato: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

 

02.-Curso XHTML, Elementos HTML

 

Seguimos con una perspectiva de los elementos que forman un documento HTML. Contenido:

 

* Elementos de línea

* Etiquetas básicas de línea

* Etiqueta span

* Caracteres especiales o entidades

* Elementos organizativos

* Tablas y Formularios

* Enlaces a otras páginas

* Imágenes

* Comentarios y Scripts

 

 

Duración: 45m aprox

Tamaño: 16 MB

Formato: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

03.-Curso XHTML, Comenzar una página Web

 

* Comenzar una página Web

* Normas básicas para el código HTM

* Crear la estructura básica

* Declarar un Tipo de Documento

* Especificar un Título del Documento

* Proveer información para los motores de búsqueda

* Configurar rutas por defecto

* Crear Actualizaciones automáticas y Redirecciones

* Color e imagen de fondo de una página

 

 

Duración: 55m aprox

Tamaño: 21 MB

Formato: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

04. -Curso de XHTML. Elementos fundamentales en la creación de XHTML .

 

* Líneas, roturas de línea y espacios

* Espacios sin rotura

* Uso de guiones

* Preservar formateo

* Sangrados

* Cabeceras

* líneas horizontales

* Agrupamientos con Listas

* Entender listas

* Listas Ordenadas

* Listas no Ordenadas

 

 

Duración videotutorial: 1h:10m aprox.

Tamaño: 27 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar de Freakshare

 

05. .-Curso de XHTML. Dedicado al uso de imágenes en documentos HTML:

 

* Listas de definición

* Listas anidadas

* Formatos de imagen para la web

* Compresión de imágenes

* Opciones de compresión

* Profundidad colores imagen

* Mejorar velocidad descarga

* Crear Gráficos

* JPEGs progresivos y GIFs entrelazados

* Usar transparencias

* Alinear imágenes

* Especificar texto alternativo

* Tamaño y escala

* Bordes imagen

* Mapas de imagen

* Especificar regiones mapa

* Imágenes animadas

 

 

Duración videotutorial: 1h:24m aprox.

Tamaño: 33 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

06. -Curso de XHTML. ¿Qué es un enlace?

 

* Enlazar una página Web

* Enlaces relativos y absolutos

* Targets para los enlaces

* Títulos para los enlaces

* Teclas de acceso rápido y orden tabuladores

* Crear un ancla

* Elegir colores para los enlaces

* Detalles destinos enlaces

* La etiqueta link.

 

 

Duración videotutorial: 1h:05m aprox.

Tamaño: 25 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

07. -Curso de XHTML en el que vemos las etiquetas de texto:

 

* Métodos de control de texto

* Texto negrita e itálica

* Fuentes Monoespaciadas

* Superscripts y Subscripts

* Abreviaturas

* Marcadores de inserciones y borrados

* Agrupar elemento Inloine con la etiqueta

 

 

Duración videotutorial: 32m aprox.

Tamaño: 10 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

08.- Curso XHTML: Caracteres especiales

 

* Caracteres Especiales

* Entender la codificación de los caracteres

* Caracteres Especiales

* Espacios y guiones En y Em

* Símbolos de Copyright y Trademark

* Comillas reales

* Caracteres acentuados

* Flechas y caracteres matemáticos

* Otras entidades útiles

 

 

Duración videotutorial: 30m aprox.

Tamaño: 9 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

09.- Curso XHTML: Fundamentales trabajo con tablas I

 

* Partes de una tabla

* Alineamiento y ancho de tabla

* Cell Spacing y Padding

* Bordes y Separadores

* Bordes de tabla

* Separadores de Tabla

* Filas

* Celdas

* Encabezado de tabla

 

 

Duración videotutorial: 45m aprox.

Tamaño: 16 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

10.- Curso XHTML: Fundamentales trabajo con tablas II

 

* Tablas complejas

* Cabecera, Cuerpo y Pie

* Colores de fondo

* Expandir columnas y filas

* Agrupar Columnas

 

 

Duración videotutorial: 44m aprox.

Tamaño: 7 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

11.- Curso XHTML. Diseño de páginas web con Tablas I

 

* Diseño de páginas web mediante el uso de tablas

* Formateos básicos con tablas

* Ejemplos reales de diseños con tablas

* Páginas flotantes

* Ventajas e inconvenientes del uso de tablas y del uso de estilos CSS

 

 

Duración videotutorial: 40m aprox.

Tamaño: 20 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

12.- Curso XHTML. Diseño práctico página web con tablas anidadas

 

Creación de un diseño de página web mediante el uso de tablas anidadas. Estudiamos laestructura y elaboramos el código paso a paso, parándonos en los aspectos clave como la situación de las tablas anidadas o el uso de rowspan y colspan para encajar columnas y filas. Para terminar realizamos el mismo diseño con el sistema de diseño de Dreamweaver para comparar los dos sistemas.

 

Duración videotutorial: 1h aprox.

Tamaño: 35 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

13.- Curso XHTML. Diseño práctico página web con rowspan y colspan

 

Diseño práctico de páginas web mediante el uso de tablas. En este caso creamos un nuevo diseño usando los atributos rowspan y colspam. Analizamos paso a paso el código de creación viendo sus elementos fundamentales y terminamos de nuevo creando ese mismo diseño con ImageReady.

 

Duración videotutorial: 40m aprox.

Tamaño: 29 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

14.- Curso XHTML. Creación de Formularios I

 

* Insertar un formulario

* HTTP GET

* HTTP POST

* Atributos de el campo

* Text Input Boxes

* Password Input Boxes

* Radio Buttons

* Check Boxes

* List Boxes

* Large Text Areas

 

 

Duración videotutorial: 1h:10m aprox.

Tamaño: 23 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

15.- Curso XHTML. Crear Formularios II

 

* Campos ocultos

* Botones

* Imágenes

* Campo de archivos

* Botones Submit y Reset

* Atajos de Teclado y Orden de Tabulador

* Evitar cambios

* Agrupamiento de campos y leyendas

* Uso de los formularios.

 

 

Duración videotutorial: 35m aprox.

Tamaño: 15 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

Fin de la 1 Parte. Proximos videotutoriales CSS y JavaScript.

 

Videotutoriales CSS

 

 

16. Hojas de Estilo en Cascada, CSS.

 

* ¿Que es CSS?

* Reglas de Estilo CSS

* Localización de las reglas de Estilo

* Usar el Elemento Style

* Uso de Hojas de Estilo Externas

* Uso del atributo Style dentro de etiquetas individuales

* Entender el concepto de Estilo en Cascada

* Superposiciones de Estilos

 

Duración videotutorial: 55m aprox.

Tamaño: 24 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

17. Seguimos con el Uso de las Hojas de Estilo en Cascada, CSS.

 

* Crear Reglas de Estilo

* Entender los Selectores

* Emparejar elementos por Nombre

* Uso del Selector Universal

* Emparejar elementos por clase

* Emparejar elementos por identificador

* Emparejar hijos, descendientes y hermanos adyacentes

* Entender la jerarquía de un documento

* Mecanismos de Selección por Jerarquías

* Entender Herencias

 

Duración videotutorial: 17m aprox.

Tamaño: 28 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

18. Reglas de Estilo CSS

 

* Pseudo-Clases :first-child; :lang

* Pseudo-elementos; :first-line; :first-letter; :before; :after

* Atajos para expresiones

* Sitios web sobre CSS

 

Duración videotutorial: 50m aprox.

Tamaño: 27 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

19. CSS práctico. Tipografía

 

* Tipo de Fuente

* Forzar tamaño de Fuente

* Configurar letra inicial de un párrafo

* Letra inicial Mayúscula y Centrada

* Formas de personalizar tamaño Fuentes

* Uso de una imagen como letra inicial

* Personalizar cabeceras

* Bordes Cabecera

* Cabecera con imagen

 

Duración videotutorial: 1h aprox.

Tamaño: 23 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

20. CSS práctico. Textos

 

* Crear citas personalizadas con HTML

* Crear citas con bordes

* Crear citas con imágenes

* Crear sangrado en la primera línea de los párrafos

* Configurar el sangrado de párrafos enteros

* Configurar texto como justificado

* Dar estilo a la primera línea de un párrafo

* Dar estilo a la primera línea con una imagen

* Crear texto destacado con color de fondo

* Configurar el interlineado

 

Duración videotutorial: 37m aprox.

Tamaño: 16 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

21. CSS práctico. Elementos de página, primera parte

 

* Modificar o eliminar márgenes de la página

* Dar color a las barras de scroll

* Centrar elementos de una página Web

* Centrar textos

* Centrar tablas

* Centrar imágenes

* Centrar grupos de elementos

 

Duración videotutorial: 30m aprox.

Tamaño: 18 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

22. CSS práctico. Elementos de página, segunda parte

 

* Crear fondos con imagen que no se repita

* Fondos con imagen que se repita horizontalmente

* Fondos con imagen en una posición exacta

* Fondos con imagen fija

* Crear bordes para páginas o para elementos de página

* Personalización de los separadores horizontales

 

Duración videotutorial: 34m aprox.

Tamaño: 26 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

23. CSS Práctico. Enlaces, primera parte

 

* Eliminar el subrayado de los enlaces

* Configurar un estilo de decoración distinto del subrayado

* Cambiar los cursores

* Crear Rollovers sin JavaScript

* Crear Menús completos con CSS

 

Duración videotutorial: 30m aprox.

Tamaño: 10 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

24. CSS Práctico. Enlaces, segunda parte

 

* Crear Menús Colapsables

* Crear Menús Horizontales

* Crear Menús de navegación por pista

 

Duración videotutorial: 22m aprox.

Tamaño: 5 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

25. CSS práctico. Enlaces 3, tercera parte

 

* Como crear un enlace con una imagen rollover de fondo

* Como sustituir un título por una imagen personalizada

* Crear una imagen con rollover de fondo usando el método Pixy

* Diseñar un menú visual dinámico con pestañas de bordes curvos

* Crear un menú contextual con enlace diferente para la página activa

 

Duración videotutorial: 30m aprox.

Tamaño: 10 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

26. Crear diseño Web híbrido

A modo taller de trabajo, vemos como crear un diseño de página web híbrido, con el uso de Una tabla HTML para crear la estructura y mediante atributos id usamos hojas de estilo CSS para estilizar las distintas partes del diseño.

 

Duración videotutorial: 40m aprox.

Tamaño: 17 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

27. Creación diseños con CSS

 

* Ejemplos de diseños Web basados exclusivamente en el uso de hojas de estilo CSS

* Construir un diseño basado en una columna, flexible y fijo

* Diseño basado en dos columnas

* Uso de las propiedades float y clear

 

Duración videotutorial: 30m aprox.

Tamaño: 20 MB.

Formato video: .flv

 

Descargar desde depositfiles

Descargar desde Freakshare

 

Fin parte CSS. Proximos videotutoriales Javascript.

 

 

 

Edited by judarove
Link to comment
Share on other sites

  • 2 weeks later...
  • 3 weeks later...
  • 2 weeks later...

28.- Introducción

 

¿Qué es JavaScript? ¿Qué no es Javascript? ¿Para que sirve JavaScript? ¿JavaScript y Eventos? ¿Donde colocar el Código JavaScript? Archivos JavaScript externos. Media hora en 15 megas para introducirse al lenguaje que con la aparición de AJAX se ha convertido en el centro de la Web 2.0

 

Descargar

 

29.- Configuración

 

La sintaxis Javascript; Case sensivity; Forma libre y palabras reservadas; Declaraciones y uso del punto y coma; Comentarios; uso de la etiqueta ; Media hora en 16 megas.

 

Descargar

 

30.- JavaScript. Crear el primer script

 

Creamos nuestro primer Script completo: Un reloj. Estructura del script; Añadir declaraciones; Crear la salida en pantalla; Personalizar el resultado; Solucionar errores en el código. 30 minutos en 10 megas.

 

Descargar

 

31.- Como trabaja JavaScript

 

Una perspectiva general antes de empezar a analizar en detalle las distintas partes: Cómo organizar scripts usando funciones; Qué son los objetos y como los usa JavaScript; Como puede JavaScript responder a eventos; Introducción a declaraciones condicionales y loops; En qué orden ejecuta javascript los distintos scripts; Añadir comentarios en un script. Son 31 minutos en 17 megas.

 

Descargar

 

32.- Uso de Funciones.

 

Uso de Funciones en java script: Definir una función; Llamar a una función; Funciones que devuelven un valor. Son 25 minutos en 10 megas.

 

Descargar

 

33.- Uso de Variables.

 

Seguimos con la parte dedicada a JavaScript y vemos las Variables: Entender las expresiones y los operadores; Usar Operadores JavaScript; Prioridad de los Operadores; Usar Variables; Elegir nombres de Variables; Variables Locales y Globales; Asignar Valores a Variables. Son 30 minutos en 12 megas.

 

Descargar

 

 

34.- Expresiones y Datos.

 

Seguimos con los fundamentales de JavaScript y terminamos el bloque dedicado a Funciones y Variables. Tipos de Datos en JavaScript; Convertir entre tipos de datos; Taller de trabajo Almacenar Datos de usuarios en variables. Son 25 minutos en 12 megas.

 

Descargar

 

35.- Trabajo con Strings

 

Empezamos un nuevo bloque que vamos dedicar a Strings y Arrays. Empezamos con el estudio de los Strings. Como almacena JavaScript los strings en los objetos String; Crear y usar objetos String; Calcular el tamaño de un string; Trabajar con partes de un string; Encontrar un string dentro de un string más largo. 50 minutos en 35 megas. Incluye los archivos de prácticas.

 

Descargar

 

36.- Uso de Arrays en JavaScript

 

Usar Arrays Numéricos; Crear un Array numérico; Tamaño de un Array; Acceder a los elementos de un Array; Usar Arrays String; Crear un Array String; Cortar un String con split( ); Unir un String con el método join( ); Clasificar un String Array con sort( ); Clasificar un Array numérico; Taller de trabajo; Crear un mensaje en Scroll. Son 51 minutos en 19 megas. Incluye las prácticas.

 

Descargar.

 

37.- Uso de Condicionales en JavaScript

 

Empezamos el bloque dedicado a los condicionales: Comprobar y comparar valores; La declaración if; Operadores condicionales; Combinar condiciones con Operadores Lógicos; La palabra clave else; Usar expresiones condicionales abreviadas. Son 31 minutos en 14 megas. Inlcuye los archivos de prácticas.

 

Descargar

 

38.- else if y switch en JavaScript

 

Terminamos el bloque dedicado a los Condicionales: Uso de else if; Uso de condiciones múltiples con switch; Taller de trabajo: Evaluación de las respuestas de usuarios; Son 30 minutos en 14 megas.

 

Descargar

 

 

39.- Uso de loops en JavaScript

 

Uso de los loops; el loop while; loop do / while; loop for. 31 minutos en 11 megas.

 

Descargar.

 

 

40.- JavaScript uso de Loops 2

 

Javascript. Uso de Loops (2). Poblar un Array con un Loop For; Usar un Array con el loop for in; Controlar un loop con break y continue; Loops anidados; Taller de trabajo. Son 50 minutos en en 15 megas.

 

Descargar

 

41.- Uso de Objetos en JavaScript

 

¿Qué es un Objeto?; Crear Objetos e Instancias de Objetos; Propiedades y Valores de Objetos; Los Métodos de Objetos; Usar la palabra Clave With con Instancias de Objetos; Ejemplos de Objetos Built-in. 30 Minutos en 11 megas.

 

Descargar

 

42.- Javascript. El Objeto Math.

 

Seguimos con JavaScript y dedicamos todo este VideoTutorial a prácticas con el Objeto Math. Uso de las propiedades constantes del Objeto Math; Uso de los Métodos floor( ), ceil( ), y round( ); Generar números aleatorios; Creación de un visualizador de imágenes aleatorias. Son 42 minutos en 18 megas.

 

Descargar

 

 

43.- JavaScript. Objeto Date

 

Objeto Date. Elaborando distintos Scripts como la creación de un convertidor horario universal o un script que escribiendo la fecha de tu nacimiento te devuelve el día que era. Son 54 minutos en 23 megas.

 

Descargar

 

44.- Trabajar con el DOM

 

Seguimos con JavaScript y empezamos a ver el DOM (Document Object Model). Entender el DOM; Acceder a los distintos objetos del DOM; Usar objetos window; Trabajar con documentos web; Usar links y anchors. 33 minutos en 18 megas.

 

Descargar

 

 

45.- Trabajar con el DOM II

 

El Objeto History; Acceder a las propiedades del Documento; El Objeto Navigator; Acceder a las propiedades del Navegador; Detección de plug-ins. Son 30 minutos en 12 megas.

 

Descargar

 

46.- Gestores de Eventos

 

¿Qué son los Gestores de Eventos y que hacen?; Crear y utilizar Gestores de Eventos; Uso de Eventos en etiquetas HTML; Dar valor a un evento. Uso de eventos con funciones internas, funciones propias y declaraciones. 30 minutos en 12 megas.

 

Descargar

 

 

47.- Gestores de Eventos como métodos JavaScript

 

Los métodos de Evento; Uso de onFocus y onClick; Uso de onSubmit; Gestionar un Evento de Ventana; Eventos onLoad y onUnload. Son 36 minutos en 14 megas.

 

Descargar

 

48.- Uso de Eventos de Ratón

 

Eventos de Ratón. Gestionar Eventos de ratón; descripción; como usar eventos de ratón; Enlaces y eventos de ratón; Eventos de ratón e imágenes; Crear Rollovers y Slide Shows; Gestionar eventos de enlaces. Son 32 minutos en 14 megas.

 

Descargar

 

49.- Curso de VideoTutoriales XHTML, CSS y JavaScript

 

Vemos los eventos de formulario y eventos de teclado. Uso de la palabra clave "this" en formularios y botones; El gestor de Eventos onClick aplicado en los formularios; Gestores de evento y Métodos de evento en un mismo script; Uso de los gestores de evento onFocus y onBlur en formularios; Eventos de Teclado: onKeyPress, onKeyDown, and onKeyUp. Son 50 minutos en 17 megas.

 

Descargar

 

:banana: :banana: :banana: :banana:

Link to comment
Share on other sites

  • 2 months later...
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...