domingo, 26 de noviembre de 2017

Consulta diciembre 04 -16 a 1730


Para efectuar consulta me mandan un correo para coordinar el día de consulta en la UM:

DICIEMBRE 04 -16 a 1730hs.


Sobre el armado del sitio, no les vendrá mal esta explicación que le mandé a una compañera de Uds.

Atenti nomás de armar desde cero BIEN las cosas. Saludo...

Referenciar bien los files en DW: Sitio.

2017

Principios generales HTML (audio)


Artículos sobre elementos de bloque/ línea : aquí y aquí

Estructurar un HTML. aquí y aquí 

Temas varios (corto e interesante). Modelo de caja, reglas css, principales propiedades css, floats, display, etc. AQUI.











viernes, 18 de agosto de 2017

consulta setiembre

Hola gentes
La mesa de setiembre es el 4/9 (lunes a las 16 horas).
Va el aviso con tiempo para:
- que consulten del trabajo html- css por correo.
- que vayan a la consulta el día que quedemos (aún indeterminado).


Entonces...
O sea, observen estas simples reglas para una feliz rendida:

- queda absolutamente descartada la entrega de layouts o sitios armados con tablas. Tuve una conversación ya en dos oportunidades, en una consulta una, y en una mesa (?!) acerca del tema. Para evitar malentendidos, y a pesar que estudiamos cómo armar el sitio con html  Y CSS (no tablas), quede aquí escrito blanco sobre negro, in other words, this IS A RULE (esto es UNA REGLA). Gracias.

- ayudas: la rendida la hace el alumno, las preguntas las responde el alumno, las cuales formula el profesor. Es una regla un poco obvia, pero viene a cuenta de la "ayuda externa". Obvio pueden ayudarles a hacer el sitio, pero no acudir con la persona a la mesa de examen, para que responda una serie de desiciones que el/ella pueden haber tomado, una tecnología o ejemplo que el /ella han elegido por sus propias razones, etc... Creo se comprende el punto. La persona que los ayude no pone el cuerpo en la mesa de examen; por lo tanto la desición de hacerlo de esa manera corre por cuenta absolutamente del alumno.
Tal como le dijese a un alumno una vez: " la primera ayuda pedirla siempre a quien te dió la clase". Me pueden ubicar por correo, por acá, en la consulta, etc. No los dejaré - mientras esté a cargo de la materia - a la deriva y agarrados a un  cajón en el mar. Creo no era lo que hablamos cinco largas horas de clase, todos los lunes.

Estoy para ustedes
(esto es otra ley, obvia pero bueno, lo aclaro). Pero le tomo a ustedes, no a sus baywatchers.

- consulta primero (vía correo, o presencial). Luego mesa.
Creo en su nivel de confianza totalmente. Pero como se trata de un proceso más o menos complejo, la compañía de la que hablo en el punto anterior se trata de ir guiándolos en el proceso de la resolución  (completa) del práctico final: HACER el sitio. Ya tienen bastante listo (el informe), pero al arremangarse y poner a teclear en DW representa muchas dudas, fallos, etc, en los que puedo ayudarlos perfectamente. Cabe entonces decir que si deciden seguir su propio camino (ayuda externa, caer a la mesa con todo armado sin revisión previa), pueden haber ítems o partes no del todo bien resueltas, que pueden afectar la nota o hasta la aprobación misma. (Ya que el armado es parte del proceso de rendido).

...sin lo cual pueden haber participado activamente en el armado y entender cada una de las cosas que se armaron, y - también debo decirlo - me es suficiente para aprobarlos. Pero no han habido muchos de esos casos.

Creo no hay muchas más "leyes" para presentarse a rendir. Simplemente les comento algo para facilitar el proceso, y lograr que se vayan contentos (y yo) luego de la rendida.

Mi chiquita meta es que se vayan sabiendo. Y Uds. aprobar. Creo que desde el día uno esa fué la propuesta, en la cual me siento


contento de que me hayan acompañado.
Nada más. Gracias. Pronto datos de la fecha de consulta.
Mientras, disparen esos correos, acá ando.
Saludos Mauro.

miércoles, 19 de julio de 2017

por favor... si pueden...

En todo caso pueden hacer el PDF pesado (si no queda otra... ejemm...) y subirlo aquí para optimizarlo (comprimirlo).

Por favor.. reducir el tamaño de mis PDFS!

Si ven el resultado.. parece que anda.
En alguna parte, le sacaron una sonrisa a un posible cliente.. y no una làgrima.
Saludos.

lunes, 19 de junio de 2017

Penultima clase + revisiones (cuasi finales).

Creo que Micarelli estuvo grabando videos del ejercicio de armado de abajo.



Descargar armado aca.

Igual.. estuvimos viendo una entrega de Dinamarca / Zabal, contestando algunas preguntas, vimos el principio C.R.A.P., que les permitirá "limpiar" visualmente los mockups.


Y les agregaré más detalles. Saludos!

REVISIONES: Por grupos. (no obstante, les recomiendo a TODOS que las miren, igual, para evitar los mismo errores o detalles).

M Perrota / Merta / Dinamarca



Keating / Garcia / Antonio / Reinoso / Gonzalez / Gelardi (Gonzalez no se cual era...)


 

Rodríguez / Zabal /Perrota M / Perrota C (entrega fallida) / resto del curso.

miércoles, 7 de junio de 2017

31/07, 16:30hs


Confirmada la mesa. 
A poner barbas en remojo.. Saludos.
Mauro.

Interlude: WHOA (uaaa!):
Re interesante.. el o la que quiera pegarle una mirada:
Mapa para aprender webdevelopment

Recurs(on). Web code:
Fresquito.. recien salido del horno (sirve para obtener código prearmado):
webTools

martes, 6 de junio de 2017

Ordenando la entrega

Hola chicos.
recapitulando lo que hablamos ayer, sobre la entrega, espero ordenar un poco el tema en el diagrama.(click para ampliar el grafo)


SiteMaps diagrams: (1)https://writemaps.com/
https://creately.com/diagram-type/site-map


Recursos de wireframes: (2)
Mockups (https://moqups.com/)
Balsamic Mockups (https://balsamiq.com/products/mockups/)
MockingBird (
https://gomockingbird.com)

Mockups: Photoshop / Illustrator / Fireworks/ Sketch (mac) (4)

StyleTiles: styletil.es/ (3)

Revisión de Mockups/Pantallas: https://conceptboard.com/

Ver pantallas en tamaño real: https://www.previewdump.com/

Revisión de código vivo/ ejemplos/ problemas de HTML CSS:   (5)
Thimble https://thimble.mozilla.org/es/
CodePen https://codepen.io/
Jsfiddle https://jsfiddle.net/

Atascado con el HTML/CSS? Codeademy : HTML y CSS básico (5)

Como referencia a lo de arriba, y para que organicen lo que tienen que hacer, recuerden usar esta referencia de abajo para presentar el PDF:


donde están representadas las etapas como DISEÑO DE INFORMACIÓN, INTERACCIÓN y PRESENTACIÓN. Se las dejo también acá por si la perdieron de vista.
Y un video que explica lo de arriba (veo que a algunos les quedaron dudas. Y en el olvido. puede que ayude)

Bueno pronto más info. Gracias.

lunes, 29 de mayo de 2017

Para el informe...

Personas..




(para ver más grande, hacer click en las imágenes)
Ok.. estos son algunos de los modelos de persona que pueden encontrarse por ahi... Para otros modelos (hay muchos más) click acá-
Para el informe, haremos UN perfil, aunque en realidad, dependiendo del tipo de sitio y/o aplicación, se requieran varios.  En fin.. para trabajar usaremos uno de esos modelos, en los cuales deberán llenar los datos que sean necesarios:
MODELO A UTILIZAR:
Respecto a la ficha de análisis... Descargar aquí

Libro(s) mencionados en la clase del 29/05:

 

Designing for the web Michael Boulton. Disponible para leer online u offline.
Sitio oficial. (Descarga libre también en ese sitio).

Libro MUY básico de armado html:
Construir & diseñar un Website (ENG). Ebook / El sitio original está caído. Buscar con Archive.org
Tiene unos años pero sirve como digo como algo básico.

lunes, 15 de mayo de 2017

Media clase 15 de mayo... 1730 nos movemos


Hola gente.
Tendremos clase a medias. A las 1730 debemos ir a una charla (1 diseñador, 1 arquitecto, 1 pensamiento 1 imagen) en la SALA AZUL.
Les aviso, por quien llegue tarde.

Lo que si, aprovecharemos el tiempo previo para ver (1) técnica de prototipado (de wireframe a css), y ver si recuperamos algunas dudas.

Lo que hayan avanzado del informe o tengan dudas, también es momento de evacuarlas.

COMO TENDREMOS este corte al medio, les pido entren luego del MIERCOLES a este post, para ver más datos de práctica/ video online, para recuperar algo del tiempo perdido. Gracias!


lunes, 8 de mayo de 2017

Mayo 8. A medio camino...

Hoy veremos varias cosas:

Les pasaré la base del informe, para que vayan elaborando. (ver abajo).

Retomaremos el uso de display, y veremos cómo trabajan los floats. (es para el layout del sitio).


Hablando de layout.. haremos un ejercicio con làpiz y papel, para detrminar las partes que tendrá el sitio. la base será de 960px, recuerden, y se utiliza todo el alto del browser y más... es decir que SE PUEDE hacer scroll. El alto SIEMPRE lo determina el contenido, no lo olviden.

USAREMOS
HTML IPSUM (http://www.htmlipsum.com/ipsum)
MEYER RESET (https://meyerweb.com/eric/tools/css/reset/)
GS GRID system (https://960.gs/)

Allá nos vemos.Saludo.
Usaremos goMockingbird.

Opciones: Balsamiq mockups (pc/mac)

lunes, 1 de mayo de 2017

Pausa



Hola gente.. Sí, una pausita impuesta por el calendario (cayó justo este Lunes...) pero como les dije , les paso acá algunas actividades para ir repasando teoría/ avanzando con el práctico final.

Pronto. Mañana Martes en realidad. Un saludo y bueno , aquellos de Uds. que trabajan, que disfruten con justicia este día. M.

lunes, 24 de abril de 2017

Seguimos. Hoy: Batido


En la clase de hoy revisaremos algunos conceptos sueltos (que no profundizamos), veremos temas de teoría, continuaremos con el layout.. en fin. Varias cosas. Mezcladito y nublado por lo que parece.

Modelo de caja: TAMAÑO de caja (ver box-sizing) >>> ACA

Posicionado: Conceptos base >>> ACA

Un ejemplo de posicionamiento >>> ACA

TEORIA: Etapas del Proceso de diseño de aplicaciones Multimedia (descargar

lunes, 17 de abril de 2017

Clase 4. Profundizando CSS /Box model.


Hola gente.
En la clase de hoy terminamos:

- Modelo de caja
- Estructura de pagina tipo
- Y practicamos con el sitio (clase4). Positioning lo seguimos clase que viene, mas en detalle.

Como el mopad se cayó, les dejo el sitio en un rar por si quieren tenerlo a mano. (DESCARGAR).
Recuerden.. les di el pass en clase.

Luego hago el resumen. Pero por lo pronto tienen para ir practicando/rememorando.

Sobre el informe: más info pronto aquí también. La clase que viene veremos el tema del proceso de diseño de un proyecto multimedia, y las partes que tendrá ese informe. Es teoría que se tomará en el final.
Saludos y gracias por seguir el trayecto... M.

 

Resumen clase 4




Class 4 summary.


jueves, 13 de abril de 2017

Resumen de la clase 3

Hola gente. Va el resumen de la clase 3: (escuchar en Chrome)





Hi there. This is asummary of last class.

martes, 4 de abril de 2017

1 bestia x 2 bellas.

Ok Ya eligieron el sitio "feo". Ahora deben elegir dos sitios que, para el análisis que haremos, sean por contra, bellos.

El tema es así: la próxima clase les daré algunas pautas para evaluar un sitio web, y con esas mismas pautas evaluarán los dos sitios "lindos". La idea es contraponer, observar, y rescatar conceptos, tratamientos de imagen, de contenido, de esquemas de colores y tipográficos, que nos ayuden a prefigurar qué haremos con el rediseño de mi sitio.

Los dos sitios "lindos" pueden ser (o no) del mismo rubro. En dicha elección deberán tomar en cuenta que estilo o rasgos estimaron convenientes para contraponerlo con el sitio a rediseñar, ya que de alguna manera algo de ellos irá a parar al nuevo sitio. Para ello usaremos una especie de moodboard, pero aplicado al diseño de interfaces.


EH! tranqui... por lo pronto elijan los dos sitios, y traigan las capturas de pantalla (o las URLs) la clase que viene. Y los que aún no mandan la dirección del "feo", pues les aviso van un paso atrás. Y quedan 10 (clases).
M.

lunes, 3 de abril de 2017

la CLASE de css...


Hola. Bueno les dejo resumen de lo visto.

Herramientas que usamos esta tarde:
Dreamweaver / Thimble / Chrome.

Resumen audio Clase 2:



Audio summary of today´s class:


Nos vemos el lunes /C u next Monday.
manden los sitios que faltannnn...!!! Saludo. M.

viernes, 31 de marzo de 2017

Eligiendo


En el video les oriento de cómo buscar los tres links que deberían mandar este fin de semana, para elegir el sitio a rediseñar.



Gracias Dinamarca, pero por lo pronto en el video te (y les) marco el "porqué no" del tema.
Espero les sirva, saludos. M.

-----------------------------------------
--------------ELEGIDOS:--------------
Dinamarca // http://www.gaviota.com.ar
Micarelli // http://www.restaurantevegetarianofenix.com/
Merta // http://www.argentinabulldog.com.ar
Perrotta M // http://www.aventurawine.com/es 
Reinoso // http://turismo-responsable.com/
Rodríguez // http://www.alexstewart.com.ar/
Antonio // http://www.chaletdebassi.com/
Perrotta C // www.bodegaseptima.com
Zabal // http://www.fabriport.com/index.html
Keating // http://www.gatesnfences.com/index.html
González // http://www.botanical-online.com
Gelardi //  http://www.venecianosrl.com.ar/sitio/
Garcia // http://www.casas-pinamar.com.ar/

Al resto les llevo temas esta tarde, para quienes no tomaron un sitio.
Saludo.



miércoles, 29 de marzo de 2017

Bienvenida + resumen#1

Hola gente,
Bienvenidos al curso 2017 de Com. Multimedial.
Acá, el programa 2017.
Les dejo abajo el resumen #1. Saludos.
M.