Documentos pré-visualização de html em um telefone celular, tablet ou laptop em dreamweaver
Um dos novos recursos célebres em Dreamweaver (introduzido pela primeira vez em CS5.5) é o Multiscreen Preview,
Conteúdo
- Video: universal power adapter for laptops, smartpone, tablet
- 1clique no botão visualização de várias telas na barra de ferramentas documento ou escolha janela → visualização de várias telas da janela do documento
- Video: lenovo ideapad yoga windows 8 notebook/tablet
- 2para ajustar o tamanho da janela de visualização, clique no botão tamanhos viewport na janela de visualização de várias telas
- 3clique em ok na caixa de diálogo tamanhos de viewport
- Video: e fun nextbook windows laptops and 2-in-1 tablets
- 4saia várias telas, desmarcando essa opção no menu de documento janela dreamweaver
- Video: acer aspire v11 notebook upgrades
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 permitir que você veja como um documento HTML aberto parece em diferentes mídias, como em um celular, um tablet, um computador de mesa ou laptop.
Com um aberto documento HTML, você pode visualizar uma página aberta em várias telas, seguindo estes passos:
Video: Universal Power Adapter for Laptops, Smartpone, Tablet
1Clique no botão Visualização de várias telas na barra de ferramentas 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 Exibir → Barras de ferramentas → Documento.
Video: Lenovo IdeaPad YOGA Windows 8 notebook/tablet
A janela Visualização de várias telas abre, com três pontos de vista.
2Para 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 abre. Você pode editar os valores (em pixels) para a largura e altura em que cada um dos três pré-visualizar janelas monitores. A figura mostra a vista de telefone a ser ajustado para 480 pixels para corresponder ao tamanho de smartphones populares.
3Clique em OK na caixa de diálogo Tamanhos de Viewport
Você retornar ao Pré-Visualização Multiscreen.
Video: E Fun Nextbook Windows laptops and 2-in-1 tablets
4Saia várias telas, desmarcando essa 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.