Cómo crear una consulta de los medios de comunicación en Dreamweaver

categoría Los medios de comunicación de Internet y sociales / Diseño y desarrollo web / Páginas web de construcción

Medios de consultas identifica un medio de comunicación (prensa, pantalla, dispositivo de mano, etc.) y muestra la página HTML con una hoja de estilos CSS basado en ese medio. Así, por ejemplo, si la página se abre en un dispositivo móvil Android, sería mostrar con un recipiente estrecho para encajar el teléfono y una combinación de colores de contraste superior que funcionó bien en la luz del sol.

Con sus archivos CSS alternativas crear y guardar, ver la página HTML a los que van a estar vinculados en la ventana Vista previa multipantalla. Para crear una consulta de los medios de comunicación en Dreamweaver, siga estos pasos:

1

Haga clic en el botón Multimedia Consultas.

Se abre el cuadro de diálogo Papeles Consultas.

2

En las consultas Comentario medios de comunicación para el área, seleccione Este documento (para definir la consulta de medios para el documento abierto).

Para generar un archivo de preguntas de los medios en todo el sitio que se puede aplicar a otras páginas en el sitio de Dreamweaver, seleccione la opción Archivo preguntas de los medios en todo el sitio y luego haga clic en el botón Especificar para buscar y seleccionar una carpeta y nombre de archivo para ese propósito.

3

Haga clic en los dispositivos de la Fuerza casilla Ancho real al Informe.

Una etiqueta especial se inserta que produce valores de anchura más precisos de los medios consultados.

4

Haga clic en el " + " botón para generar la primera consulta de medios. En el cuadro Descripción, escriba un comentario que le recuerda lo que esta consulta es para (tales como ordenadores portátiles, tabletas, dispositivos móviles, etc.).

Por ejemplo, si está definiendo un estilo de ser utilizado en equipos de sobremesa y portátiles, es posible describirlo como Desktops y los ordenadores portátiles.

5

Para definir un ancho mínimo para la consulta de medios, introduzca un valor en el cuadro de anchura mínima.

Un buen ancho mínimo para los diseños de pantalla completa es de 960 píxeles.

Cómo crear una consulta de los medios de comunicación en Dreamweaver
Cómo crear una consulta de los medios de comunicación en Dreamweaver Agrandar
6

Haga clic en el botón de archivo existente Uso y vaya al archivo CSS que desea utilizar en entornos de tamaño completo navegador.

Esta figura ilustra esta consulta medios primero definido.

Cómo crear una consulta de los medios de comunicación en Dreamweaver
Cómo crear una consulta de los medios de comunicación en Dreamweaver Agrandar
7

Definir al menos una consulta de medios adicionales por los pasos 4-6 repitiendo.

Por ejemplo, si usted tiene un archivo CSS para las tabletas y los teléfonos inteligentes, hacen que su segunda opción y definir una anchura máxima de 959 píxeles.

8

Haga clic en Aceptar en el cuadro de diálogo Papeles Consultas.

Volverá a la ventana Vista previa multipantalla donde se puede ver cómo su página se verá en los dispositivos para los que haya definido una consulta de los medios de comunicación.



Artículos Relacionados

Sobre el autor
Cómo utilizar archivos animados borde de adobe en Dreamweaver Cómo utilizar archivos animados borde de adobe en Dreamweaver

Adobe Edge Animate es un programa de software que puede utilizar con las nuevas funciones de Dreamweaver CC que permite a los diseñadores que están familiarizados con la interfaz de Flash para crear animaciones y luego exportarlos como liado .OAM…

Cómo importar datos en línea en Excel 2007 con una consulta web Cómo importar datos en línea en Excel 2007 con una consulta web

En Excel 2007, puede utilizar las consultas Web para importar datos directamente de varias páginas Web que contienen tipos financieros y de otro tipo de datos estadísticos que usted necesita para trabajar en una hoja de cálculo. Para crear una…

Cómo importar datos en línea en Excel 2010 con una consulta web Cómo importar datos en línea en Excel 2010 con una consulta web

En Excel 2010, puede utilizar las consultas Web para importar datos directamente de varias páginas Web que contienen tipos financieros y de otro tipo de datos estadísticos que usted necesita para trabajar en una hoja de cálculo.1Haga clic en el…

Modificación de consultas existentes en el acceso 2007 formularios e informes Modificación de consultas existentes en el acceso 2007 formularios e informes

A medida que trabaja con consultas en Access 2007, es posible que las consultas que cree podrían utilizar un poco de puesta a punto. Tal vez usted quiere recortar los resultados por lo que no tiene que vadear a través de tantos registros, o tal…

Cómo crear una página para móviles dispuestos en Dreamweaver Cómo crear una página para móviles dispuestos en Dreamweaver

Páginas jQuery Mobile Starter de Dreamweaver son una buena manera de generar rápidamente un sitio móvil fácil. La página móvil de arranque crea una página HTML5 con cinco ficha páginas prediseñadas jQuery Mobile, o secciones de la página…

Crear una nueva hoja de estilos en el panel Estilos CSS Crear una nueva hoja de estilos en el panel Estilos CSS

Al hacer clic en el icono Nueva regla CSS (que se muestra en el margen) en la parte inferior del panel Estilos CSS, se abre el cuadro de diálogo Nueva regla CSS. El cuadro de diálogo Nueva regla CSS combina características para definir estilos de…

Cómo enlazar hojas de estilo en cascada (CSS) con Dreamweaver Cómo enlazar hojas de estilo en cascada (CSS) con Dreamweaver

Usuarios de Dreamweaver pueden insertar fácilmente una etiqueta de enlace a la hoja de estilo en cascada (CSS) externa sin tener que confiar a la memoria todo el código requerido o la sintaxis correcta. Por otra parte, al crear vínculos a un…

Vista previa de los documentos HTML en un teléfono celular, tablet o portátil en Dreamweaver Vista previa de los documentos HTML en un teléfono celular, 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…

¿Cómo controlar los medios de comunicación en su blog de WordPress ¿Cómo controlar los medios de comunicación en su blog de WordPress

En la página de ajustes de medios en WordPress, puede configurar las opciones de cómo se redimensionan los archivos multimedia (gráficos y fotos) para usar en tu blog. Haga clic en el enlace de los medios de comunicación y la página de ajustes…

¿Cómo insertar archivos de audio en tu blog de wordpress ¿Cómo insertar archivos de audio en tu blog de wordpress

Los archivos de audio pueden ser archivos de música o grabaciones de voz, tales como grabaciones de que habla a sus lectores del blog de WordPress. Estos archivos añaden un buen toque personal a tu blog. Usted puede compartir fácilmente archivos…

¿Cómo gestionar los archivos multimedia wordpress ¿Cómo gestionar los archivos multimedia wordpress

La Mediateca WordPress ofrece una forma cómoda y fácil de seguir y organizar los archivos multimedia en la carpeta Cargas. Después de todo, si usted ha estado funcionando su blog de WordPress para cualquier periodo de tiempo, se puede olvidar…

¿Cómo organizar los archivos de medios para su blog de WordPress ¿Cómo organizar los archivos de medios para su blog de WordPress

Si usted ha estado funcionando su blog para cualquier periodo de tiempo, se puede olvidar fácilmente lo que los archivos que has subido con el cargador de WordPress. La Mediateca de WordPress hace que sea muy conveniente y fácil de descubrir qué…

» » » » Cómo crear una consulta de los medios de comunicación en Dreamweaver