CSS para diferentes medios

28 de Febrero de 2009 por Andres Cayon 0 Comentarios Archivado en CSS, Dreamweaver, Tutoriales

Otro de los ejemplos mostrados en Adobe Hispano fue la posibilidad de asignar diferentes estilos según el medio al que va dirigido el contenido.

En el ejemplo mostramos cómo el mismo documento cambia de apariencia dependiendo de si se está mostrando en pantalla o si va a ser imprimido, utilizando para ello el atributo media en la etiqueta link:

Descargar archivo de ejemplo

Valores por defecto del navegador

28 de Febrero de 2009 por Andres Cayon 0 Comentarios Archivado en CSS, Dreamweaver, Tutoriales

Éste el primer ejemplo de lo que vimos en Adobe Hispano. Se trata de comprobar los valores por defecto que el navegador asigna a la apariencia de los elementos del documento.

Un problema muy habitual es no conseguir que un determinado elemento no se ajuste exactamente a la posición que deseamos, y la causa más habitual es que no hemos definido alguno de los atributos (sobre todo margin y padding), por lo que el navegador asigna los suyos propios que no tienen por qué coincidir con los que nosotros esperemos que sean.

Descargar Ejemplo de valores por defecto

(Nota: los ejemplos que vayamos subiendo serán “autoejecutables”: no necesitarás definir un sitio en DW para poder seguirlos)

Varios usuarios de la versión CS4 de Dw han mostrado su sorpresa por no poder aplicar desde el inspector de propiedades imágenes de fondo a tablas y/o celdas.

La explicación es sencilla: Dreamweaver sigue siendo fiel a los estándares y éstos dictan que para dichas tareas se utilice CSS en lugar del ya desparecido atributo “background”.

Para facilitar la migración, hemos creado una breve demo que muestra los pasos a seguir ahora: No es el mejor de los ejemplos en lo que se refiere a buenas prácticas (CSS insertado en vez de enlazado), pero hemos intentado que sea lo más sencillo posible para facilitar la migración a los usuarios noveles y que aprendan los pasos a seguir a partir de ahora no sólo para este atributo, sino para muchos otros ya desaparecidos oficialmente (aunque los navegadores lo soporten por el eterno conflicto de compatibilidad vs buenas prácticas) en beneficio de las hojas de estilo.

Ver la demo

Tags: ,

Video2Brain ha puesto ya a la venta un nuevo curso sobre DW CS4.

Gracias a nuestro acuerdo, puedes conseguirlo con un 30% de descuento sobre el precio normal.

Puedes acceder al mismo desde nuestra sección de elarning

Spry 1.7 (Preview)

10 de Diciembre de 2008 por Andres Cayon 0 Comentarios Archivado en Noticias, Spry

Ya comienzan a verse las novedades de lo que será la versión 1.7 de Spry. La primera de ellas es la eliminación del uso de xpath.js para el 80% de los datasets.
Seguir leyendo

Cursos CS4 ya disponibles

29 de Octubre de 2008 por Andres Cayon 0 Comentarios Archivado en Noticias, Tutoriales

video2brainVideo2Brain ya ha comenzado a publicar los video tutoriales correspondientes al paquete CS4, comenzando por las novedades de los diferentes programas que lo componen. Una forma rápida de familiarizarse con las mismas si ya las estabas utilizando hasta ahora.

Gracias al acuerdo alcanzado con Video2Brain y para que el aprendizaje te resulte más económico, hemos creado un nuevo apartado de e-learning, donde podrás adquirir algunos de estos cursos con descuentos especiales.

Web Widgets en Dreamweaver

17 de Octubre de 2008 por Andres Cayon 1 Comentario Archivado en Dreamweaver, Extensiones, Tutoriales

El pasado día 15 de Octubre se publicó en Adobe Labs la primera beta pública del Widget Packager. Una extensión para Dreramweaver que permite empaquetar widgets creados con cualquier framework y convertirlos en extensiones listas para ser usadas. Te explicamos algunos conceptos básicos para que entiendas cómo funcionan.
Seguir leyendo