PDF (adobe.com)

Sugerencias para la creación de contenido Web de Dreamweaver para dispositivos móviles

Device Central permite previsualizar páginas Web creadas en Dreamweaver mediante la tecnología Small-Screen Rendering de Opera. Esta previsualización puede darle una idea precisa del aspecto de una página Web en un dispositivo móvil.
Nota: La tecnología Small-Screen Rendering de Opera puede o no estar preinstalada en un dispositivo emulado concreto. Device Central le permite saber cómo se vería el contenido si estuviera instalada la tecnología Small-Screen Rendering de Opera.

Las siguientes consejos le ayudarán a garantizar que las páginas Web creadas en Dreamweaver se muestran correctamente en dispositivos móviles.

  • Si utiliza el marco Spry de Adobe® a la hora de desarrollar contenido, añada la siguiente línea de HTML a sus páginas para que generen CSS y ejecuten JavaScript™ correctamente en Device Central:
    <link href="SpryAccordion.css" media="screen" rel="stylesheet" type="text/css"/> 
<link href="SpryAccordion2.css" media="handheld" rel="stylesheet" type="text/css"/>

  • La tecnología Small-Screen Rendering de Opera no admite fotogramas, menús emergentes, subrayados, tachados, círculos superpuestos, parpadeos ni marcos. Procurar evitar esos elementos de diseño.

  • No recargue las páginas Web para dispositivos móviles. Concretamente, utilice un número mínimo de fuentes, tamaños de fuente y colores.

  • Al reducir los tamaños de imagen y el número de colores necesarios, es más probable que las imágenes aparezcan como se desea. Utilizar CSS o HTML para indicar la altura y anchura exactas de cada imagen empleada. Añada texto ALT a todas las imágenes.

Nota: El sitio Web de Opera Software es una buena fuente de información sobre la optimización de páginas Web para dispositivos móviles.

Para obtener más sugerencias y técnicas para la creación de contenido para dispositivos y teléfonos móviles, consulte www.adobe.com/go/learn_cs_mobilewiki_es.