domingo, 22 de julio de 2018

Starting machines (consulta)

Hola gente.
La mesa es el 3 de AGOSTO.
A partir de hoy LUNES coordinamos para ver que fecha puede ser la consulta. Llamo en la mañana a Mauricio para consultar disponibilidad del aula de LAB para no superponernos con otra mesa.
Y les aviso por aca.

Saludo. Mauro.

Como unificar varios css en uno solo.

viernes, 6 de julio de 2018

Hey you..

Salen en foto ahora!! Jeje.
Bueno en otro orden de cosas paso por la UM a dejar la regularidad desde la 16 a la 1750.
Estàn todos regulares, by the way.


Luego me regreso.
Por si alguno de Uds quiera consultar algo de HTML y CSS, estaré.


La consulta de la mesa de AGOSTO será a partir del 23 de julio, que abre la Facultad. Obviamente cercano a esa fecha me avisan y vamos arreglando una fecha/hora para la consulta. igual por favor me avisan QUIEN RENDIRA para mandarles detalle de correcciones finas del informe.


Por lo demás les dejo una buenas vacaciones y nos veremos en la mesa o vaya a saber dónde...

Un gusto ha sido
Mauro.

sábado, 30 de junio de 2018

Estado y conclusiones finales

(Click para ampliar la imagen)

Hola gente. Tiempo de conclusiones.


a) Felicito al grupo en general. Muy buen comportamiento y aguante dado las largas horas de entrenamiento (vean el lado bueno... están fogueados para entrenamientos duros frente a computadora :)

b) En especial felicito al grupo italiano (Berardelli, Marchioni, Guidoboni). Comportamiento ejemplar, buena disposición y excelente nivel de presentación de los trabajos. Si necesitan una carta para la universidad que consigne esto, me la piden y se las paso antes que se vayan. Muy conformes con ustedes por mi parte, hasta ahora lo mejor de alumnos de intercambio en lo que va de la carrera.

c) Em... bueno para cerrar el tema de entregas y cierre de regularidad que debo entregar más tardar la semana que viene: Por favor vean la foto del pizarrón de la sesión maratónica que hicimos de correcciones.
- me arreglan el informe, (si pueden hacer las capturas de las pantallas finales MUCHO MEJOR!) y me las suben de vuelta a un drive o un dropbox asi me bajo todo.

Acá abajo pondré un listado más bonito con el actualizado de lo que me manden para sólo poner lo que les falte entregar y algún que otro comentario... ya los aburri en extenso el viernes uno por uno, pero espero les haya servido la corrección grupal (por favor por correo si les pareció una pérdida de tiempo o una movida errónea me dicen si??) Todas sugerencia bienvenida.

d) Yo: Personalmente no llegué a todo lo que les quería explicar, y me demoré de más varias veces con el mismo tema. Espero mejorar eso el año que viene, pero en fin los mates, los scones - chipás- brownies, el recreo de 20 min x 5 horas de clase, y el excelente comportamiento del grupo en general la verdad compensa lo que no pude lograr. Igual mis disculpas por lo que no pude cubrir de uso del DW y del código... igual creo tienen una buena base para seguir indagando por su cuenta, y meterse, si les pinta, en el mundo del diseño web.
Respecto a lo que deben presentar para el final....




e) ... les haré una serie de "recordatorios" de procedimientos para que puedan encarar el armado, y recuerden me pueden mandar los pasos intermedios o problemas por correo. Trataré de cubrir lo más que pueda para que logren armar el sitio lo más parecido posible a lo que armaron.

viernes, 22 de junio de 2018

Organizar entrega

Aqui les coloco material para organizar la entrega:
en el diagrama.(click para ampliar el grafo) tienen los pasos y cosas a resolver en el informe:
Abajo tienen las referencias de algunas herramientas que pueden utilizar para hacer ciertas partes (las que tienen numerito).



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. En el olvido. puede que ayude)




domingo, 20 de mayo de 2018

Mayo

Hola gente.
Les dejo acá algún que otro resumen de lo visto.
Antes que nada, un mensaje de los alumnos a los chicos de intercambio:

I compagni mostrano la loro opinione sulla tua assenza.(clicca per ingrandire)


Bah nada broma. Just kidding. Los esperamos, pero no descuiden lo que deben hacer para cuando nos veamos...
Por lo pronto, lo que SI deben iniciar, es el informe.
Para refrescarles la memoria... es en PDF, y acompaña a la entrega del sitio en sí (el folder con los css, htmls e imágenes).
Recuerden que para bajar la regularidad (firma de librestas a fin de cuatrimestre), deben TENER entregado este informe.
Para rendir: llevar el sitio en html (en un pendrive) para comprobar el funcionamiento, y consultar acerca de algunas cosas de teoría vistas en clase.

La clase pasada estuvimos viendo estructuras con CSS y HTML. Lo que hicimos esta en este sitio (descomprimir rar). AQUI.

Para iniciar, Uds ya a esta altura han:

- elegido un sitio para rediseñar
- elegido dos competencias (sitios) que hayan elegido por buen diseño, organización de la información, interacción, multimedia, etc. En lo posible de temática similar al tema elegido.


Bien ahora deben iniciar el informe, que en su primera parte consta de:

miércoles, 9 de mayo de 2018

Layout del cursado, (generico)


UNIDAD 1: XHTML

Estructura
El lenguaje html. Partes. Elementos de una etiqueta.
Trabajo en DW. Entorno de trabajo Code – Split – Design. Consideraciones sobre tipos de archivo.
Uso de browser como testeador de resultados.
Ver código fuente / Inspector  en Chrome/Firefox
Elementos base texto: P H1 a H6 blockquote ...
Elementos de bloque. (block)
Strong/ Em/ br. Elementos de línea (inline).
Características base de funcionamiento de un documento html.
Links, anchors, listas. Uso de Thimble y Xrays de Mozilla como editores auxiliares y de aprendizaje.
Validación usando la W3.Org.
HTML5 Cambios importantes en sintaxis. Nuevos elementos (tags)

UNIDAD 2: CSS Básico

Aspecto
Estilos en cascada. Concepto. Partes. Anatomía de un estilo o regla. Tipos de selectores: tags, clases, Id´s  y estilos avanzados.
Propiedades generales de texto. Propiedades de cajas. Modelo de caja (box model). Herencia y estilos de browser vs. Estilos de autor.
Hojas de estilo inline, internas y externas. Poder de un estilo en función de cómo se lo invoca. Especificidad.

Agrupar estilos. Reglas de escritura de CSS para mejor aprovechamiento.
CSS3// Diferencias con CSS2. Nuevas propiedades. Compatibilidad con browsers anteriores (polyfills)


UNIDAD 3. CSS Avanzado
Layout y navegación

Positioning tipos. Z-index y uso. Display opciones. Floats y modelo de columnas en CSS. Crear un layout en DW con XHTML y CSS, Partes y consideraciones básicas.
Pseudo clases. Usar listas como menúes. Menúes verticales y horizontales.
Planificación y alternativas para tipos de navegación. Menúes desplegables con CSS.
Condicionales para diferentes navegadores: Hojas de estilo condicionales.

UNIDAD 4: Forms

Interacción de entrada
Elemento Form. Uso y funcionamiento de un formulario. GET,  POST y action. Etiquetas de entrada datos (inputs), checkboxes, radio button Select, text tareas, botones envío.
Crear un formulario tipo: métodos. Aplicaciones de los formularios en sitios web e importancia en la estructura general.  Estilar un formulario. Dificultades emergentes con los controles de formulario y uso de JS para customización de campos.

UNIDAD 5: Js-Jquery / Intro a HTML5/CSS3

Comportamientos. Nuevas posibilidades.

El modelo de documento DOM (Document object model) y la estructura de una página. Javascript base y su relación con el DOM: sus posibilidades de interacción.

Colocación de scripts en una página y cuidados de uso. Incorporar un JS a un sitio para diferentes operaciones (slider de fotos, smooth scroll y otros ejemplos).


viernes, 6 de abril de 2018

Bienvenidos a CM2018

Hola gente.
Soy Mauro Ramón, quien tratará incorporen conocimientos de HTML/CSS y diseño orientado a pantalla - en este caso, web - durante este cuatrimestre.
Son clases largas, pero espero jugosas. Y se trabaja  en computadora una buena parte del tiempo, aparte de ir desarrollando (de a poco) un proyecto final con el cual logran la regularidad al final del cursado.
De esto y otras cosas hablaremos hoy.. Un saludo y ojalá les aproveche lo que pueda enseñarles.
Saludo
M.

POSTCLASE:
Resumen en audio de lo que vimos (muyy resumido)

jueves, 15 de febrero de 2018

Consulta mesa febrero. VIE16, 9:30 horas

Hola la consulta para febrero sera este VIERNES 16 a las 9:30 hs en el lab de informatica de la UM. Saludos
Mauro.