Professional Documents
Culture Documents
24 de enero de 2014
Comenzamos un nuevo curso de HTML5. En este vdeo de presentacin
vemos los contenidos que se impartirn durante el curso.
Temario
Que es HTML5
- HTML5 como estndar que une varias tecnologas
Componentes bsicos de documentos HTML5
Estructura de documento HTML
- Etiquetas bsicas de estructura
- Estructura de cabecera
- Estructura del cuerpo
Dentro del cuerpo
Nuevos y viejos elementos
CSS y HTML
- Tipos de estilo y estructura
Componentes principales de CSS
Tipos de selectores
- Aplicar CSS a documento HTML
- CSS3
Las nuevas reglas
Transformaciones
Transiciones
JavaScript y HTML
- Que es JavaScript y su importancia en la web
- Sintaxis
- Selectores
- Eventos
- APIs
- Libreras externas
Audio y video
- Video en HTML5
Programacin de reproductor
Formatos
Atributos
- Audio en HTML5
Programando reproductor
Atributos
Formularios y su API
- Formularios web
Elementos
Tipos de datos
Atributos
Nuevos elementos de formulario
Api Canvas
- El lienzo
Dibujos bsicos
Imgenes en el lienzo
Animaciones en el lienzo
Video en el lienzo
API Drag and Drop (Arrastrar y soltar)
- Eventos nuevos
- Mtodos
- Propiedades
Geolocalizacin
- Mtodos para detectar localizacin de visitantes
- Trabajo con google maps
- Mtodos y objetos
Almacenamiento web (Web Storage)
- Crear, leer y eliminar datos
- Tipos de almacenamientos
- Mtodos
- Propiedades
API Bases de datos(IndexedDB)
- BBDD, ndices y transacciones
- Abrir BBDD, agregar y eliminar objetos
- Bsquedas de datos
API manejo de archivos (API File)
- Sistemas de archivos
- Propiedades de archivos
- El disco duro
Creacin de archivos
Eliminacin de archivos
Copiar, cortar y pegar
API Comunicacin (API Comunication)
- Ajax
- Cross document
- Web sockets
API Web Worker
- Los trabajadores web
- Deteccin de errores
API History (Historial)
- Nuevos mtodos de navegacin en la web
- Urls errneas o falsas
API Offline
- Trabajo con cache
- Manifiesto
- Categoras
- Comentarios
Video 6 CSS 1
4 de febrero de 2014
Evolucin
HTML con atributos etiqueta
Separacin estructura y apariencia
Estructura = HTML Apariencia = CSS
Estructura = HTML Apariencia = css3
Donde colocar el codigo css
En archivo independiente
Con extensin .CSS Modificacin de forma fcil y rpida de
todas las pginas web con las que se est trabajando y que
formen parte del sitio.
En cabecera de documento HTML
Dentro de la etiqueta head Modificar apariencia de toda la
pgina web
Dentro de etiqueta
Estilo inline. Casos muy concretos en los que se modifica una
etiqueta muy concreta para diferenciarlas de todas las dems
Modelo caja contenedor
Dos tipos de etiquetas HTML
- Etiquetas block: Generan un salto de linea por arriba y por abajo de
la etiqueta, ocupan el 100% del ancho del documento
- Etiquetas inline: No general salto de linea
La mayora de etiquetas de estructura son etiquetas block, eso indica
que cada vez que se crea aunque no se ve se est creando una caja
que ocupa el 100% del ancho de la pantalla y que tiene un ancho de
linea, tambin ocasiona que todas las etiquetas se coloquen una debajo
de la otra
Selector id #nombreSelector Se utiliza cuando se quiere aplicar
apariencia a un nico elemento dentro de la pagina web