Índice general. Pág. N. 1. Capítulo 1. Capítulo 2

Transcripción

1 Pág. N. 1 Índice general Capítulo 1 Introducción al diseño web con HTML 5 y CSS3 1.1 Las versiones del HTML 1.2 Los navegadores y sus diferencias Tiempo de carga Entorno de trabajo Ventanas emergentes 1.3 HTML5 y sus novedades 1.4 HTML5 y las Hojas de Estilo en Cascada 1.5 HTML5 y JavaScript 1.6 HTML5 y jquery 1.7 HTML5 y los dispositivos móviles 1.8 Cuál es la diferencia entre W3C y WHATWG 1.9 Requerimientos mínimos del sistema 1.10 Cómo determinar si mi navegador está preparado para HTML Comprendiendo la URL 1.12 Implementando un documento web HTML5 con Bloc de Notas 1.13 Implementando un documento web HTML5 con Komodo Edit 1.14 Implementando un documento web HTML5 con Sublime Text Capítulo 2 Estructurando documentos para la web 2.1 Estructura de una etiqueta HTML5 2.2 Etiquetas obsoletas para HTML5 2.3 Elementos que cambian su significado 2.4 Los atributos de una etiqueta HTML5 2.5 Identificación de los atributos en una etiqueta HTML Atributo id Atributo class Atributo title Atributo style Atributo dir Atributo lang 2.6 Especificación DOCTYPE 2.7 La etiqueta HEAD 2.8 La etiqueta TITLE 2.9 La etiqueta LINK 2.10 La etiqueta BODY

2 Pág. N Qué elementos podemos colocar dentro del BODY 2.11 Comentarios en HTML Trabajando con etiquetas grupales La etiqueta DIV La etiqueta HEADER La etiqueta HGROUP La etiqueta NAV La etiqueta SECTION La etiqueta ARTICLE La etiqueta HR Introducción a la etiqueta BLOCKQUOTE Introducción a la etiqueta CITE La etiqueta ASIDE La etiqueta FOOTER La etiqueta ADDRESS 2.13 Trabajando con etiquetas de listas La etiqueta UL Lista desordenada La etiqueta OL Lista Ordenada Capítulo 3 Formateando un texto web 3.1 Formato básico de un texto La implementación de cabeceras con la etiqueta Hn La etiqueta de párrafo P La etiqueta de cambio de línea BR La etiqueta de preformato de texto PRE 3.2 La semántica de los textos La etiqueta SPAN La etiqueta EM La etiqueta STRONG La etiqueta B La etiqueta I La etiqueta SMALL La etiqueta CITE La etiqueta Q La etiqueta <blockquote> La etiqueta DFN La etiqueta ABBR La etiqueta TIME La etiqueta CODE Código: SGC-P-D-F4 Versión: 01 Fecha:

3 Pág. N La etiqueta FIGURE y FIGCAPTION La etiqueta VAR La etiqueta SAMP La etiqueta KBD La etiqueta SUP La etiqueta SUB La etiqueta MARK 3.3 Usando caracteres especiales Capítulo 4 Enlaces y navegación 4.1 Estructura de la URL 4.2 Enlaces básicos Enlazando a otra página web Enlazando a un e mail 4.3 Tipos de URL URL absoluta URL relative 4.4 La etiqueta BASE 4.5 Atributos de la etiqueta A 4.6 Implementación de enlaces por anclas Capítulo 5 Imágenes, audio y video 5.1 Seleccionando de manera correcta las imágenes Imágenes GIF Imágenes JPG Cómo podemos encontrar imágenes de alta calidad en el buscador Google Imágenes PNG 5.2 Agregando imágenes con la etiqueta IMG Atributo SRC Atributo ALT Atributo HEIGHT y WIDTH. Definición de alto y ancho de una imagen 5.3 Usando imágenes como enlaces Definición de mapas La etiqueta MAP Asociación entre la imagen y los mapas 5.4 Agregando videos de YouTube Cómo se insertan los parámetros de Youtube 5.5 Agregando audio y video con HTML5

4 Pág. N La etiqueta VIDEO La etiqueta AUDIO La etiqueta OBJECT La etiqueta PARAM Capítulo 6 Manejo de tablas para la web 6.1 Introducción a las Tablas Web 6.2 Elementos básicos y atributos de una tabla 6.3 La etiqueta TABLE 6.4 Etiqueta TR 6.5 Etiqueta TD y TH 6.6 Atributo ROWSPAN 6.7 Atributo COLSPAN 6.8 Atributo HEADERS 6.9 Atributo SCOPE 6.10 Dividir la tabla en HEAD, BODY y FOOT 6.11 Agrupando columnas Etiqueta COLGROUP 6.12 La etiqueta CAPTION Capítulo 7 Manejo de formularios para la web 7.1 Introducción a los formularios web Formulario de contacto Formulario de encuesta de satisfacción Formulario de solicitud de empleo o registro de datos Formulario de reservación 7.2 Creando un formulario etiqueta FORM Atributo ACTION Atributo METHOD Atributo ID Atributo NAME Atributo ENCTYPE Atributo ACCEPT CHARSET Atributo NOVALIDATE Atributo TARGET Atributo AUTOCOMPLETE 7.3 Control de textos para formularios

5 Pág. N Etiqueta LABEL Cuadro de texto simple Cuadro de texto múltiple Cuadro de password Entrada de teléfono Entrada de correo electrónico Entrada de color Entrada de fecha Etiqueta NUMBER Etiqueta URL Etiqueta RANGE 7.4 Control de botones para formularios Usando imágenes para botones Etiqueta Output 7.5 Control de cuadros de chequeo 7.6 Control de botones de radio 7.7 Control de cuadro combinado 7.8 Control de cuadro de lista 7.9 Etiqueta DATALIST 7.10 Control de archivos 7.11 Control de datos ocultos Capítulo 8 Hojas de Estilos en Cascada CSS3 8.1 Breve historia de CSS 8.2 Soporte de CSS3 en los navegadores 8.3 Especificación oficial 8.4 Cómo se compone un estilo CSS3 8.5 Funcionamiento básico de CSS3 8.6 Cómo incluir CSS en un documento HTML Estilo aplicado a una etiqueta HTML Estilo a nivel de página Estilo externo al documento HTML Estilo importado al documento HTML 8.7 Los medios aplicados con CSS 8.8 Los comentarios en CSS 8.9 Sintaxis que define una propiedad en CSS 8.10 Selectores básicos Selector universal Selector de etiqueta Selector de descendencia Selector de clase Selector de identificación

6 Pág. N Selectores avanzados Selector hijo Selector adyacente 8.12 Agrupación de reglas CSS 8.13 Anchura y altura Unidades relativas Unidades absolutas 8.14 Recomendaciones para el uso de medidas 8.15 Márgenes y rellenos Elementos de bloque Elementos de línea 8.16 Bordes Ancho de borde Color de borde Estilo de borde 8.17 Fondos Backgroudn color Background image Background repeat 8.18 Posicionamiento CSS 8.19 Tipos de elementos 8.20 Posicionamiento Posicionamiento normal Posicionamiento relativo Posicionamiento absoluto Posicionamiento fijo Posicionamiento flotante 8.21 Casos desarrollados Capítulo 9 Estilos para selectores 9.1 Tipografia Propiedad Font Family Propiedad Font Size Propiedad Color Propiedad Font weight 9.2 Vínculos básicos 9.3 Pseudo clases 9.4 Aplicando decoración al vínculo

7 Pág. N Asignar un color a los diferentes estados de un vínculo Asignar propiedades al vínculo por identificador 9.5 Vínculos avanzados implementación de un menú de opciones de forma vertical 9.6 Implementación de un menú de opciones de forma horizontal 9.7 CSS para imágenes Establecer la anchura y altura de las imágenes Establecer imágenes con posicionamiento flotante Establecer un borde o marco a una imagen Asignar sombra a la imagen Agrupar dos o más imágenes en una misma etiqueta Efectos especiales de la imagen