Comienzo dos cursos de Diseño Web

A finales del mes que viene voy a comenzara a impartir dos certificados de profesionalidad del ámbito del diseño web. Se trata del curso de Confección y publicación de páginas web (IFCD0110) y del de Desarrollo de aplicaciones con tecnología web (IFCD0210). Quinientas horas en cada uno para intentar formar a dos grupos de unas quince personas para que desempeñen su labor profesional como diseñadores y desarrolladores web.

El año pasado ya impartí el de Confección, pero el de Desarrollo es la primera vez que me toca impartirlo, así que confío en que vaya todo bien. La experiencia del año pasado con los certificados de profesionalidad fue bastante buena, la verdad. Sigue leyendo

Anuncios

Comienzo el curso de Diseño de Páginas Web

El próximo miércoles comienzo un curso de 60 horas de Diseño de Páginas Web, donde veremos como trabajar con lenguaje HTML y con Dreamweaver.

Ya está hecha la selección de alumnos, y confío en que todos sean tan aplicado como los de el curso que acaba mañana.

Favicon, añadiendo un icono a tus URL

Dentro del “tuneo” de nuestras webs, uno de los detallitos “pro” que podemos utilizar el es favicon en nuestras URL. El favicon es un pequeño icono que aparece en el navegador a la izquierda de nuestra URL en la barra de direcciones. También lo utilizan los navegadores en las pestañas, al lado del título de la web, y en los menús de favoritos/marcadores y del historial.

Antiguamente, en los tiempos de Internet Explorer 5, esta función sólo era visible si el usuario había agregado la página a favoritos, por eso lo del nombre (favicon = favorites icon), pero hoy en día los navegadores actuales lo muestran sin necesidad de que el usuario te agregue a su lista de marcadores.

Originalmente el favicion era un icono (formato .ico) de 16×16 píxeles, pero hoy en día la mayoría de los navegadores pueden mostrar también imágenes en formato JPG, GIF o PNG, incluso imágenes animadas. Además del formato 16×16, algunos navegadores pueden mostrar iconos de 32×32, posibilitando un poco más de espacio en nuestra área de creatividad.

Para agregar este icono a tu web, simplemente sube el archivo .ico al raiz de tu servidor, y añade la siguiente instrucción en el HEAD de las páginas en las que quieres que se muestre:

<link type=”image/x-icon” rel=”shortcut icon” href=”favicon.ico” >

Donde favicon.ico es el nombre del archivo. Puedes usar en su lugar logo.png o cualquier otra cosa. Sólo tiene que coincidir el nombre y formato del archivo con el href de la instrucción. Y si en lugar de en el directorio raíz lo metes en otra carpeta, asegúrate de indicarlo correctamente en el href del código.

Si utilizas el clásico formato ico, tienes un montón de webs donde te hacen la conversión online desde los formatos gráficos, como Favicon Generator, Favicon.cc, DeGraeve, Dynamic Drive o Genfavicon, por ejemplo. Si lo prefieres, también hay software offline que puedes utilizar a tal efecto, como Microangelo.

Nuevo curso de Diseño web y Multimedia

La semana pasada comencé a impartir el curso de “Diseño web y Multimedia” de 230 horas que impartimos dentro de la programación del Plan FIP para personas en situación de desempleo. En el curso veremos un poco de HTML, Dreamweaver, Flash, Photoshop y conceptos de SEO, hosting, analítica web, usabilidad, etc.

Como véis son demasiadas cosas para ver en 230 horas. A mi me gustaría impartir un curso anual de 900 horas, para profundizar en todos los temas, pero esto es lo que hay. Al menos, aparte de una formaación sólida en las aplicaciones de Adobe, pretendo que al menos sepan un poco del resto de las cosas, y que tengan los medios para continuar formándose de forma autodidacta.

De momento el grupo está funcionando bastante bien. También es cierto que he podido hacer una selección bastante buena, puesto que para escoger a quince alumnos, se han presentando en torno a doscientos candidatos. Para que luego digan que no hay crisis, y que la gente no quiere formarse… Tela.

Efecto Lightbox para mostrar ampliaciones

(NOTA: Ha habido una actualización en la web del diseñador y los archivos que se enlazan aquí no son los más recientes. Te recomiendo qued una vez leído el artículo, vayas directamente a las web de Lokesh Dhakar para descargarlos)

Seguramente hayáis tenido que hacer alguna vez el efecto de ampliar una imagen en una nueva capa al hacer clic. Hay muchas formas de resolver esto, con flash, con capas ocultas, con CSS… Pero hay un efecto muy chulo que es posible que hayáis visto en alguna web, y que podemos añadir a nuestras páginas de un modo muy sencillo, con resultados bastante aparentes. Se trata del efecto Lightbox.

El efecto Lightbox, diseñado por Lokesh Dhakar, amplia las imágenes de un modo animado, ya que el cuadro se redimensiona ampliándose o reduciéndose según las dimensiones de la imagen y con un modo de transición suave hace un efecto muy bonito.

Web oficial del script, con miniaturas de ejemplo.

Sigue leyendo