Vista previa de documentos html en un teléfono móvil, tablet o portátil en dreamweaver
Una de las nuevas características célebres de Dreamweaver (introducido por primera vez en CS5.5) es el Vista previa multipantalla, que trabaja en conjunto con las herramientas interactivas de medios de consulta en Dreamweaver. Esas herramientas de medios de consulta crean diferentes hojas de estilo que se aplican en función de los medios en los que el visitante usa para ver el sitio.
Diseño de páginas que funcionan bien en los medios de comunicación, que van desde grandes proyecciones para pantallas pequeñas, es uno de los grandes retos en el mundo del diseño web moderno. Avances de multipantalla le permiten ver cómo un documento HTML abierto se ve en diferentes medios, como en un teléfono celular, una tableta, un ordenador de sobremesa o portátil.
Con un documento HTML abierto, se puede ver una página abierta en Vista previa multipantalla siguiendo estos pasos:
Video: 5 motivos para comprar un portátil y no un tablet
1Haga clic en el botón Vista previa multipantalla en la barra de herramientas del documento o elija Ventana → Vista previa multipantalla de la ventana del documento
Si la barra de herramientas documento no está activo, seleccione Ver → Barras de herramientas → documento.
Se abre la ventana Vista previa multipantalla, con tres puntos de vista.
2Para ajustar el tamaño de la ventana gráfica, haga clic en el botón de ventanilla Tamaños en la ventana Vista previa multipantalla
Se abre el cuadro de diálogo de ventanilla Tamaños. Puede editar los valores (en píxeles) para la anchura y la altura a la que cada una de las tres ventanas de vista previa muestra. La figura muestra la vista de teléfono se ajusta a 480 píxeles para que coincida con el tamaño de los teléfonos inteligentes populares.
Video: Sitio Web Adaptable
3Haga clic en OK en el cuadro de diálogo de ventanilla Tamaños
Volverá a la vista previa multipantalla.
4Vista previa multipantalla salir anulando la selección de esta opción en el menú de la ventana de documento de Dreamweaver
No trate de editar el contenido de Vista previa multipantalla. Este modo, como Vista en vivo de Dreamweaver, no permite la edición.