Objetivos Generales
En este curso aprenderá el armado o maquetación de un página web para la creación de un sitio web empleando código html para definir la estructura de la página y css para aplicarle formato o efectos al contenido ya sea texto, imágenes, video o animaciones; todo ello para lograr una página web de una gran calidad como lo exigen las webs de las mas grandes empresas ene le mundo.
Objetivos Específicos
Al término del curso el alumno podrá
- Aplicar formato a los textos
- Maquetar una página web par ubicar los objetos correctamente de acuerdo al diseño previsto
- Aplicar efectos y filtros a los diferentes objetos de una página web
- Incorporar Imágenes, sonido, video y animaciones a una página web
- Usar las etiquetas semánticas HTML apropiadamente
- Incorporar Media Queries para hacer la página web adaptable a diversos tamaños de pantalla, es decir responsive
- Publicar una web,
Duración
20 horas
Descripción
Las páginas web son un medio que permite la publicación e contenido disponible en Internet y al que se puede acceder desde diversos dispositivos como computadoras, tabletas, celulares, televisores, dispositivos de videojuegos, refrigeradoras, etc. Por lo que crear contenido para la web es de suma importancia para toda empresa institución o una persona en particular.
Toda página web se arma con código html y css, ya sea para un sitio web pequeño o para un portal de gran tamaño, tanto si es una web personal o un sistema de ventas por internet. Pero más allá otras tecnologías se basan en los fundamentos de HTML para el desarrollo de aplicaciones web, Windows, móviles y videojuegos. Por lo que es muy importante su conocimiento.
Dirigido a
Toda persona que quiera ingresar al mundo del diseño o desarrollo web y que puede además tomar este curso como una introducción a la codificación
Contenido
Sesión 1
- Estructura web básica
- Párrafos y encabezados
- Incorporación de hojas de estilo
- Fuentes web
- Aplicando formato de texto
- Reglas de estilo etiqueta, id y clase
- Maquetando la web con Flex
- Herramientas de Desarrollador de Chrome
Sesión 2
- Edición básica de imágenes
- Incorporando Imágenes
- Imágenes de fondo
- Etiquetas SPAN
- Fuentes externas
- Fuentes de íconos
- Formato avanzado de texto
- Listas
- Hipervínculos
- Creación de barras de menús
- Navegando en la misma página
Sesión 3
- Etiquetas Semánticas HTML
- Posición Fija
- Posición Sticky
- Posición Absoluta
- Incorporando Video
- Agregando contenido con los seudo elementos After y Before
- Bordes
- Bordes redondeados
- Sombras
Sesión 4
- Degradados
- Filtros
- Agregando páginas al sitio web
- Vínculo a páginas externas
- Animaciones CSS
- Formularios
- Validación y formato de formularios
- Incorporando mapas
Sesión 5
- Columnas
- Tablas
- Formato avanzado de tablas
- Incorporando Iframes e imágenes SVG
- Diagramando con Grids
- Media Queries
- Incorporando plugins jQuery
Características del curso
- Conferencias 0
- Cuestionarios 0
- Duración 20 horas
- Idioma Español
- Estudiantes 0
- Evaluaciones Si
