Curso de Maquetación Web: HTML 5 y CSS

Aprende a maquetar sitios Web de forma ágil y profesional sin usar tablas. Separa el diseño visual del contenido y optimiza al máximo los estilos de las páginas Web. Modela páginas con la utilización de etiquetas DIV y domina el manejo de los estándares para diagramar sitios de última generación.

Dificultad Uso de PC
Costo y duración
$1440
18 hs
Inscribirme

En este curso aprenderás a

  • Maquetar un sitio sin usar tablas.
  • Conocer las nuevas etiquetas semánticas de HTML 5, (nav, article, section, etc).
  • Dominar los selectores de CSS.
  • Separar el diseño del contenido.
  • Crear estructuras de dos a tres columnas.
  • Modificar la posición de los elementos mediante código CSS.
  • Crear barras de navegación usando listas.
  • Desarrollar documentos livianos e indexables por Google.

Modalidad de cursado

Puedes tomar este curso en modalidad presencial o modalidad a distancia

Inscribirme

1. Unidad 1: selectores de etiquetas

Web 2.0

¿Qué es la web 2.0?

Ejemplos de web 2.0

Tecnologías de la web 2.0

Introducción al lenguaje HTML

¿Qué es HTML?

Estructura básica de un documento HTML

XHTML

¿Qué es el XHTML?

Migrando de HTML a XHTML

CSS

¿Qué es el CSS?

¿Cuáles son los beneficios de trabajar con CSS?

Versiones de CSS

Trabajando con CSS

Declaración de reglas de estilo

Hoja de estilo externa

Hoja de estilo embebida en el encabezado del documento

Estilos en línea

Creación de una hoja de estilo

Vinculación de una hoja de estilo

Diferencia entre vinculación e importación de una hoja de estilo

Reglas de estilo

Sintaxis de las reglas de estilo

Selectores

Formato de comentario

Estructura y herencia

Selectores de grupo

Atributos tipográficos

Font family (familia de fuente)

Font style (estilo de fuente)

Font variant (variante de fuente)

Font weight (peso de fuente)

Font size (tamaño de fuente)

Font (fuente) // declaración en una sola línea

Atributos de color

Color(color de texto)

Text-decoration (decoración de texto)

Text-align (alineación de texto)

Text-tranform (transformación de texto)

Text-indent (sangría de texto)

Atributos de fondo

Background-color (color de fondo)

Background-image (imagen de fondo)

Background-position (posición de fondo)

Background-attachmen (anclaje de fondo)

Background repeat (repetir fondo)

Background (fondo) (declaración de una sola línea)

2. Unidad 2 - diagramación básica

Etiqueta div

Porque reemplazar las tablas por etiquetas div

Selectores de id

Atributos de tamaño

Width (ancho)

Height (alto)

Diagramación de una columna

Diagramación de una columna de dos y tres columnas por flotación

Utilización del atributo float

Utilización del atributo clear

Anidamiento de divs

Modelo de caja

Atributos de la caja

Margin (margen)

Borde (border)

Relleno (padding)

Escritura resumida (declaración de una sola línea)

Declaración una línea para el padding

Declaración una línea para el margin

Declaración una línea para el borde

Diagramación centrada

Centrado de un div dentro de otro

Centrado de un div en el naveador

3. Unidad 3 - diagramación avanzada

Diagramación avanzada con posición

Atributos de posición

Position static (estático)

Position relative (relativo)

Position absolute (absoluto)

Position fixed

Atributo de z-index

Diagramación centrada

Selector universal

4. Unidad 4 - barras de navegación

Listas

Listas ordenadas

Listas desordenadas

Atributos para las listas

List-style-type

List-style-image

List-style-position

Creación de barras de navegación

Selectores descendentes

Pseudo clases

Pseudoclases

La pseudo-clase a:link

La pseudo-clase a:visited

La pseudo-clase a:hover

La pseudo-clase a:active

La pseudo-clase a:focus

Pseudo elementos

El pseudo-elemento :first-line

El pseudo-elemento :first-letter

Los pseudo-elementos :before

Los pseudo-elementos :after

5. Unidad 5 - clases y estilos en línea

Selectores de clase

Creación de selectores de clase

Aplicación de clases

Selectores de contexto

Orden de cascada

Jerarquías y especificidad

Estilos en línea

Diagramación de interfaz de altura y ancho variable variable

Atributo de overflow

Ancho mínimo

Ancho máximo

Alto mínimo

Alto máximo

6. Unidad 6 - integración

Hacks

El hack del guión bajo

El hack del guión bajo

El uso de !important

Asignación de hojas de estilo por navegador mediante if

Comentario condicional para ie

CSS 3.0

Que es CSS 3.0

Compatibilidad con los navegadores

Opacidad

Opacidad en firefox, opera, chrome...

Opacidad en internet explorer

Bordes redondeados

Propiedad border-radius

Declaración de la propiedad border-radius para safari y firefox

Sobra de texto

Propiedad text-shadow

Valores posibles para la propiedad text-shadow

Sobra de caja

Propiedad box-shadow

Valores posibles para la propiedad box-shadow

Declaración de la propiedad border-radius para safari y firefox

Trabajo practico integrador del curso

7. Laboratorios

Laboratorio 01

Tp 01 - migración de HTML a xHTML

Tp 02 - etiquetas y herencia

Laboratorio 02

Tp 03 - estructura de una columna con tablas

Tp 04 - estructura de una columna con divs y CSS

Tp 04 estructura de dos columna con divs y CSS

Tp 05 estructura de tres columna con divs y CSS

Tp 06 inserción y ubicación de contenidos

Laboratorio 03

Tp 07 diagramación básica con position:relative

Tp 08 diagramación básica con position:absolute

Tp 09 diagramación avanzada con position:relative y absolute

Tp 10 diagramación centrada

Laboratorio 04

Tp 11 barra de navegación horizontal

Tp 12 barra de navegación horizontal con imágenes

Tp 13 barra de navegación vertical

Tp 14 barra de navegación horizontal con links

Tp 15 barra de navegación horizontal con imágenes con links

Tp 16 barra de navegación vertical con links

Laboratorio 05

Tp 17 manejo de clases

Tp 18 manejo de contenido fijo

Tp 19 manejo de contenido variable

Laboratorio 06

Tp 20 opacidad

Tp 21 manejo de hacks

Tp 22 proyecto integrador

Garantia de Aprendizaje

Certificaciones

  • Diploma de asistencia impreso (solo para cursos presenciales)
  • Diploma de asistencia y de aprobación online
  • Certificado Oficial del Ministerio de Educación del GCBA. Ver condiciones
Diploma

Testimonios

Paquetes Promocionales

Recursos adicionales entregados


Todas las marcas, logos e isologos mencionados dentro del web site son propiedad de sus respectivos propietarios
Informes y consultas:
4328-0457|
Contactenos
|
Nuestra oferta de formación se encuentra orientada al desarrollo profesional buscando potenciar las habilidades personales de los alumnos.

Newsletter

Ubicación

Sucursal Ciudad de Buenos Aires
(011) 4328-0457
Lavalle 648, 8° Piso
CABA, Buenos Aires, Argentina
Sucursal Rosario
(0341) 527-1200
Corrientes 905
Rosario, Santa Fé, Argentina
Sucursal San Juan
(0264) 422-6948
25 de Mayo 57
Capital, San Juan, Argentina
Sucursal Tandil
(0249) 443-2707
Maipu 520
Tandil, Buenos Aires, Argentina
Sucursal Córdoba
(0341) 527-1200
Av. General Paz 115
Córdoba Capital, Córdoba Argentina
Sucursal Río Tercero
(03571) 500-500
San Pedro y Cid Campeador
Río Tercero, Córdoba, Argentina
Sucursal Villa María
(0353) 15424-5260
Villa María, Córdoba, Argentina
Sucursal Paraná (Próximamente)
Paraná, Entre Ríos, Argentina
Sucursal São Paulo
(+55 11) 3181-3987
Av. Paulista 2202, 6°
São Paulo, SP, Brasil
Sucursal Asunción
(+595) 991 68 7775
c/ Independencia Nacional 179
Asunción, Paraguay
Valid XHTML 1.0 Transitional ¡CSS Válido!
EducacionIT. Copyright 2005-2017
¿Te podemos ayudar?
4328-0457