Como criar uma consulta de mídia em dreamweaver

Video: Sistema de Busca com PHP e MYSQL no Dreamweaver [TUTORIAL]

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 estreito para caber o telefone e um esquema de cores de contraste maior que funcionou bem na luz solar.

Video: Adobe Dreamweaver CS6 - Website (Parte 1 - Introdução)

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:

1Clique no botão de mídia consultas

A caixa de diálogo Mídia Consultas abre.

2Nas 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 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.

3Clique em Dispositivos Força caixa de seleção largura real to Report

A tag especial é inserido que produz valores de largura mais precisos de mídia consultados.

4Clique no ?? + ?? 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.

5Para definir uma largura mínima para a consulta de mídia, digite um valor na caixa a largura mínima

Uma boa largura mínima para layouts de tela cheia é 960 pixels.

Video: [TUTORIAL] Sistema de Login Seguro com PHP e MySQL no Dreamweaver (Sem Programação)

338060.image1.jpg

6Clique 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 esta consulta de mídia definido pela primeira vez.

338062.image3.jpg

7Definir pelo menos uma consulta de mídia adicional, repetindo os passos 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.

8Clique 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.


Publicações relacionadas