HTML
- Presentación HTML
- Que es una etiqueta y un atributo
- Estructura básica de un documento html
- Descargar e instalar sublime text 3
- Ejercicio: Crea la estructura básica de un documento html
- Test de conocimientos
- Encabezados, párrafos y saltos de línea
- Ejercicio: Añade encabezados y párrafos en html
- Como dar formato a un texto
- Ejercicio: Formatea el texto en negrita y cursiva
- Test de conocimientos
- Las rutas y sus tipos
- Los atributos width y height
- La etiqueta imagen
- Ejercicio: Imagenes con varios atributos
- Como añadir enlaces
- Ejercicio: Enlaces
- Test de conocimientos
- Listas y sus tipos
- Ejercicio: Listas
- Tablas
- Ejercicio: Tablas
- Test de conocimientos
- Los atributos id y class
- Las etiquetas div y span
- Estructura el contenido con divs, ids y clases
- Formularios
- Tipos de entradas
- Listas desplegables de selección
- Areas de texto
- Menú de navegación de una página web
- Cabecera y pie de una página web
- Cuerpo de una página web
- Secciones de una página web
CSS
- Presentación CSS
- Que es CSS
- Las tres maneras de insertar CSS
- Que es un selector y que tipos hay
- Sintaxis de CSS
- Los selectores de elementos
- Practica conmigo: Comienzo del proyecto aquarium
- Los selectores id y class
- Agrupar selectores en CSS [,]
- Test de conocimientos
- El modelo de caja en CSS
- Propiedades de dimensiones [width y height]
- Propiedades de color [color y background-color]
- Practica conmigo: Propiedades para cajas flotantes
- Practica conmigo: Propiedad de posición [position]
- Practica conmigo: Trabajando en el menú
- La propiedad de relleno [padding]
- La propiedad de margen [margin]
- Propiedades de los bordes [tipos]
- La propiedad [border-style]
- La propiedad [border-width]
- La propiedad [border-color]
- La propiedad [border-radius]
- La propiedad [border]
- Practica conmigo: Acabando el menú de navegación
- Test de conocimientos
- Los selectores de atributos
- Los selectores de atributos: El signo tilde [~]
- Los selectores de atributos - El signo barra vertical [|]
- Los selectores de atributos - El signo paraguas[^]
- Los selectores de atributos - El signo del dolar [$]
- Los selectores de atributos - El signo Asterisco [*]
- Test de conocimientos
- Los selectores jerárquicos o combinadores
- El selector de descendientes
- El selector de hijos [>]
- El selector de hermanos adyacentes [+]
- El selector general de hermanos [~]
- Practica conmigo - Creando el contenido
- Test de conocimientos
- Propiedades de imagen [background]
- Propiedad [z-index]
- Practica conmigo - Añadiendo el fondo marino y otros elementos
- Practica conmigo - Creando burbujas animadas
- Practica conmigo - Añadiendo peces y dándoles movimiento
- Practica conmigo - Fin de proyecto
COMO SUBIR TUS PROYECTOS A INTERNET
- Presentación UPLOAD
- Hosting de pago para alojar tu sitio web - Strato
- Como comprar un hosting en Strato
- Que es DNS
- Consejos para elegir el dominio de tu sitio web
- Ojeada al panel de control de Strato
- El archivo index
- Descargar FileZilla
- Instalar Filezilla
- Las zonas de la aplicación Filezilla
- Obtener datos del servidor para acceso ftp - Strato
- Subir tu sitio web con Filezilla
- Subir un proyecto real
- Recuperar contraseña en Filezzila
- Añadir tu sitio web al buscador Google
LESS
- Presentación LESS
