Como criar uma consulta de mídia no Dreamweaver
Consulta de mídia identifica a mídia (impressa, tela, dispositivo portátil, e assim por diante) e exibe a página HTML com uma folha de estilo CSS com base nessa mídia. Assim, por exemplo, se a página é aberta em um dispositivo móvel Android, ele iria mostrar com um recipiente mais estreito para caber o telefone e um esquema de cores de contraste maior que funcionou bem na luz solar.
Menu
- Clique no botão mídia consultas.
- Nas consultas de gravação de mídia para a área, selecione este documento (para definir a consulta de mídia para o documento aberto).
- Clique nos dispositivos da força caixa de seleção largura real to report.
- Clique no # 147 - + # 148- botão para gerar a primeira consulta de mídia. na caixa descrição, digite um comentário que você lembra o que esta consulta é para (como laptops, tablets, dispositivos móveis, e assim por diante).
- Para definir uma largura mínima para a consulta de mídia, digite um valor na caixa largura mínima.
- Clique no botão usar arquivo existente e navegue até o arquivo css que você deseja usar em ambientes de tamanho normal do navegador.
- Definir pelo menos uma consulta de meios adicionais, repetindo as etapas 4-6.
- Clique em ok na caixa de diálogo mídia consultas.
Com seus arquivos CSS alternativas criadas e salvas, visualizar a página HTML para que eles estarão ligados na janela de Visualização de várias telas. Para criar uma consulta de mídia no Dreamweaver, siga estes passos:
Clique no botão Mídia consultas.
A caixa de diálogo Mídia Consultas abre.
Nas consultas de gravação de mídia para a área, selecione Este documento (para definir a consulta de mídia para o documento aberto).
Para gerar um arquivo de consultas de mídia no site inteiro que pode ser aplicado a outras páginas no site do Dreamweaver, selecione a opção de consultas de mídia em todo o Brasil Arquivo e, em seguida, clique no botão Especificar para navegar e selecionar uma pasta e nome do arquivo para o efeito.
Clique nos dispositivos da Força caixa de seleção largura real to Report.
Uma tag especial é inserido que produz valores de largura mais precisos a partir de media consultados.
Clique no # 147 - + # 148- botão para gerar a primeira consulta de mídia. Na caixa Descrição, digite um comentário que você lembra o que esta consulta é para (como laptops, tablets, dispositivos móveis, e assim por diante).
Por exemplo, se você está definindo um estilo a ser usado em desktops e laptops, você pode descrevê-lo como desktops e laptops.
Para definir uma largura mínima para a consulta de mídia, digite um valor na caixa largura mínima.
Uma boa largura mínima para layouts de tela cheia é 960 pixels.
Clique no botão Usar arquivo existente e navegue até o arquivo CSS que você deseja usar em ambientes de tamanho normal do navegador.
Esta figura ilustra essa consulta de mídia definido pela primeira vez.
Definir pelo menos uma consulta de meios adicionais, repetindo as etapas 4-6.
Por exemplo, se você tem um arquivo CSS para tablets e smartphones, que fazem sua segunda opção e definir uma largura máxima de 959 pixels.
Clique em OK na caixa de diálogo Mídia consultas.
Você retorna para a janela Visualização de várias telas onde você pode ver como sua página vai olhar nos dispositivos para os quais você definiu uma consulta de mídia.