Videotutoriales XHTML+CSS+JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fin parte CSS. Proximos videotutoriales Javascript.

Edited February 18, 2010 by judarove

mapeca · January 31, 2010

O_o Compadre muchas gracias bajando :banana:

dragon hacker · February 9, 2010

ooo man se agradece :rolleyes:

devc++ · February 13, 2010

wena y yo que queria aprender a programar paginas web :banana: :banana:

apoyando la subida de las otras partes.

grax men.

mas bananitas para ti :banana: :banana: :banana: :banana: XD.

Edited February 13, 2010 by devc++

molyrrk · March 5, 2010

weeeeeeeena excelente bajando!

judarove · March 20, 2010

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

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.