Download Descarga - Página web de syscati

SYSCATI TEMARIO Diseño web Presencial BASICO
Objetivo: El asistente aprenderá a Diseñar páginas web de vanguardia tecnológica, utilizando herramientas y
lenguajes de programación modernos como HTML5, CSS3, Java Script y BootStrap con característica responsiva, así
mismo desarrollara maquetación de sitios web.
Dirigido a: Todo tipo de estudiantes de nivel medio y profesional en informática, sistemas de Información,
Ingenierías de todo tipo, personal de tecnologías de información, programadores independientes que deseen
conocer el lenguaje de programación de vanguardia para dispositivos móviles y aplicaciones empresariales y así
ampliar su de su nivel de experiencia y de conocimientos.



Habilidades: Uso de Internet, Síntesis y análisis, Estructura de procedimientos, Capacidad de estructuración de
datos, uso básico de la computadora.
Escolaridad mínima: Bachillerato.
Duración: 20 hrs.
1. HTML 5
Estructura Global
DOCTYPE
Html, head, body,
Meta, Title, Link
Estructura del HTML5 Sintaxis
Header, Nav, Section
Aside, Footer
Elementos del HTML5
Article, Hgroup
Figure, Figcaption
Mark, Small
Cite, Address, Time
Audio y Video
Reproduccion de video
Reproduccion de Audio
2. CSS3
Estilos CSS y Modelode caja
Elementos block
Modelos de Caja
Conceptos CSS
Estilos en linea
Estilos embebidos
Archivos externos
Referenciando Estilos
1 Por palabra Clave
2 Por atributo Id
Aplicando CSS a Nuestra Plantilla
Propiedades CSS3
Plantilla
Por Border-radius Id
Box-shadow y Text-shadow
@font-face
Gradientes
Tranformaciones y transiciones
3. Bootstrap
¿Qué es Bootstrap?
¿Que contiene nuestro paquete bootstrap?
Creando nuestro primer archivo
Grid para maquetar
Dos columnas
Cuatro columnas
Columnas anidadas
Responsive Design
Hacer nuestra página responsiva
Ejemplo con colores
Ocultar elementos según el dispositivo
Tablas
Formularios
Botones
Clase "btn"
Btn con colores
Tamaños y tipos de botones
Grupos de botones horizontales y verticales
Menú desplegable
Botones con checkbox y radio
Imágenes
Tipos de imágenes
Íconos
Íconos Vectoriales
Listas con nav
Nav-pills
Nav-Tabs
Dropdown
Nav-list
Nav-pills-stacked
Nav-tabs-stacked
Menu con navbar
Tipos de paginación
Labels y Badgeds
Thumbnails
Notificaciones
Alerts
Barras de progreso
Listados
Utilidades Generales
Modal
Tabs
Tooltips y Popover
Acordeón
Carousel
4. JavaScript
Incorporando js
En linea
Embebido
Externo
Selectores Manejadores de Eventos (API'S)
Canvas
Drag and Drop
Incluye material y Constancia de curso (Asistencia mínima de 80% )