Diplomado Web Developer HTML5 y Animation Jquery

1. Edición y Visualización de archivos HTML

Abrir una página Web en el Bloc de notas

Agregar la ubicación del archivo de datos a la lista de favoritos

Abrir un archivo desde el Explorador de Windows 7

Vista previa de una página Web en un explorador Web

Cómo hacer, guardar y ver los cambios.

1. Configuración de la estructura del documento

Especificación del tipo de documento

Crear el código HTML de Cabeza y partes de la carrocería

Creación de Párrafos y saltos de línea.

Especificación de un título de la página y metaetiquetas.

Publicación de un archivo a un servidor

1. Formato de texto utilizando etiquetas

Creación de encabezados

Aplicar formato de negrita y cursiva.

Aplicar formato de superíndice y subíndice.

Usando Monospace y texto preformateado

Formateo de una cita en bloque

Configuración de las opciones de Internet Explorer Vista

1. Uso de Listas y Fondos

Creación de listas numeradas y con viñetas.

Listas de anidación

Cambiar el símbolo de viñeta o número

Especificar el inicio de una lista numerada.

Creación de listas de definición

Inserción de caracteres especiales

Insertar líneas horizontales.

Elección de colores de fondo y primer plano.

Especificación de colores

Aplicar un color de fondo

Aplicar un color de primer plano.

Especificar un archivo de imagen de fondo.

1. Creación de hipervínculos y anclajes

Hiperenlaces a una página Web.

Utilización de rutas parciales y los nombres de archivo.

Utilización de rutas absolutas y relativas

Establecer una ventana de destino.

Hiperenlaces a una dirección de E-Mail

Crear Hiperenlaces y en Anchors.

Hiperenlaces a otros contenidos

Parte 2 CSS3 e Imágenes

1. Introducción a las Hojas de Estilo

Comprender los estilos.

La construcción de reglas de estilo

Creación de estilos para etiquetas anidadas.

Creación de clases y los identificadores de Aplicación de estilos.

Aplicación de estilos a hipervínculos

Crear y vincular a hojas de estilo externas.

1. Formato de texto mediante el uso de hojas de estilo

Especificación de una familia de fuentes

Especificación de un tamaño de fuente y color.

Aplicar negrita y cursiva

Aplicando Tachado y Subrayado.

Crear Spans Inline.

Ajuste de espacio entre las letras.

1. Párrafos formato mediante hojas de estilo

Aplicar un borde a un párrafo.

Especificación de un estilo de borde

Ajuste de relleno Fronteriza.

Especificación Ancho del borde y Color.

Formateo lados fronterizos individuales

Ajuste de todos los atributos de borde a la vez

Especificar la alineación horizontal de un párrafo

Especificación de espacio vertical dentro de un Párrafo

1. Visualización de gráficos

Selección de un formato de gráficos.

Preparación de gráficos para uso Web

Inserción de gráficos 144

Disposición de los elementos de la página.

Control del tamaño de la imagen y de relleno.

Hiperenlaces de gráficos

Utilización de gráficos Miniatura

Incluyendo texto alternativo para gráficos.

Adición de Pies de figuras.

Parte 3 Diseño de página y navegación

1. Creación de Ayudas para navegar en el sitio

Planificación Organización de su sitio

Creación de un texto basado en la barra de navegación

Crear una barra de navegación gráfica.

Creación de un mapa de imagen.

Redirigir a otra URL

1. Creación de la División de Diseños

Entender HTML5 Semantic Tags

Empiezo a pensar en las divisiones

La creación de las Divisiones.

Creación de un diseño de HTML5 Semantic

Divisiones de posicionamiento

Flotando una división a la derecha o izquierda.

Colocación de una división en la página

Divisiones de formato

1. Creación de tablas

Crear una tabla simple.

Especificación del tamaño de una tabla.

Especificar el ancho de una columna

La fusión de celdas de tabla

Uso de tablas para el diseño de página.

1. Cuadros de formato

Aplicar Bordes de tabla.

La aplicación de Fronteras mediante atributos

La aplicación de Fronteras mediante estilos

La aplicación de fondo y primer plano Rellena

Cambio de Relleno de celda, el espaciado y alineación

Ajuste Relleno de celda.

Configuración Espacio entre celdas

Cómo ajustar la alineación horizontal y vertical

1. Creación de formularios de usuario

Crear un formulario básico

Creación de un cuadro de texto

Tipos especiales de campo para correo electrónico y direcciones web.

La creación de un Área de texto.

Creación de un botón de Enviar o Borrar.

Adición de texto predeterminado o marcador de posición

Creación de casillas de verificación y botones de opción

Creación de listas.

Tipos adicionales de entrada en HTML5

Introducción a las herramientas avanzadas CGI y otros

1. La incorporación de Sonido y Video

¿Qué hay de nuevo con audio y vídeo en HTML5?

HTML Basics multimedia.

Formatos multimedia y Contenedores.

Codecs: Decodificación de vídeo y audio.

Qué formato elegir?

Tamaño de Archivo y Calidad.

Codificación de vídeo.

Incorporación de Video Clips.

Presentación de los Tag

La etiqueta : Su plan de retorno

La colocación de un clip de vídeo en una página Web.

La incorporación de audio en una página Web

Reproducción de audio con la etiqueta .

La colocación de un clip de audio en una página Web.

1. Incluidos JavaScript y contenido externo

JavaScript Brevemente

Incluyendo JavaScript en su página web

Su primer JavaScript Web Page

Eventos de JavaScript y jQuery

La obtención de jQuery

Preparándose para jQuery

Selección de elementos con jQuery

Llamar a funciones de JavaScript.

Responder a los eventos con jQuery JavaScript y

Usando el HTML5 Tag

Incluye contenido externo en las páginas

Parte 4 JQuery

1. Creación de gráficos e importación de arte

Entender los formatos de imagen

Trabajo con mapas de bits

Trabajar con gráficos vectoriales
SVG el futuro del formato de vector en HTML5

Creación de elementos HTML

Modificación de rectángulos

Trabajo con reglas y guías

Creación de texto

Incorporación de fuentes externas

Poner en orden sus elementos

La organización de sus elementos

Agregar efectos especiales CSS

Haciendo rotaciones

1. Diseño de Animación

Acerca de la animación

Comprender el archivo de proyecto

Posición con el Pin Animación

Cambio de velocidad y ritmo

Encendido y apagando objetos

Animación de escala

Crear fades

Opciones del panel Línea de tiempo

Copiar y pegar animaciones

Adición de flexibilización para refinar movimiento

Edición de tiempo total

1. Refinando tu animación y añadiendo complejidad

Acerca de los símbolos

Creación de animaciones anidadas

Animación de símbolos en el escenario

Creación de una animación en bucle

Instancias de símbolo

Comandos de reproducción

Edición de símbolos

Adición de caracteres

Clipping animación

Animación de las sombras

Trabajando con ease avanzados

1. Incrustando objetos multimedia y interactividad avanzada

Incorporación de archivos multimedia

Mostrar archivos multimedia

Extracción de archivos multimedia

Adición de hipervínculos

Adición de contenido HTML

Eventos con teclado

Manejo de la lógica con las condicionales

Uso de variables

Codificación de la presentación interactiva

Toques Finales

1. Editoriales y diseño responsivo

Publicación tu composición

Down-level Stage

Precargadores

Incorporación de la composición en HTML

Acerca del Diseño Responsivo

Recurso de Edge