Índice:
- 1 Escolha o arquivo → Novo.
- 2 Escolha a Página em branco a partir da esquerda, selecione um layout na coluna Layout à direita (por exemplo, o Layout fixo, a barra lateral esquerda, o encabeçamento e o rodapé de 2 colunas) e clique em Criar.
- 3 Escolha o arquivo → Salvar.
- 4Replace o texto do espaço reservado em cada coluna com seu próprio conteúdo.
Vídeo: Web Design Starter - 03. Wireframe 2024
O Adobe Dreamweaver CS6 fornece uma biblioteca de páginas de exemplo com layouts baseados em CSS como alternativa para começar do zero. Essas páginas de exemplo CSS apresentam idéias de layout úteis e comuns, e porque elas são criadas com o posicionamento CSS, elas são altamente flexíveis. Você pode modificá-los diretamente do painel CSS Styles ou do Property inspector. Apenas adicione seu conteúdo e vá!
Siga estas etapas para criar um novo documento a partir de uma página inicial do CSS:
1 Escolha o arquivo → Novo.
Aparece o painel Novo documento.
2 Escolha a Página em branco a partir da esquerda, selecione um layout na coluna Layout à direita (por exemplo, o Layout fixo, a barra lateral esquerda, o encabeçamento e o rodapé de 2 colunas) e clique em Criar.
Uma nova página sem título é aberta, com base no layout escolhido.
Por padrão, as novas páginas de inicialização CSS colocam todas as suas regras CSS em uma folha de estilo incorporada. Para usar uma folha de estilo externa (vinculada) em vez disso, escolha Criar novo arquivo na lista suspensa Layout CSS na caixa de diálogo Novo documento. Você será solicitado a salvar o arquivo no diretório raiz do seu site.
3 Escolha o arquivo → Salvar.
Acima aparece a caixa de diálogo que permite que você nomeie e salve o documento.
4Replace o texto do espaço reservado em cada coluna com seu próprio conteúdo.
Viola! Agora você possui um novo documento com base em uma página inicial do CSS. Quão fácil é isso?