Exercício 1.5: Aplicando um Gabarito de Página ao Web Site
Você deve concluir o Exercício 1.4:
Projetando a Aparência e o Comportamento do Web Site antes de começar a aplicar o gabarito de página ao Web site.
Agora que você tomou algumas decisões de design preliminares sobre como suas páginas da Web serão organizadas utilizando seu gabarito de página, será necessário aplicar o gabarito às páginas no site. Depois de aplicar o gabarito a páginas individuais, cada alteração no gabarito aparecerá em cada página da Web.
- Retorne à estrutura do site dando um clique duplo em Navegação do Web
Site na visualização Explorador de Projetos.
- Selecione os quatro ícones de página clicando e arrastando o ponteiro para criar uma caixa de seleção envolvendo a área inteira ao redor dos ícones de página. Todos os ícones dentro da caixa serão selecionados.
- Clique com o botão direito do mouse e selecione Gabarito de Página >Aplicar Gabarito. O assistente Aplicar Gabarito de Página é aberto.
- Clique no botão de opções Gabarito de Página Definido pelo Usuário. Se você não criou o seu próprio gabarito, poderá utilizar um dos gabaritos de página de amostra fornecidos.
- Selecione seu gabarito na tela Miniatura e clique em
Avançar.
- Como as páginas no Web site ainda não contêm nenhum conteúdo, não é importante como iremos mapear os elementos de página para as áreas de conteúdo do gabarito, portanto, você pode aceitar os padrões e clicar em Avançar. Se você já tiver conteúdo nas páginas nas quais desejava aplicar o gabarito, poderá selecionar uma determinada página como uma página de exemplo para mapear elementos existentes nas áreas de conteúdo do gabarito. Saiba Mais sobre Mapeamento de Áreas de Conteúdo.
Nota: Embora você tenha criado somente uma área de conteúdo denominada área principal, poderá notar uma segunda área de conteúdo denominada área do cabeçalho; a área do cabeçalho está incluída em gabaritos de página por padrão.
- Novamente, você pode aceitar os padrões para mapeamento clicando em Avançar. Estas opções controlam como qualquer conteúdo existente nas páginas é colocado dentro das áreas de conteúdo do gabarito.
- Assegure-se de que as suas quatro páginas apareçam na caixa Páginas para aplicar o gabarito de página e que todas estejam selecionadas. Observe que nessa página do assistente você pode validar a aplicação do gabarito para assegurar que a utilização do gabarito não introduzirá nenhum erro de marcação nas páginas.
- Clique em Concluir. O gabarito é aplicado às páginas e os ícones de página são atualizados com faixas azuis para refletir que cada página tem um gabarito associado a ela.
- Salve a Navegação do Web Site.
Agora você aplicou um gabarito de página ao Web site para controlar a aparência e o comportamento do site. Conforme decidir fazer alterações no layout de página do site e no esquema de cores e desejar incluir elementos comuns que aparecerão em cada página no site, você poderá editar esse único gabarito de página. Agora que o gabarito é aplicado às páginas individuais no site, as alterações feitas no gabarito serão aplicadas às páginas toda vez que você salvar o arquivo do gabarito. Saiba Mais sobre Outras Formas de Aplicar Gabaritos de Página.
Você está pronto para começar o Exercício 1.6: Realizando a Navegação Dinâmica do Web Site.