Vídeo: Como criar um layout responsivo com CSS3 2025
O Dreamweaver inclui dois Layouts CSS projetados com tags HTML5 que você pode personalizar para criar uma variedade aparentemente infinita de projetos de página. Esses layouts fornecem uma vantagem quando você cria uma nova página e eles são projetados para funcionar bem em uma variedade de navegadores da web, para que possam ajudá-lo a evitar problemas comuns causados pelas diferentes maneiras pelas quais os navegadores exibem HTML5 e CSS.
Por todas estas razões, você deve começar seu trabalho de design no Dreamweaver com um layout CSS escolhido na janela Novo documento, especialmente se você quiser usar o HTML5.
Para criar uma nova página usando um dos layouts CSS do Dreamweaver, siga estas instruções:
-
Escolha Arquivo → Novo.
A caixa de diálogo Novo documento é exibida.
-
Escolha a Página em branco da coluna da esquerda e HTML da coluna Tipo de página no meio.
Alternativamente, você pode escolher uma opção na parte inferior da seção Tipo de página que corresponde à linguagem de programação usada em seu site, como ASP. NET, PHP ou ColdFusion e, em seguida, avance para a Etapa 3. (Se você não está familiarizado com essas opções de programação, fique com o HTML.)
-
Na seção Layout, selecione o layout CSS.
Observe que quando você seleciona um layout CSS, uma visualização do layout é exibida no canto superior direito da caixa de diálogo.
-
Na lista suspensa Layout CSS, escolha o tipo de folha de estilo que deseja criar à medida que você projeta a página:
-
Adicionar à Cabeça cria uma folha de estilo interna e inclui todos os estilos para o layout na área de cabeçalho do novo documento.
-
Criar novo arquivo cria uma nova folha de estilo externa com todos os estilos de página à medida que você cria o novo documento com o design.
-
Link para o arquivo existente adiciona as informações da folha de estilo para o novo documento para uma folha de estilo externa existente.
Nota : Você sempre pode alterar a forma como a folha de estilo é configurada mais tarde movendo estilos de uma folha de estilo interna para uma externa ou de uma folha de estilo externa para outra.
-
-
Clique em Criar.
A nova página é criada e aberta no espaço de trabalho principal.
-
Escolha Arquivo → Salvar para salvar a página e os estilos.
Se você salvou os estilos em uma folha de estilo externa, uma segunda caixa solicita que você salve a folha de estilos separadamente. Se os estilos estão contidos em uma folha de estilo interna, eles são salvos automaticamente quando você salva a página.
