viernes, 31 de mayo de 2019

Entrega Parte uno ESTADO A LA FECHA. Ausencia general.

Pensalfine: Muy bien encarado, hay detalles los vemos en clase.
Mattos: Excelente, muy cuidado el diseño , también hay detalles los vemos en clase.
Casnatti: Ok, tarde la entrega. Arreglá el tema del árbol de contenidos, usa una ficha de persona más elaborada (ver aquí), arreglá las capturas, enviá de nuevo en PDF.

Resto.
no he visto informes, ni avances, ni consulta.
PRIMER ENTREGA de material: FAIL.

Clase del 31/5____ Asistió Casnatti solamente. Esperé al resto del grupo de 1430 a 1630. por lo que doy por perdido el día. No hay problema, lo que debíamos ver hoy lo meto con calzador en las 3 (tres) clases que quedan.

Detalle de lo que resta entonces (en rojo lo que debíamos ver hoy):

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.
Carga de webfonts a través de GoogleFonts.
Carga de fuentes autoalojadas.
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.
iframes. Uso. Aplicación de contenidos de terceras partes. Embedding.

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).

Trabajo con multimedia. Colocar sonido y video con las nuevas etiquetas.
Ejercicio con CANVAS básico. Aplicación de SVG files.

Responsive. Concepto y uso. Los tres componentes del diseño responsive (media queries, Grillas fluídas e imágenes flexibles) (fuente) Uso de un framework sencillo para hacer el layout (simple o boostrap). Consideraciones de prototipado.

Ok... bueno pasemos a las tareas:
En la semana que viene, más tardar MIERCOLES me envían la segunda parte del informe.
El informe (aparte del armado efectivo del HTML CSS) es parte de la práctica integral. Si faltan a entregar el mismo, piensen que hay tres etapas para entregar de bajada de regularidad, y ya han perdido (algunos) la primera de ellas. Quedan dos. Por eso les avisé por correo que se pongan a trabajar o consulten para no perder la regularidad.

Y les dejaré acá un ejercicio que deben traer resuelto (con fallas o no, no hay problema) para el viernes que viene. La idea es que lo realicen, como práctica, y aquellas cosas que les cuesten me las traen para ver en clase así las resolvemos y lo ven todos.

Nada más. Saludo, siendo las 4:55 me retiro. Nos vemos.
Mauro.

viernes, 24 de mayo de 2019

POSITION + Z INDEX+ FLOATS

Para los ejercicios de LAYOUT:

Pokemones (base) PSD
background base

EJEMPLO DE CABECERA en html (con Photoshop, tinypng, reset, y W3Schools)
Codigo en el Etherpad.

DESCARGAR

miércoles, 22 de mayo de 2019

MIERCOLES:2357hs

Informes enviados = 0
Jueves, espero novedades.
Viernes, hago informe.
Saludo Mauro.

viernes, 17 de mayo de 2019

Inicio de informe. Datos UTILES...

Hola gente.
Aquí datos útiles para irse guiando con el informe.
El práctico/proyecto es, les recuerdo:
REDISEÑO DE SITIO WEB.

Tiene dos partes, informe (PDF) y sitio (rar, carpeta con archivos).

Parte INFORME: Aqui les coloco material para organizar la entrega:
Como ayuda va 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)

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


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.


Hasta hoy (VIE 17 Mayo)... ya deberían tener listo la etapa en ROJO, e iniciada al menos la etapa en NARANJA.
En clase se explicaron ambas. Tal vez algunos faltaron pero en fin , hare un resumen si da el tiempo hoy al FINAL de clase, no antes.
Repito lo que le dije a González.

NO SE REQUIERE QUE HOY ESTE PERFECTO PERO SI COMENZADO.


Por las dudas... un video que explica lo de arriba. Explica TODO el proceso, pero de nuevo, con lo inicial en rojo ya me quedo conforme que están en ruta.

(veo que a algunos les quedaron dudas. En el olvido. puede que ayude)



ARMADO EJEMPLO: