Beruflich Dokumente
Kultur Dokumente
CURSO DE HTML5
CURSO DE HTML5
CURSO DE HTML5
CSS3
Tipos de Elementos
El estndar HTML clasifica a todos sus elementos en dos grandes grupos: elementos en
lnea y elementos de bloque.
CURSO DE HTML5
CSS3
CURSO DE HTML5
CSS3
Posicionamiento:
Los navegadores crean y posicionan de forma automtica todas las cajas que forman cada pgina
HTML. No obstante, CSS permite al diseador modificar la posicin en la que se muestra cada caja.
CSS permite 5 maneras de posicionar las cajas:
Posicionamiento normal o esttico: se trata del posicionamiento que utilizan los navegadores si
no se indica lo contrario.
Posicionamiento relativo: variante del posicionamiento normal que consiste en posicionar una
caja segn el posicionamiento normal y despus desplazarla respecto de su posicin original.
Posicionamiento absoluto: la posicin de una caja se establece de forma absoluta respecto de su
elemento contenedor y el resto de elementos de la pgina ignoran la nueva posicin del
elemento.
Posicionamiento fijo: variante del posicionamiento absoluto que convierte una caja en un
elemento inamovible, de forma que su posicin en la pantalla siempre es la misma
independientemente del resto de elementos e independientemente de si el usuario sube o baja la
pgina en la ventana del navegador.
Posicionamiento flotante: se trata del modelo ms especial de posicionamiento, ya que desplaza
las cajas todo lo posible hacia la izquierda o hacia la derecha de la lnea en la que se encuentran.
CURSO DE HTML5
CSS3
Posicionamiento:
Propiedades:
Position
Float
Clear
Overflow
Top
Bottom
Right
Left
CURSO DE HTML5
CSS3
Visualizacin:
Propiedades:
Display
Visibility
Z-Index
Opacity
CURSO DE HTML5
CSS3
EJERCICIOS
CURSO DE HTML5
Tipografas:
Declaracin de fuentes
- text-align
- @font-face
- line-height
- font-family
- text-decoration
- src
- text-transform
Propiedades:
- vertical-align
- Color
- text-indent
- font-family
- letter-spacing
- font-size
- word-spacing
- font-style
- font-weight
- font-variant
CURSO DE HTML5
Transformaciones:
Propiedad Transform: Es una propiedad implementada en CSS3 que aplica una
transformacin en 2d o 3d a un elemento.
referencias: http://www.w3schools.com/cssref/css3_pr_transform.asp
Transiciones:
Propiedad Transform: Es una propiedad implementada en CSS3 que aplica una
transformacin en 2d o 3d a un elemento.
referencias: http://www.w3schools.com/cssref/css3_pr_transition.asp
Animaciones:
Propiedad Transform: Es una propiedad implementada en CSS3 que aplica una
transformacin en 2d o 3d a un elemento.
referencias: http://www.w3schools.com/cssref/css3_pr_animation.asp
CURSO DE HTML5
Colores:
Palabras Clave:
Son 140: http://www.w3schools.com/colors/colors_names.asp
Ejemplo: color: Tomato;
RGB Porcentual:
Ejemplo: color: rgb(90%,80%,11%);
RGB Hexadecimal:
Ejemplo: color: #ff00d4;
EJERCICIOS
CURSO DE HTML5
CURSO DE HTML5
Qu es JavaScript?
JavaScript es un lenguaje de programacin, al igual que PHP, si bien tiene
diferencias importantes con ste. JavaScript se utiliza principalmente del lado del
cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo
crear efectos atractivos y dinmicos en las pginas web. Los navegadores
modernos interpretan el cdigo JavaScript integrado en las pginas web.
Qu es un framework?
Tambien llamados libreras.
Los frameworks tienen como objetivo principal ofrecer una funcionalidad definida,
auto contenida, siendo construidos usando patrones de diseo, y su caracterstica
principal es su alta cohesin y bajo acoplamiento.
CURSO DE HTML5
Qu son eventos?
CURSO DE HTML5
CURSO DE HTML5
Selectores y Funciones Bsicas de JQUERY:
- .html
- .text
- .not
- .has
- .firts
- .eq
- .lenght
PREGUNTAS Y
RECOMENDACIONES
- Joel Cauti Rojas
https://facebook.com/joel.cautirojas
Joel.cauti@gmail.com