Posts Tagged ‘xhtml’

Maquetación de una web: I – ¿Qué es y quien debe hacerlo?

// Junio 5th, 2009 // Comments // Tempus Fugit

En el ámbito del desarrollo web, se utiliza el término maquetación para designar el proceso de conversión del diseño en formato imagen (PSD, JPG, PNG, etc.) a formato HTML (en cualquier de sus variantes). Si bien dicho término no es el más adecuado para referirse a esa labor, es comúnmente aceptado por los profesionales del área. A mi parecer, creo que sería mejor utilizar la palabra “codificación”, aunque el objetivo de esta entrada no es discutir sobre ello.

Generalmente, el proceso de maquetación lo llevan a cabo o el diseñador o el programador, algo que no debería ser así, ya que ninguno de los dos está específicamente preparado para ello. En su lugar, debería existir otro rol dedicado, desempeñado por una persona con conocimientos orientados a dicha labor, como son:

  • Especialista en lenguajes (X)HTML, CSS y JavaScript
  • Amplios conocimientos de accesibilidad y estandares web
  • Nivel medio/avanzado en programas de diseño gráfico (p.ej.: Adobe Photoshop y Fireworks) y codificación (p.ej.: Adobe Dreamweaver)
  • Conocimientos básicos de programación en algún lenguaje web (p.ej.: PHP)

El porque de este rol independiente se explica muy bien en el articulo “El tercer hombre” del blog “Torpe y mal pensado“.

En próximas entradas, expondré todo el proceso que yo sigo para la maquetación de una web, desde la recepción del material gráfico, hasta la entrega de las plantillas finales.

Esquemas URI no oficiales (callto, msnim, etc.)

// Abril 15th, 2008 // Comments // AC Log

Flexible Box

// Marzo 27th, 2008 // Comments // AC Log

A veces al maquetar, necesito hacer cajas que sean flexibles tanto en alto como en ancho, y que tengan bordes redondeados y/o sombreados.

Flexible Box

Lo interesante es conseguirlo utilizando el menor número de etiquetas XHTML posible, un poquito de codigo CSS y solo una imagen para el fondo/bordes, así que hace unos días me preparé un “code snippet” para reutilizar en mis proyectos.

Existen un par de trucos para conseguir lo que quiero:

  1. Una imagen de lo que sería una caja, a un tamaño lo suficientemente grande como para que nunca se quede pequeña en ancho y alto. Recomiendo que sea un PNG, porque por muy grandes que sean sus dimensiones, el tamaño del archivo apenas aumenta.
  2. Utilizar semanticamente las etiquetas XHTML, para no tener DIVs vacios y cosas así.

Aquí teneis el código para su descarga: flexible-box.zip

Solo lo he testeado en Internet Explorer 6 y en Firefox 2.x, así que no puedo asegurar que se vea del todo bien en otros navegadores. Pero en todo caso, para lograrlo sería cuestión de añadirle algunos “hacks”. Cuando tenga un rato lo comprobaré para darle mayor compatibilidad.

Mi propio CMS

// Septiembre 21st, 2004 // Comments // IoZBlog

Hoy, leyendo el post “CMS propios” en Delirios de un Informático, me ha entrado la picá de hacerme yo también el mio. Llevaba un tiempo dandole vueltas pero hasta hoy no me lo había planteado en serio.

Antes que nada, he decidido las caracteristicas internas del mismo, que serán las siguientes:

Como buen informático, lo primero que voy a hacer es el análisis del proyecto, centrandome sobre todo en realizar un buen diagrama ER. Os mantendré informados de los progresos…