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