Diseño de Sitios Web

Transcripción

1 Formación Profesional Diseño de Sitios Web Duración : 1 año Certificado Oficial de Validez Nacional Diseñador de Páginas Web Whatsapp nuevaescuela

2 CARRERA DE DISEÑO DE SITIOS WEB Título / Certificación Oficial PERFIL PROFESIONAL El egresado se caracterizará por el dominio de competencias que le permitan: Proyectar y diseñar portales, sitios y páginas web para computadoras de escritorio y mobile. Diseñar sitios web multimediales Utilizar adecuadamente software especificos para internet. Habilita para desempeñarse: En forma independiente diseñando y gestionando sitios web. En las empresas relacionadas con Internet, proyectando, diseñando y actualizando sitios web, portales y páginas web PLAN DE ESTUDIOS PRIMER CUATRIMESTRE Software para Internet I Fundamentos del diseño Multimedia para Internet SEGUNDO CUATRIMESTRE Software para Internet II Diseño Interactivo Diseño Multimedial Software para Internet I El alumno aprenderá a maquetar un sitio web simple, adquiriendo conocimientos sólidos en HTML y CSS. La cursada hace énfasis en el aprendizaje del lenguaje HTML sin importar el soft de edición. Esto le brindará al alumno una puerta para trabajar en el futuro con diversos frameworks que trabajan con HTML haciendo más simple el trabajo del diseñador web. Características: Esta materia está sincronizada con Experimentación con el Software. Toda la teoría que se ve y se estudia luego se plasma en ejercicios prácticos en las horas siguientes. 2 Contenido - Registro de un dominio l FTP l Hosting - Dreamwave l HTML básico l Hipervinculos l Imágenes l Textos - Listas - barra de menú l CSS panel - reglas de estilos l Selectores l Spy componentes - barra de

3 menú l Divs - Atributos de caja -Float l Position - static / relative / absolute / fixed l Selectores descendentes - grupo l Formulario Maquetación integral l Templates Ejercicios obligatorios: Cada tema específico del programa tiene sus ejercicios, todos ellos son de carácter obligatorio para aprobar la cursada. Todo el material de ayuda y ejercicios estarán en el campus de Google Classroom. Fundamentos del diseño Se estudiarán los principales conceptos de diseño que son común al diseño web y otras ramas como es el manejo de la tipografía, teoría del color y la teoría de la forma entre otros. El alumno será capaz de: - Diseñar logotipos - Crear la imagen de marca de una empresa - Manejar la paleta de colores - Manejar tipografías para la web y el mundo gráfico. - Diseñar piezas para redes sociales como Facebook, Youtube, Twitter, etc. esto abarca banners publicitarios. e infografías. - Diseñar interfaces para la web en diferentes resoluciones. (Diseño responsive) - Retoque fotográfico Contenidos online Introducción al diseño Elementos conceptuales del Diseño: punto línea plano. Elementos visuales Psicología del color Tipografía - Tipografía digital Logotipos e isotipos Equilibrio visual - Clases de retículas 3

4 La composición - La escala Estructura del sitio web. Grillas: Adaptación a los diferentes formatos Contenidos Presenciales Illustrator Introducción a la imágenes vectoriales. Formas básicas. Dibujo básico. Símbolos. Duplicar y alinear. Alineación objetos. Puma - Líneas rectas y curvas / nodos / manejadores. Capas / opacidad / organizar elementos. Rotar/transformar. Orden de capas. Efectos de PS y AI. Pluma - Líneas rectas y curvas / nodos / manejadores. Convertir nodos a curvas o rectas. Agregar y Eliminar nodos. El uso del color RGB - CMYK. Manejar texto, interlineado, tracking, peso, columnas, padding, margin, etc. Mesa de trabajo en pixels. Breakpoints para desktop, tablet y mobile. Busca trazos. Máscaras de recorte. Vectorizar imágenes. Vectores online. Trabajar imágenes en SVG Photoshop Presentación general. Crear un documento nuevo. Herramientas de selección. Pinceles, etc. Herramientas de selección. Herramientas de corrección. Máscaras. Efectos especiales y montajes Final obligatorio: Examen escrito de la teoría vista en clase y la entrega del TP final consistente en la planificación de un sitio web. Multimedia para Internet Se aprenderá a desarrollar animaciones para la web y vídeos instituciones o de promoción simples pero de alto impacto visual. 4

5 Metodología: se verá el uso de Adobe Edge, After Effect, Premier o Flash, aplicando siempre lo aprendido en fundamentos del diseño. Es muy importante hacer énfasis en la estética de todos los trabajos. Todas las clases deben tener una tarea asignada para la siguiente clase para que el alumno tenga una tarea para practicar de clase a clase. Contenido - Crear animaciones para la web y/o video. - Crear y editar dibujos vectoriales. - Exportar a múltiples formatos (entre ellos Gif animados). - Crear animaciones de forma y de movimiento. - Crear animaciones usando imagenes. - Crear animaciones cuadro a cuadro. - Crear banners publicitarios, entre ellos banners expansibles. - Importar y trabajar con imagenes de mapa de bit. - Utilizar máscaras. - Crear objetos vectoriales. - Trabajar con sonido y video. - Trabajar con capas. - Trabajar con tipografía. - Incorporar archivos de Photoshop. Software para Internet II El alumno aprenderá a maquetar un sitio web responsive, así como trabajar con componentes y frameworks que brinda la web 2.0. La cursada hace énfasis en el aprendizaje de las nuevas etiquetas de HTML5, selectores avanzados de CSS3 y mobile. Características: Esta materia está sincronizada con Experimentación con el Software II. Toda la 5

6 teoría que se ve y se estudia luego se plasma en ejercicios prácticos en las horas siguientes. Contenido Divs anidadas l Menú desplegable l Selectores avanzados HTML 5: Etiquetas semánticas l Audio - Video l Form inputs l Canvas - CSS3: Backgrounds l Degrade l Columnas de texto l Separación de texto l Keyframes Nuevos selectores - SEO l Sincronización DW - servidor remoto - Responsive web design l Query lmobile First - Boostrap para mobile l Sistema de grillas l Clases. Manejo del viewport l Manejo tipográfico usando medidas relativas Ejercicios obligatorios: Cada tema específico del programa tiene sus ejercicios, todos ellos son de carácter obligatorio para aprobar la cursada. Todo el material de ayuda y ejercicios estarán en el campus de Google Classroom. Diseño Interactivo El alumno aprenderá una de las librerías JavaScript más importantes del mercado: jquery. Será capaz de generar interactividad en sus sitios web y trabajar con galería de fotos, sliders, rotadores, barras de navegación, menús desplegables, validaciones de formularios, sliders con anclas, zoom sobre imágenes. Características: Esta materia está sincronizada con Software para Internet II. Contenidos - Javascript introducción l Sintaxis y semántica del lenguaje l Conceptos básicos 6

7 - jquery: El uso de Jquery l Selectores l Manipulación de elementos HTML l Eventos del Usuario Efectos l Formularios - jqueryui : Componentes l Themes - Otros plugins: Galería de Imágenes l Carrousel l Pasador de imagenes l Pasador de contenidos html l Barra de Navegación l Menú desplegable l Slider vertical con anclas l Navegación dentro del mismo sitio l Zoom. - Plugins para responsive. Diseño Multimedial Aprenderá las más destacadas herramientas libres de la web 2.0 para realizar l aplicaciones basicas para Android. También será capaz de administrar contenidos de manera simple con Joomla y Wordpress. Contenido - Conceptos básicos de usabilidad - Aplicaciones de bloggers para Android l Desarrollo de contenidos l Feeds - Wordpress: Primeros pasos l Creando contenidos para WP l Opciones avanzadas de WP l Uso de templates en WP l WP plugins l WP plugin para mobile - Introducción a los conceptos básicos para el diseño de aplicaciones mobiles. 7

8 HORARIOS Informes en Secretaría De Lunes a Viernes de 9 a 20 hs. CONDICIONES DE INGRESO Ciclo secundario completo o en su defecto no adeudar más de cuatro materias, las que deben estar aprobadas al 30 de julio del año que se cursa. Documentación: Original y fotocopia de DNI para argentinos y miembros del Mercosur. Fotocopia de Partida de nacimiento. Fotocopia de título secundario o certificado analítico (fotocopia legalizada por el Ministerio de Educación) Certificado de título en trámite o Certificado de asignaturas pendientes. Tres fotos carnet 4x4 blanco y negro o color. Llenar solicitud de Reserva de Vacante anual y abonar el arancel correspondiente. Reglamentaciones: Las vacantes son limitadas y se otorgan hasta cubrir el cupo máximo para cada división. La documentación debe ser presentada a la mayor brevedad. En caso de que el alumno desistiera de comenzar sus estudios, o no presente en tiempo razonable la documentación solicitada, la reserva de vacante será cancelada y el importe abonado en concepto de matrícula no será reintegrado. Pueden ingresar en el Instituto Superior Nueva Escuela de Diseño y Comunicación, todas aquellas personas de ambos sexos, con estudios secundarios completos que no estén impedidos para la normal asistencia a clases y efectuar los trabajos prácticos. Esta solicitud tendrá validez en el momento que, completado los datos requeridos al pie, sea aprobada por el Rectorado del Instituto. Disposiciones Administrativas Aranceles: El pago de las cuotas no corresponde en modo alguno a la parte de enseñanza o a la concurrencia mensual coincide con cada una. El pago en cuotas es sólo una facilidad para acceder al costo total del año. Pagos atrasados: Los pagos fuera de término sufrirán recargos. La mora superior a 30 días, determinará la pérdida de la condición de alumno regular, por lo tanto deberá contactarse con Secretaría para contemplar su situación y continuar sus estudios. CHARLAS INFORMATIVAS Todos los martes 11hs, miércoles 17hs y jueves a las 19hs. Inscripción gratuita en Se hablará sobre el contenido de la Carrera, su Plan de Estudios, salida laboral, etc. Las charlas son de asistencia libre y gratuita. 8

9 ENTREVISTAS PERSONALES Solicitá una entrevista personal con el Coordinador General, así podrás informarte sobre: Planes de Estudios, Inserción Laboral y Búsquedas Laborales, Perfil del Egresado, Equivalencias, y todas las dudas acerca de tu decisión de carrera y profesional. Envia un mail a info@nuevaescuela.net 9

10 10