Exemplo de Aplicação Introdução ao ASP.NET – Módulo 05 – MasterPage e WebUserControl

Bom dia

Segue exemplo da aula de número 05, #MasterPage e #WebUserControls, seguindo tudo que foi visto na sala de aula e no slide da aula em anexo:

  1. O que é MasterPage
  2. Como Criar uma página com Master Page
  3. Nested MasterPage (Aninhadas)
  4. Master Type
  5. Troca dinâmica de Master Page em tempo de execução

O exemplo está disponível no link

https://www.dropbox.com/s/g8meqil5wvhhc25/FFB.Modulo5.rar

A aplicação está implementada com os seguintes requisitos:

  • Visual Studio 2010+
  • Microsoft .Net Framework 4.0
  • Jquery
  • Bootstrap

A mesma contém quatro MasterPages de exemplo:

  1. Site.Master: Default do VS2010
  2. Bootstrap.Master: Master Page utilizando a framework de interface ao usuário (UI) #Bootstrap
  3. Layout.Master: Cópia da Site.Master mudando apenas o CSS
  4. NestedMasterPage.master: MasterPage aninhada com a Site.Master

O exemplo poderá alternar dinamicamente entre as Master Page 1 e 2, para isto basta clicar no nome de cada uma delas no Menu Superior.

A demonstração do Master Type está na parte inferior de cada Master Page, informando o nome da página que está sendo acessada.

 

Qualquer dúvida, estou aqui disposto a ajudar 🙂

Slides:  Módulo 05 – Introdução a MasterPage e WebUserControl

obrigado

Anúncios
Esse post foi publicado em ASP.NET, Bootstrap, C#, MasterPage, Orientação a Objeto. Bookmark o link permanente.

Uma resposta para Exemplo de Aplicação Introdução ao ASP.NET – Módulo 05 – MasterPage e WebUserControl

  1. Olá Olavo,
    Parabéns pelo post e obrigado por compartilhar.. A propósito, você chegou a ver o que vem por aí com o ASP.NET vNext, apresentado no TechEd deste ano? Vem muita novidade boa por aí hein..
    Abs,
    André.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s