Mostrando entradas con la etiqueta apuntes. Mostrar todas las entradas
Mostrando entradas con la etiqueta apuntes. Mostrar todas las entradas

lunes, 6 de junio de 2011

Parcial domiciliario


Estimados, por cuestiones de tiempos (las clases son muy cortas y no tenemos suficientes computadoras). Haremos un pequeño ejercicio a modo de parcial domiciliario.

Deberán transformar el siguiente diseño en una página web, siguiendo a rajatabla el diseño y el ajuste tipográfico fino.

Si hacen click sobre la imagen el navegador los llevará a la imagen en tamaño real, desde donde podrán guardarla en su computadora, utilizando el comendo Archivo > Guardar, de su navegador (también pueden hacerlo con botón derecho sobre la imagen).

Qué se entrega:
Un CD con una carpeta con su nombre, y los archivos necesarios ahí dentro. La carpeta hace las veces de carpeta raíz.

Cuándo se entrega:
El lunes 13 de junio.

Algunos datos:
La idea es que el fondo total de la página sea gris (como se ve a ambos lados), y que el fondo que está justo por debajo del contenido sea blanco, se mantenga centrado en la pantalla, y mida 656 píxels de lado a lado.
La tipografía del logo es particular, y quizás no quede otra que generarla como imagen. El texto de la botonera está en Arial y el texto principal en Georgia.

lunes, 16 de mayo de 2011

Pack de Apuntes - Clase 10 - Lunes 16-05-2011

IMPORTANTE: hoy es la entrega del TP02. A no olvidarse de entregar!

===

Además, hoy trabajaremos con cierto caso de estudio, tomando algunas partes del sitio web clubdeldisco.com para practicar.

Imitaremos el diseño de algunos encuadres y partes del sitio, de forma tal de poner en uso los conocimientos con los que estuvimos chapoteando las últimas clases.

Continuamos maquetando con HTML y CSS.

Salutes!

lunes, 2 de mayo de 2011

TP02 - CV web

Aquí va la consigna del Trabajo Práctico 02. Por el momento no estará en formato PDF tampoco, pero confío en que no será problema para ustedes.

CV web

El trabajo práctico 02 consiste en hacer un pequeño (pero no por eso menos importante) sitio web con su CV personal.

Incluirás unas pocas secciones (mínimo 4), por ejemplo: inicio, datos académicos, experiencia profesional y contacto. En estas 4 páginas web codificarás toda la información de acuerdo a lo visto en clase, marcando correctamente los contenidos de forma semántica. Te recordamos que la atención al significado semántico y al correcto marcado de las diferentes partes del contenido es clave para realizar un correcto desarrollo web.

En esta instancia, nos interesa en especial que prestes atención al correcto marcado de la info en los archivos HTML, al correcto funcionamiento de los links entre páginas, y al correcto uso de estilos CSS (incluir los estilos en un archivo aparte, etc).

El objetivo del trabajo es evaluar si se comprendieron correctamente los conceptos fundamentales de marcado semántico, división de contenido y forma en la disciplina del desarrollo web, y una utilización básica del lenguaje HTML (contenido) y CSS (forma), así como también un uso inicial del programa Adobe Dreamweaver (aunque podés utilizar cualquier otro programa, o incluso codificar a mano, si te animás).

Cuándo entregarás:
  • 09/05/2011 preentrega: corrección en clase.
  • 16/05/2011 entrega: entrega del trabajo práctico.
Qué entregarás:
  • Un CD en cuyo interior habrá una carpeta con tu nombre, que tenga en su interior todos los archivos que hacen a tu sitio web. El CD debe tener tu nombre escrito con marcador indeleble (NO pegar etiquetas sobre el disco).

Pack de Apuntes - Clase 08 - Lunes 02-05-2011

La Bitácora 08 no estará disponible en formato PDF, pero incluimos aquí mismo el plan del día.

Hoy continuaremos profundizando en el uso de CSS y su relación con HTML. En particular, nos concentraremos en la idea de "diagramación" (layout).

Se viene una nueva instancia de evaluación, en la forma del TP02. Recomiendo hacer las consultas que crean convenientes con respecto a lo visto de HTML y CSS.

lunes, 25 de abril de 2011

Pack de Apuntes - Clase 07 - Lunes 25-04-2011

No habrá apuntes hoy.

lunes, 18 de abril de 2011

lunes, 11 de abril de 2011

Pack de Apuntes - Clase 05 - Lunes 11-04-2011

Va el pack con los apuntes del día de la fecha, incluyendo:
  • bitácora 05
  • desarrollo web 05: CSS, box model
Descargar apunte.

lunes, 4 de abril de 2011

Pack de Apuntes - Clase 04 - Lunes 04-04-2011

Hoy comenzaremos a trabajar con el lenguaje CSS. Aquí les dejo la bitácora del día:
  • Bitácora 04
Bajar BT04.

IMPORTANTE: Recuerden que hoy es la entrega del TP01!!!

No se olviden de traer —además de la entrega— la ficha de datos, por favor.

lunes, 28 de marzo de 2011

Pack de Apuntes - Clase 03 - Lunes 28-03-2011

Hoy continuaremos trabajando sobre el lenguaje HTML, pero haciendo hincapié en las herramientas del Adobe Dreamweaver.

Aquí les dejo el pack de apuntes para la clase de hoy, incluyendo:
  • bitácora 03
  • apunte desarrollo web 04
  • trabajo práctico 01
Es muuuy importante que traigan completa su ficha de datos con foto. El presentismo dependerá de ello.

Salutes!

lunes, 21 de marzo de 2011

Pack de Apuntes - Clase 02 - Lunes 21-03-2011

Aquí va el pack de apuntes de la clase 02:
  • bitácora 02
Descargar desde aquí.


Hoy comenzamos a trabajar con HTML, el formato más importante en el universo web.

Nos familiarizaremos con la sintaxis del lenguaje y veremos principalmente su función como lenguaje de marcado (recordemos que la M de HTML significa: Markup / Marcado).

IMPORTANTE: el HTML no es el archivo de Dreamweaver. Se trata de un estándar web, abierto y gratuito, regulado por la W3C (una entidad sin fines de lucro) y que no pertenece a ninguna empresa.

lunes, 14 de marzo de 2011

Pack de Apuntes - Clase 01 - Lunes 14-03-2011



Bienvenidos a Computación Gráfica 3, en su versión 2011.

Aquí va el pack de apuntes para la primera clase, incluyendo:
  • ficha de datos
  • bitácora 01
  • apunte desarrollo web 01
  • apunte desarrollo web 02
  • apunte desarrollo web 03
Click aquí para bajar los apuntes.

Es importante aclarar que el programa de la materia ha cambiado totalmente en 2011, en relación a las cursadas previas. Esto significa que los apuntes y consignas de años anteriores no se aplican.

=====================

Aquí van algunos links a sitios interesantes:

lunes, 28 de junio de 2010

Bitácora 15 y encuesta

Estimados:

Aquí les dejo la bitácora de la clase que no fue (la del viernes 25), cuyo mayor interés radicaba en una encuesta que pensaba entregarles.

Les pido si pueden completar dicha encuesta y dejarla en la Coordinación de la Carrera.

Mañana martes estarán listas las notas de los TPs.

Saludos.

viernes, 18 de junio de 2010

Pack de Apuntes - Clase 14 - Viernes 18-06-2010

Aquí va la bitácora 14.

Recuerden que hoy es pre-entrega. Les pido que ingresen a horario a clase, así tenemos tiempo de corregir a todos.
La pre-entrega es una instancia obligatoria, no falten.

viernes, 11 de junio de 2010

Pack de Apuntes - Clase 13 - Viernes 11-06-2010

Aquí va la bitácora 13.

Hoy dedicaremos toda la clase a corregir el TP04. Se trata de la última corrección antes de la pre-entrega.


Algunas preguntas pertinentes para que pienses en función de tu proyecto:
  • ¿Tengo un partido gráfico fuerte?
  • ¿La forma en la que estoy animando acompaña el partido gráfico elegido? ¿Comparten un mismo lenguaje?
  • ¿La información se encuentra ordenada y fragmentada de forma lógica entre las diferentes instancias de navegación?
  • ¿Hay indicios para que el usuario sepa cómo manejar la interfaz? ¿Se puede ubicar fácilmente en mi estructura de navegación?
  • ¿Se trata de un proyecto digno de un estudiante de tercer año de la carrera de DG? ¿Es verosímil?
  • ¿Las animaciones están funcionando sin problemas? No debe haber líneas punteadas en la línea de tiempo.
  • ¿La programación funciona correctamente? Todos los botones deben funcionar de la manera esperada.

Además, aquí repito el cronograma de las clases restantes:
  • viernes 11/06: Corrección más avanzada del TP04.
  • viernes 18/06: Preentrega obligatoria del TP04, última corrección antes de la entrega.
  • miércoles 23/06: Entrega del TP04 (no hay clases).
  • viernes 25/06: Última clase, devolución de notas y cierre de la cursada.

viernes, 4 de junio de 2010

Pack de Apuntes - Clase 12 - Viernes 04-06-2010

Para la clase de hoy deben traer:
  • Bitacora 12
  • Auriculares (turno noche)
  • Su interfaz interactiva en proceso ya en Flash, para corrección.
Turno noche, sonido:
La clase pasada no llegamos a ver el tema de sonido en el turno noche. Quienes vengan a ese turno, recuerden traer auriculares nuevamente.

Corrección TP04:
Para ambos turnos: Hoy hacemos colgada cibernética del trabajo práctico 04. Es absolutamente necesario que traigas material para corrección en clase.
Comenzaremos a corregir la interfaz ya en tecnología Flash. Vení con tu interfaz interactiva en SWF, APP, EXE y FLA.

Inspiración:
La web es una fuente de inspiración enorme (especialmente cuando de interfaces interactivas se trata). Naveguen! Naveguen! Naveguen!
Por otro lado, si tienen fiaca de buscar buenas interfaces, y buen material que sirva de referencia e inspiración, pueden empezar por el blog de la materia: aquí se postean cuestiones de interés entre clase y clase. Les recomiendo que peguen una revisada general al blog, que se fijen allí a la izquierda (☜) las tags (especialmente pueden visitar las tags: para ver, links y para leer), que visiten también los sitios amigos y que chusmeen los links flasheros.
El material se sube semana a semana para que lo vean, lo analicen, lo consuman, y lo capitalicen en cuanto a su bagaje de piezas de diseño que quedarán en su memoria.

Salutes!

viernes, 28 de mayo de 2010

Pack de Apuntes - Clase 11 - Viernes 28-05-2010

Hoy haremos la primera corrección del TP04 —corregiremos pantallas estáticas en la pantalla grande— y trabajaremos con sonido en Flash.

En este sentido, necesitaremos de:
Es importante que recuerdes traer auriculares.



Salutes.

viernes, 21 de mayo de 2010

Pack de Apuntes - Clase 10 - Viernes 21-05-2010

Recuerden que hoy es la entrega del TP03.


Aquí os dejo el pack de apuntes del día de la fecha:
  • Bitácora 10
  • TP04

Hoy lanzamos el último TP del año, y el cronograma de las clases que nos quedan es mas o menos así:
  • viernes 28/05: Sonido en Flash y corrección pantallas estáticas TP04.
  • viernes 04/06: Corrección de las primeras pruebas en Flash del TP04.
  • viernes 11/06: Corrección más avanzada del TP04.
  • viernes 18/06: Preentrega obligatoria del TP04, última corrección antes de la entrega.
  • miércoles 23/06: Entrega del TP04 (no hay clases).
  • viernes 25/06: Última clase, devolución de notas y cierre de la cursada.

Salutes!

viernes, 14 de mayo de 2010

Pack de Apuntes - Clase 09 - Viernes 14-05-2010

Aquí os dejo el pack de apuntes del día de la fecha:
  • Bitácora 09
  • TP03
Hoy jugaremos programando navegación en Flash
¡No falten!

Ahí se ven.

viernes, 7 de mayo de 2010

Pack de Apuntes - Clase 08 - Viernes 07-05-2010

====================
HOY ENTREGA TP02

(Si por alguna razón no podés venir a clase, enviá tu entrega con algún amigo/compañero/etc.)
====================

Aquí va el pack de apuntes incluyendo:
  • Bitácora 08
Dado que hoy trabajaremos con programación e interactividad en Flash, nos serán de utilidad los apuntes de la clase pasada: sería ideal que traigan ambos packs de apuntes a clase. Aquí pueden bajar el Pack 07, y aquí el Pack 08.


Algunas incógnitas:
  • ¿Qué significa “interactividad”?
  • ¿Existen grados de interactividad, o se trata de una cuestión binaria del tipo: hay interactividad / no hay interactividad?
  • ¿Podemos hablar de interactividad fuera del marco de los medios electrónicos/digitales?
  • ¿Qué es una interfaz?
Y por otro lado:
  • ¿Qué es programar?
  • ¿Qué es un lenguaje de programación?
  • ¿Cómo se programa interactividad en Flash?

Salutes.

viernes, 30 de abril de 2010

Pack de Apuntes - Clase 07 - Viernes 30-04-2010

Aquí va el pack de apuntes incluyendo:
  • Bitácora 07
  • Flash 09
Bajar los archivos de clase desde aquí.

Hoy corregiremos el material proceso del TP02 que traigan a clase, y comenzaremos a charlar sobre el asunto de la interactividad en Flash.

No falten!

Salutes.