Nos exercícios a seguir, você vai trabalhar em duas páginas de um site protótipo em Adobe Dreamweaver. Você vai aprender como criar rapidamente um layout de página web que se adapta a diferentes tamanhos de tela e visualizar o projeto em um navegador da web.
- Iniciar o Dreamweaver, e na tela de layout clique Bem-vindo Grade Fluid.
- Na caixa de diálogo Novo documento, o número dentro de cada gráfico de tela de tamanho é o número de colunas através do desenho, e a percentagem inferior de cada gráfico representa a percentagem da largura da tela usada para o corpo da página. Agora você vai salvar a página pela primeira vez. Isso acontece em duas etapas: Salvando um arquivo CSS e, em seguida, um arquivo HTML. O arquivo CSS define estilos da página e layout, enquanto o arquivo HTML descreve o que está incluído no arquivo.Em outras palavras, para uma página web, CSS e HTML define forma define o conteúdo.
- Deixe os padrões e clique em Criar.
- Na folha de estilo Salvar como caixa de diálogo que aparecer, navegue para selecionar a pasta CSS dentro da pasta Lesson05. Com a subpasta CSS selecionado, o nome do arquivo do CSS fluid.css , e clique em Salvar.
- Escolha Arquivo> Salvar. Nomeie o arquivo fluid.html , e salve o arquivo novo HTML5.Certifique-se de salvá-lo no nível superior de Lesson05 pasta, juntamente com a subpasta CSS.
- Na caixa de diálogo Copiar arquivos dependentes que aparece, clique em Copiar para salvar os dois arquivos listados (que são obrigatórios) automaticamente para a subpasta apropriada dentro de sua pasta Lesson05.
