Sugerencias sobre 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.