Partilhar via

Passo a passo: Importar uma página mestra de personalizada e uma página de Site com uma imagem

  • Artigo

Essa explicação passo a passo demonstra como importar uma página mestra personalizado do SharePoint e uma página do site que possui uma imagem em um projeto de Visual Studio o SharePoint.

Essa explicação passo a passo mostra como realizar as seguintes tarefas:

  • Crie uma página mestra personalizado e uma página de site usando uma imagem no SharePoint Designer.

  • Exportar uma página, uma imagem, e uma página mestra personalizados de site em um arquivo de solução do SharePoint (.wsp).

  • Importar e implantar o arquivo de .wsp em um projeto do SharePoint Visual Studio usando o projeto ao conjunto de solução do SharePoint de importação.

ObservaçãoObservação

Seu computador pode mostrar nomes ou locais diferentes para alguns dos elementos da interface do usuário do Visual Studio nas instruções a seguir. A edição do Visual Studio que você possui e as configurações que você usa determinam esses elementos. Para obter mais informações, consulte Configurações de Visual Studio.

Pré-requisitos

Você deve ter os seguintes componentes para concluir essa explicação passo a passo:

Crie itens no SharePoint Designer

Este exemplo mostra como criar três itens no SharePoint Designer para exportação: uma página mestra personalizado, uma página do site da web que faz referência a página mestra personalizado, e um arquivo de imagem para aparecer na página do site.A imagem é adicionada à pasta /images/ no SharePoint.

Para criar uma página mestra personalizado no SharePoint Designer

  1. Em o SharePoint Designer, no painel de navegação, escolha o objeto do site de Páginas mestras .

  2. Em fita de Páginas páginas mestras funcionam , escolha Nulo a página mestra.

  3. Escolha a nova página mestra, e em seguida, em fita de Páginas páginas mestras funcionam , escolha editar Arquivo.

  4. Em a parte inferior do SharePoint Designer, escolha a guia de Código .

  5. Substitua o XAML gerado automaticamente pelo seguinte XAML.

    <%@ Master Language="C#" %>
<%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<html dir="ltr">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<SharePoint:RobotsMetaTag runat="server" __designer:Preview="" __designer:Values="&lt;P N='InDesign' T='False' /&gt;&lt;P N='ID' T='ctl00' /&gt;&lt;P N='Page' ID='1' /&gt;&lt;P N='TemplateControl' ID='2' /&gt;&lt;P N='AppRelativeTemplateSourceDirectory' R='-1' /&gt;"></SharePoint:RobotsMetaTag>
<title>Web Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ContentPlaceHolder id="ContentPlaceHolderMain" 
        runat="server">
      </asp:ContentPlaceHolder>
</form>
</body>
</html>

  6. Salve a página, escolha a guia de Páginas páginas mestras funcionam , e renomear a página mestra como mybasic1.master.

Adicionar uma imagem ao banco de dados de conteúdo no SharePoint Designer

Agora você pode adicionar uma imagem a ser exibido na página do site.A imagem é implantado para o banco de dados do conteúdo do SharePoint.

Para adicionar uma imagem ao banco de dados de conteúdo no SharePoint Designer

  1. Em o painel de navegação, escolha o objeto do site de Todos os Arquivos e, em seguida, no modo de exibição de árvore, escolha a pasta de imagens .

  2. Em fita de Todos os Arquivos , escolha Arquivos de importação, escolha um arquivo de sua escolha, e escolha no botão OK .Em esse exemplo, o arquivo é chamado myimg1.png.

    Opcionalmente, você pode criar uma subpasta para ajudar a organizar imagens.

  3. Fechar a caixa de diálogo de Importar .

Crie uma página do site

Esta página básica do site usa a página mestra personalizado e exibe a imagem que você adicionou na etapa anterior.

Para criar uma página do site

  1. Em o painel de navegação, escolha o objeto de Páginas do site .

  2. Em fita de Páginas , escolha o botão Página , escolha o tipo da página de ASPX , e nomeie o novo arquivo mycontentpage1.aspx.

    Opcionalmente, você pode criar uma subpasta para ajudar a organizar as páginas do site.

  3. Em as páginas do site, escolha para listar MyContentPage1.aspx abra a página de propriedades, e em seguida, na parte inferior da página, clique no link de Arquivo de edição .

    Se uma mensagem aparece e informa que esta página contém nenhuma regiões que são editável no modo de segurança e não pergunta se você deseja abrir esta página no modo eficiente, escolha o botão Sim .

  4. Em a parte inferior da página, escolha o botão Código .

  5. Substitua o XAML gerado automaticamente pelo seguinte XAML.

    <%@ Import Namespace="Microsoft.SharePoint.ApplicationPages" %>
<%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register Tagprefix="asp" Namespace="System.Web.UI" Assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<%@ Import Namespace="Microsoft.SharePoint" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Page Language="C#" Inherits="Microsoft.SharePoint.WebControls.LayoutsPageBase" MasterPageFile="../_catalogs/masterpage/mybasic1.master" meta:progid="SharePoint.WebPartPage.Document" %>

<asp:Content ID="Main" ContentPlaceHolderID="ContentPlaceHolderMain" runat="server">
<img alt="My Image" longdesc="My image from images folder" src="../images/myimg1.png" />
</asp:Content>

  6. Salve a página atualizada do site.

Exporte os itens do SharePoint

Exporte os itens do SharePoint para um arquivo de solução do SharePoint (.wsp).

Para exportar itens do SharePoint Designer

  1. Em o SharePoint Designer, no painel de navegação, escolha o objeto de site de equipe , e em seguida, em fita de Site , escolha salvar como o modelo.

  2. Em a caixa de diálogo de salvar como o modelo , digite um nome de arquivo e o modelo, selecione a caixa de seleção de Incluir conteúdo , e então escolha o botão OK .

    Isso salva o conteúdo do site no arquivo de .wsp.

  3. Após exportar a solução, escolha o link de Galeria de solução para exibir a lista de arquivos disponíveis de solução.

  4. Abra o menu de atalho para o novo arquivo de .wsp, e então escolha Salvar destino como para salvar o sistema.

Importar os itens no Visual Studio

Importar o arquivo de .wsp em Visual Studio. Depois que o conteúdo é importado, você pode personalizá-lo, adicionar mais itens, e implanta em.

Para importar itens de .wsp arquivo no Visual Studio

  1. Em Visual Studio, crie um projeto de Importar o pacote de solução do SharePoint 2010 .

  2. Em a página de selecionar itens para importar , em Módulo na coluna de Tipo , marque as caixas de seleção para somente os arquivos na tabela a seguir para importação.

    Nome do Arquivo

    Descrição

    _catalogsmasterpage_

    A página mestra personalizado.

    images_

    O arquivo de imagem no sistema de arquivos do SharePoint.

    SitePages_

    A página do site.

  3. Escolha o botão Concluir para importar os itens selecionados.

  4. Em Gerenciador de Soluções, escolha o nó de _catalogsmasterpage_, e defina o valor da propriedade de Resolução de conflito de implantação a Automático.

    Isso ajuda a garantir que todos os conflitos da implantação são resolvidos automaticamente.

  5. Se sua nova página mestra tem o mesmo nome que uma página existente, certifique-se de que a página existente não está marcada como uma página mestra padrão ou uma página mestra personalizado no SharePoint Designer.

    Se uma página mestra existente é marcada como a página mestra padrão ou a página mestra personalizada, você eles irão receber um erro de implantação que indica a página mestra não pode ser excluída.Para evitar esse problema, faça isso:

    • Se a página mestra existente estiver definida como padrão página mestra, defina temporariamente outra página mestra como a página mestra padrão.Depois que você implantar os arquivos ao SharePoint, defina a nova página mestra como a página mestra padrão.

    • Se a página mestra existente é definida como a página mestra personalizado, defina temporariamente outra página mestra como a página mestra personalizado.Depois que você implantar os arquivos ao SharePoint, defina a nova página mestra como a página mestra personalizado.

  6. Em a barra de menu, escolha Compilar, Implantar solução.

  7. Abra o site da web do SharePoint para exibir itens implantados.

Uma maneira alternativa para importar arquivos em Visual Studio e implanta do SharePoint é adicionar os arquivos em módulos em Visual Studio.Para obter mais informações, consulteComo: importar uma página mestra ou um tema e Usando módulos para incluir os arquivos da solução.

Consulte também

Conceitos

A importação de itens de um Site do SharePoint existente

Outros recursos

Desenvolvimento de soluções do SharePoint

Criando controles reutilizáveis para Web Parts ou páginas de aplicativo