====== Diseño Web ====== Correo electrónico docente: acastrillon@uniquindio.edu.co ===== Presentaciones de clase ===== - {{ :artes_uniquindio:mapas_de_navegacion.pdf |Mapas de navegación}} - [[https://prezi.com/ddgphmh-r2mm/la-ruptura-de-las-lineas-carmen-gil/|La ruptura de las líneas]] ===== Lecturas ===== * {{ :artes_uniquindio:estructuras_no_lineales_en_la_narrativa.pdf |ESTRUCTURAS NO LINEALES EN LA NARRATIVA. CARMEN GIL VROLIJK}} * [[http://www.banrepcultural.org/artenlared/sccs/02/barragan.pdf|Software: ¿arte? Hernando Barragán]] ===== Clases y ejercicios ===== A partir de este momento comenzaremos nuestro proceso de aprendizaje por medio de estrategias virtuales. Iremos combinando plataformas y recursos según sea la necesidad del tema y el ejercicio. La comunicación puntual y personal será a través de mi correo electrónico: acastrillon@uniquindio.edu.co. Esta será la propuesta general para las próximas 2 semanas: ==== 17/03/2020 ==== == Categoría: Clase Asíncrona == El compromiso adquirido para la clase del día 17 de marzo, está relacionado con la descripción por medio de un documento html de la propuesta de obra y el ensayo. La propuesta de netArt debe estar en la carpeta del Drive por medio de una carpeta comprimida, comparto una guía para ampliar el documento que ustedes ya habían empezado en clase. Recuerden que para esto estamos utilizando [[http://brackets.io|Brackets]] y que este programa puede ser descargado e instalado de forma libre en sus computadores personales. == Guías para el ejercicio:== * [[https://drive.google.com/file/d/1Ky1hBZ9scvCn1oiMiwsXXeYeJgUo3N8K/view?usp=sharing|Estructura HTML]] * Para profundizar y aprender más sobre el tema: [[https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos|Developer Mozilla]] == Los parámetros del ejercicio son:== * Nombre de la obra * Descripción de la propuesta * obras y referentes * Bocetos y propuestas visuales de la página la entrega del ensayo en pdf en el drive es para el 17 de marzo y la entrega del planteamiento es para el 24 de marzo. ==== 24/03/2020 ==== == Categoría: Clase síncrona. == Esta clase será realizada el día 24 de marzo a la 1 pm por medio de la sala virtual. En esta clase iniciaremos el proceso de creación de la obra de net Art, entendiendo la estructura html y enlanzando la hoja de estilo así que deben tener instalado [[http://brackets.io|Brackets]] y contar con audífonos y con micrófono para hacer la sesión. ==== 31/03/2020 ==== == Categoría: Clase síncrona. == Esta clase será realizada el día 31 de marzo a la 1 pm por medio de la sala virtual. En esta clase iniciaremos de 0 otra vez para tener claridad con los aspectos de la estructura html. Deben tener instalado [[http://brackets.io|Brackets]] y contar con audífonos y con micrófono para hacer la sesión. === Tutoriales === - [[https://drive.google.com/file/d/19nAmq4tkXUa9vLu366DO1KmPbFtZVISm/view?usp=sharing|Brackets desde 0]] - [[https://drive.google.com/file/d/1v5je2G4RFmNV5OOWAeTaiUpt4mwdMjS1/view?usp=sharing|Estructura general html]] - [[https://developer.mozilla.org/es/docs/Web/HTML/Elemento|Una guía de elementos y etiquetas html]] - [[https://drive.google.com/file/d/1DOt2b_vO3DXj_owETOnJNPVYQXwF_p_n/view?usp=sharing|Estructura del ]] {{:convergencia3:artes_uniquindio:web:estructura_body.png?200|}} - [[https://drive.google.com/file/d/1gXTjhnj9LQMrm8v29jq_lDfxC8UHKQXT/view?usp=sharing|Enlazar imágenes locales]] - [[https://drive.google.com/file/d/1mUzi-FbNCUoiXqVKufIDpOkcA8gqegP3/view?usp=sharing|Enlazar imágenes externas]] - [[https://drive.google.com/file/d/1W3WGREfclLq-Z6r3RGo9FZTRcY57nta2/view?usp=sharing|Enlazar páginas internas]] - [[https://drive.google.com/file/d/1t1JC9hbeQd9pCar7WFP-4q4rMUYcZGSP/view?usp=sharing|Crear hipervínculos externos]] ==== 14/04/2020 ==== == Categoría: Clase síncrona. == Clase del día 14 de abril a la 1 pm por medio de la sala virtual. En esta clase iniciaremos con las hojas de estilo === Tutoriales === - [[https://developer.mozilla.org/es/docs/Web/CSS|Guía de referencias CSS]] - [[https://drive.google.com/file/d/1iy-FUk-t2jAgckGsFEnIZ84C28xX9JU6/view?usp=sharing|Crear css]] - [[https://drive.google.com/file/d/149oYKLr4cBpcXh3pimg4XavCHU8sQEZw/view?usp=sharing|Enlazar CSS al HTML]] - [[https://drive.google.com/file/d/1VaVh6jUDA_8-6_EooIDjm-oXUEMeZGpm/view?usp=sharing|Reset CSS]] página para copiar [[https://meyerweb.com/eric/tools/css/reset/|Reset CSS]] ==== 21/04/2020 ==== == Categoría: Clase asíncrona. == Realizarán desde sus casas los tutoriales y documentarán por medio de comentarios y videos sus dudas y problemas. === Tutoriales === - [[https://drive.google.com/file/d/1ppnUdZ1Wo-Gsjv6n4kHablEW91BJC9n5/view?usp=sharing|Enlaces con imágenes html]] - [[https://drive.google.com/file/d/1C5VD8HBhHnVcIwi749AlBaMj9wEIZS8t/view?usp=sharing|Etiquetas de bloque html]] - [[https://drive.google.com/file/d/1I3BzpCmXjEv8rbhLvJwoe3gYS7_1U02c/view?usp=sharing|Selectores CSS]] - [[https://drive.google.com/file/d/1pzhr-keAut7b5ppJw42yJxJThK-CoYd_/view?usp=sharing|Fuentes tipográficas]] - [[https://drive.google.com/file/d/1pzhr-keAut7b5ppJw42yJxJThK-CoYd_/view?usp=sharing|Estilos tipográficos]] :!: 8-O m( :!: __Alerta, me han cancelado el acceso al correo institucional. Si necesitan algo estoy conectada por la sala virtual de la clase__ Adriana.:!: ===== Referentes ===== [[https://thefwa.com/awards|Referentes web. TheFwa]] [[https://www.awwwards.com/|Awwwards]] [[https://www.youtube.com/user/pingdani|Dani Beaumont]] **NetArt** [[https://docutopia.tupale.co/O6un7_OaS96TEJdJCMUNzw|¿Qué es el Net Art?]] * [[http://www.banrepcultural.org/artenlared/index.htm|Muestra NetArt BanRep]] * [[http://0100101110101101.org/works/|0100101110101101]] * [[http://www.thefileroom.org/|The File Room. Antoni Muntadas]] * [[http://www.ecafe.com/museum/home/index.html|E-Cafe]] * [[http://www.waxweb.org/|WaxWeb. David Blair]] * [[https://delvideoartealnetart.wordpress.com/netart/|Del video arte al net art]] ===== Recursos ===== * [[https://www.dokuwiki.org/es:wiki:syntax|Syntaxis Wiki para apariencia, orden y escritura]]:!: * [[https://drive.google.com/file/d/1WxTXJO5-FXfVOeyvM8HHNyhxj4suyHFH/view?usp=sharing|Proporciones de pantallas]] * [[https://drive.google.com/file/d/1HhodhuG_-XjKB1a2Bp2ZiUdV_NwOyuFQ/view?usp=sharing|Ejemplo boceto para web. Illustrator]] * [[https://creative.adobe.com/es/products/download/creative-cloud|Descargar Creative Cloud para instalar Muse. Deben registrarse]] * [[https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos|Developer Mozilla]] ===== Integrantes ===== * [[convergencia3:artes_uniquindio:web:estudiantes_20181|Estudiantes 2018-1]] * [[convergencia3:artes_uniquindio:web:estudiantesweb2018-2|Estudiantes 2018-2]] * [[convergencia3:artes_uniquindio:web:2019_1|Estudiantes Diseño web 2019-1]] * [[convergencia3:artes_uniquindio:web:estudiantes_2019_1|Estudiantes 2019-1]] ===== Estudiantes 2020-1 ===== - [[convergencia3:artes_uniquindio:web:laura_alejandra_patino|Laura Alejandra Patiño]] - [[convergencia3:artes_uniquindio:web:maria_josefina|MARIA JOSEFINA]] - [[convergencia3:artes_uniquindio:audiovisuales:inicio|JHONNY AGUDELO]] - [[convergencia3:artes_uniquindio:web:juliana_vera|JULIANA VERA OCAMPO]]