Documentos pré-visualização de HTML em um telefone celular, tablet ou computador portátil no Dreamweaver

Um dos novos recursos célebres em Dreamweaver (introduzido pela primeira vez em CS5.5) é o Visualização de várias telas,

que trabalha em conjunto com os interativos ferramentas de mídia consulta no Dreamweaver. Essas ferramentas de mídia da consulta criar diferentes folhas de estilo que se aplicam dependendo da mídia em que um visitante usa para visualizar o site.

Criação de páginas que funcionam bem em meios de comunicação, que vão desde grandes projeções para telas pequenas, é um dos grandes desafios no mundo da web design moderno. Previews Multiscreen permitem que você veja como um documento HTML aberto olha em diferentes mídias, como em um telefone celular, um comprimido, um desktop ou laptop.

Com um aberto documento HTML, você pode visualizar uma página aberta em várias telas, seguindo estes passos:

1

Clique no botão Visualização de várias telas na barra de ferramentas do documento, ou escolha Janela-Visualização de várias telas da janela do documento.

Se a barra de ferramentas documento não está ativa, escolha View-Toolbars-Document.

A janela Visualização de várias telas abre, com três pontos de vista.

2

Para ajustar o tamanho da janela de visualização, clique no botão Tamanhos viewport na janela de Visualização de várias telas.

A caixa de diálogo Tamanhos de Viewport é aberta. Você pode editar os valores (em pixels) para a largura ea altura em que cada um dos três pré-visualização do Windows é exibido. A figura mostra a vista telefone que está sendo ajustado para 480 pixels para corresponder ao tamanho de smartphones populares.

3

Clique em OK na caixa de diálogo Tamanhos de Viewport.

Você volta para a Pré-Visualização Multiscreen.

4

Saia Visualização de várias telas, desmarcando a opção no menu de documento Janela Dreamweaver.

Não tente editar o conteúdo em várias telas. Neste modo, como a vista ao vivo do Dreamweaver, não permite edição.

Semelhante

menu