Microsoft Expression Web - páginas mestras
Neste capítulo, aprenderemos sobre as páginas mestras ASP.NET. Quando criamos uma página mestra, podemos fazer um layout, aplicar estilos e adicionar controles ASP.NET da mesma maneira que em outras páginas no Microsoft Expression Web. O layout e o conteúdo que criamos em uma página-mestre são aplicados às páginas anexadas à página-mestre. É um conceito semelhante aDynamic Web Template.
Os Modelos Dinâmicos da Web permitem que você aplique uma aparência comum a todas as páginas do seu site. Como os Modelos Dinâmicos da Web são aplicados nas páginas às quais estão anexados no momento do design, a aplicação de alterações em todas as páginas de um site pode causar um atraso enquanto o HTML é atualizado em todas as páginas.
Se o servidor estiver executando ASP.NET, as páginas mestras do ASP.NET permitem uma funcionalidade semelhante, definindo as áreas editáveis no modelo. No entanto, a aplicação do modelo ao conteúdo customizado nas páginas é feita dinamicamente em tempo de execução.
Exemplo
Vamos dar uma olhada em um exemplo simples no qual criaremos uma página mestra usando o modelo CSS e usaremos essa página mestra para criar outras páginas.
Step 1 - Abra o index.html página na qual definimos diferentes seções usando folha de estilo CSS.
Step 2 - Do File menu, vá para New → Page e você verá a caixa de diálogo Nova página.
Step 3 - No painel esquerdo, selecione ASP.NET e, na lista do meio, selecione Master Page e clique no botão OK.
Step 4 - A tela acima irá produzir um pop-up chamado Untitled1.master. Salve esta página e nomeie-adefault.master.
Step 5- Queremos construir nosso design na página mestra que será compartilhada em todo o nosso site. Portanto, vamos copiar o código do conteúdo que você gostaria de ter em cada página do código index.html e colar o código na página default.master.
Step 6- Agora temos um layout que gostaríamos de usar em todas as páginas do site. No entanto, se começássemos a construir as páginas de conteúdo agora, não poderíamos inserir nenhum conteúdo neste layout. Portanto, precisamos criarASPX contentpáginas da página mestra. Para fazer isso, temos que adicionar ocontent region também para que possamos adicionar conteúdo às páginas especificadas.
Na visualização de design, clique com o botão direito onde deseja o conteúdo de suas páginas. Digamos que queremos adicionar conteúdo na seção de conteúdo principal e clicar noManage Microsoft ASP.NET Content Regions…
Step 7 - No assistente para Gerenciar regiões de conteúdo, insira o Region Name e clique Close.
Step 8- Como pode ser visto na imagem a seguir, o Content PlaceHolder é adicionado na seção de conteúdo principal. Agora temos que adicionar a página da web ASPX.
Step 9 - Vá para o menu Arquivo e selecione New → Create from Master Page…
Step 10 - Navegue até a página default.master e clique em OK.
Step 11 - Agora, uma nova página ASPX é criada e todos os estilos de layout são aplicados a partir da página mestra.
Adicione algum texto na seção principal.
Step 12 - Salve esta página e ligue para ela mypage.aspx e, em seguida, visualize-o em um navegador.
