¿Cuántos elementos HTML recuerdas? HTML Quiz

Posted by maximiliano | Posted in DUOC, HTML | Posted on 15-09-2010

4

Hoy hice nuevamente, después de un año más menos el Quiz de HTML 4 para ver cuántas etiquetas HTML recordaba me acordaba en 5 minutos. Saqué un poco más de la mitad. Si considero que hay muchos de los que no recordé que son desaconsejados podría decir que no me fue tan mal…

¿Cuántos elementos HTML recuerdas tu? a ver si a mis alumnos del DUOC les sirve para estudiar un poco y publican su resultado en sus blogs.

46

Created by OnePlusYou

Estructura y elementos HTML (actualizado)

Posted by maximiliano | Posted in Accesibilidad, Buenas Prácticas, DUOC, HTML, Normas, Validación | Posted on 06-09-2010

8

Uno de los factores más relevantes en el contexto del diseño Front es el correcto marcado del contenido. Específicamente la correcta identificación y correspondencia Tipo de contenio v/s Etiqueta recomendada. Esta es la base para un desarrollo óptimo. Si no se entiende el real contexto del HTML como Lenguaje de Marcado, partiremos con una base inestable.

La ejercitación se debe plantear en identificar los elementos de una interfaz visual, tanto para marcarla como para las páginas HTML verificar si están correctamente marcadas.

Luego del correcto marcado del HTML debemos identificar y comprender el comportamiento de cada uno de los elementos marcados. Estos se dividen según su comportamiento en Elementos de linea y elementos de bloque. Comprender, asimilar y dominar estos comportamientos es fundamental para iniciarse en el estudio de las CSS.

Documentos oficiales

Actualización

Recordando que un alumno hizo referencia al poco soporte del atributo longdesc, les dejo algunos enlaces al respecto. SIDAR ejemplifica y hace referencia al poco soporte en un artículo del 2002 en el marco de un Manual de aplicación de las WCAG1.0. También encontré un blog con un buen post Como usar el longdesc y finalmente contenido oficial de la WebAim sobre Long Descriptions.

Estructura principal de HTML – Clase 2

Posted by maximiliano | Posted in DUOC, HTML | Posted on 28-08-2010

7

Para mis alumnos del DUOC: Como les comenté en clases acá les dejo los principales link que deben guardar.
Primero, recordarles que escribimos desde cero nuestro primer HTML y su estructura principal:

<html>
      <head>
      </head>
      <body>
      </body>
</html>


también vimos las etiquetas más comunes como <p>, <ol>, <ul>, <li>, etc. y acá les dejo un link para descargar de forma directa una hoja resumen de etiquetas HTML y otro vínculo que informa sobre los códigos correspondientes a todos los caracteres HTML los etiquetas HTML.
Ayer y antes de ayer (viernes y jueves) realizaron su primer HTML, una página de cocina, específicamente una receta donde no solo se ocupaban elementos de párrafo sino que principalmente se familiarizaron con elementos de lista. Tanto ordenadas como desordenadas y reconozco que solo hace un par de años encontré este buen ejemplo de cómo utilizar listas ordenadas <ol> y desordenadas <ul> en un mismo contexto.
La materia de esta clase, casi 100% nueva para la mayoría, me permitió terminarla solamente en uno de los módulos. De todos modos acá les dejo la presentación completa

Diseño Front Orientado a Sitios en DUOC

Posted by maximiliano | Posted in Buenas Prácticas, CSS, DUOC, HTML | Posted on 19-08-2010

102

Mañana (hoy) parto con el curso Computación Multimedia I en el DUOC sede San Carlos de Apoquindo dictado en paralelo con Pablo Lobos  y este post lo publico para la primera actividad de los chicos. Crearse un blog en WordPress.com y comentar sus URL en este post.

La idea como les debo estar diciendo en la clase, es que cada uno publique al menos un post relacionado a cada clase, los principales tips, links, datos, referencias, conclusiones, etc.

Si bien el curso está apuntado a la creación de sitios se enfocará  en el aprendizaje de los dos principales lenguajes  HTML y CSS, conocimientos más que necesarios tanto para desarrollar como para administrar o editar sitios.

De paso me sirve para reactivar mi blog que botado lo tengo en relación a temas digitales, pues la tarea que me doy es publicar, a la par con ellos, los principales recursos que veamos en clases.

Front – Responsabilidad de diseñadores

Posted by maximiliano | Posted in Buenas Prácticas, CSS, HTML, Normas, Validación | Posted on 30-04-2010

23

El diseño visual está lejos de ser “un dibujito a la rápida”, aunque sigo encontrándome con ese tipo de solicitudes. En la web es consecuencia de un proceso cada día más científico de DCU. Pero ¿quién traduce el diseño visual para navegarlo y crear un buena experiencia en los usuarios?

Somos los Diseñadores gráficos que debemos tomar el guante y hacernos responsables y no los programadores o ingenieros.

Nada personal,  es más accesible aprender lenguajes como HTML y CSS por ser más acotados.  En el pasado expliqué ¿Qué es el diseño Front? y teniendo eso en cuenta, lo siguiente.

El dominio del HTML y CSS no basta, si bien es fundamental, no basta. Se necesitan conocimientos y experiencia, como en cualquier oficio o profesión. En este caso, teoría de color, estudio de tipografía, composición de elementos, equilibrios visuales, etc. Elementos que construyen  una sensibilidad que hay que saber utilizar, leer, reconocer e interpretar.

Repito, sin dominar el Front no llegamos a ningún lado. Dominándolo podemos hacer una óptima traducción de la propuesta visual, desarrollada en un lenguaje gráfico, en valores de luces, sombras, pesos visuales, dominios del blanco, etc. plasmando correctamente el objetivo, concepto e idea generatriz del proyecto. Traducción o interpretación que por cierto debe tener sentido, ser semántica.

Cuando no dominamos (Diseñadores, Programadores e Ingenieros por igual) alguno de estos lenguajes, Visual, HTML, CSS es cuando los diseños se distancian de las propuestas visuales, cambian los márgenes, tipografías, desaparecen iconos, etc. y pierde el valor o parte de él, el mensaje que se queire entregar.

El Diseño no es “el arte“. Helarte es lo que sientes antes de congelarte.