Luma Studio

Luma Studio
¡Eres el Dueño de tus IDEAS!

Curso de Html5-Css3



En el curso de HTML y CSS aprenderá los fundamentos del lenguaje HTML y sus principales etiqueta, que te permitirán crear sitios web, trabajando bajo los estándares de W3C, En este curso partirás de los conceptos básicos del lenguaje HTML y sus versiones, que son necesarios para la construcción de un sitio web.

Comprendera la sintaxis del lenguaje, donde aprenderás a codificar desde un editor de texto, cualquier documento HTML. El curso finaliza con la publicación de un sitio desarrollado como práctica en clase, en un Servidor Web (Hosting) a través de un FTP.


__________________________________________________________________________________



Contenido Curso Html5 + Css3 Avanzado 20 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Metas
Repaso diario

Conceptos básicos de html 5
Doctype
Sintaxis de html 5

Etiquetas semánticas
header
nav
section
article
footer
hgroup
figure
figcaption
Script de compatibilidad de IE

Etiquetas semánticas
details
button
time
mark
ruby
rt
rp
wbr
bdi
embed
meter
progress
menu
command

Multimedia
video
Atributos de la etiqueta video
audio
Atributos de la etiqueta audio

Etiqueta canvas
Propiedades de canvas
Métodos de dibujo con canvas

Formularios
Etiqueta label
Etiqueta input
type email
url
tel
number
range
date
time
datetime
datetime-local
search
color
Atributos
required
autofocus
autocomplete
placeholder
novalidate
multiple
max
min
step
Atributos de sobreescritura
Etiqueta datalist
Atributo list
Etiqueta keygen
Etiqueta output

CSS 3
Estilos propietarios
opacity
modos de color rgb / rgba / hsl / hsla
border radius
box shadow
text shadow
fondos multiples
background-size
background-origin
background-clip
column count
column-width
column-gap
column-rule
word-wrap
resize

Maquetación Avanzada
block y inline-block
box-sizing
flex-box
Introducción a grids
Medidas relativas al viewport
calc()
Soporte en navegadores.

Diseño adapatable o responsivo
meta viewport
media querys
técnicas de maquetación para móviles

Gradient
Border image
Font face
Google font
Selectores avanzados
Hijo
Hermano
Hermano adyacente
Selector de atributos
Pseudoclases y pseudoelementos

Transformaciones 2d
Transformaciones 3d
Transiciones
Animaciones con css
Apis relevantes de HTML 5

SVG
Introducción al SVG
SVG como en etiqueta img
etiqueta SVG

EVALUACIÓN DE LOS INSTRUCTORES

__________________________________________________________________________________


Publicar un comentario