Semana de
Estructura de actividades por el docente César Lizana Abarca.
Este es un aula de aprendizaje en el que el alumno comprenderá, analizará y compartirá opiniones y actividades en clases en desarrollo de sitios web con el fin de mejorar o adquirir nuevas competencias y potenciar los aspectos profesionales en el ámbito digital.
Material del Docente:
Diseño de sitios web creados por docente en Adobe UX para trabajar en el taller.
Docente: César Lizana
Capacidad: 20 estudiantes.
Nivel: Iniciación
Taller INACAP sede Rancagua.
Herramientas necesarias para el curso:
Computador portátil.
Programas Adobe Illustrator, Adobe Potoshop, Adobe XD y Sublime Text.
Fecha: 27 de Abril. 9:30 a 13:30 horas.
Introducción a la creación de sitios web diferenciando formas de desarrollo de proyectos, aplicaciones online, sistemas y reglas de desarrollo. Se conoce framework Bootstrap y como el Atomic Design tiene estrecha relación con el término Responsive. Breve entrada a Adobe XD como herramienta de diseño web, Responsive Design APP o sistemas en entorno web. Luego, en la práctica, se conoce y familiariza con procesador de texto Sublime Text, se analiza la arquitectura de ONE aplicándolo en un archivo ejecutable index.html, se aplican columnas de framework Bootstrap y se vinculan tipografías de Google Font.
HTML y CSS son el lenguaje base de la programación.
Breve historia Bootstrap, el framework que cambió la forma de construir un website.
Atomic Design como proceso esencial en la construcción de componentes de proyecto.
Adobe XD como herramienta de trabajo en diseño UX/UI.
Sublime Text como procesador de texto.çColumnas y recursos de Bootstrap (Responsive Design).
Arquitectura website ONE PAGE en HTML.
Tipografías Google Font en HTML.
Fecha: 28 de Abril. 9:30 a 13:30 horas.
En este segundo módulo, se aplican estilos css, utilización de background y parallax dependiendo del enfoque del proyecto trabajado en el primer módulo, se cargan documentos SVG que mejoran la experiencia del usuario y calidad del ONE PAGE, además de la intervención de fotografías y vinculación de iconos online Fontawesome.
Hoja de estilo en cascada CSS
Utilización de SVG trabajados en Ai.
Utilización de iconografías Fontawesome online.
Capacidad: 20 estudiantes.
Nivel: Iniciación
Taller INACAP sede Rancagua.
Para trabajar este taller, es recomendable ver, estudiar y descargar el siguiente contenido.
SublimeText es gratis y sirve para no instalar programas con licencias como Dreamweaver.
Link de descargaDebe seleccionar la opción MAC o Windows.
Acá podrán encontrar las etiquetas de contenido de lenguaje html.
Link de descargaPara trabajar en el taller.
Capacidad: 20 estudiantes.
Nivel: Iniciación
Taller INACAP sede Rancagua.