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

  • Artigo

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

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

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

  • Exporte uma página mestra personalizada, a imagem e a página do site para um arquivo de solução (. wsp) do SharePoint.

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

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 do Visual Studio.

Pré-requisitos

Você deve ter os seguintes componentes para concluir este passo a passo:

Criar itens no SharePoint Designer

Este exemplo mostra como criar três itens no SharePoint Designer para exportação: uma página mestra personalizada, uma página de site que faz referência a página mestra personalizada 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 personalizada no SharePoint Designer

  1. No SharePoint Designer, no painel de navegação, clique em Páginas mestras.

  2. Na faixa de opções, clique em Página em branco do mestre.

  3. Na parte inferior do SharePoint Designer, clique na código guia.

  4. Substitua a marcação existente com a marcação a seguir.

    <%@ 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>

  5. Salve a página como mybasic1.master.

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

Agora você pode adicionar uma imagem para exibir na página do site. A imagem é implantada no banco de dados de conteúdo do SharePoint.

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

  1. Na faixa de opções, clique em Todos os arquivose, na exibição em árvore, selecione imagens.

  2. Na faixa de opções, clique em Arquivos de importação, selecione um arquivo de sua preferência e clique em OK. Neste exemplo, o arquivo é denominado myimg1.png.

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

  3. Fechar o importação caixa de diálogo.

Criar uma página de Site

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

Para criar uma página de site

  1. No painel de navegação, clique em Páginas do Site.

  2. Na faixa de opções, clique no página botão e, em seguida, clique em ASPX. Nomeie o novo arquivo mycontentpage1.aspx.

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

  3. Na lista, clique em MyContentPage1.aspx para abrir sua página de propriedades e, na parte inferior da página, clique na Editar link.

  4. Na parte inferior da página, clique na código botão.

  5. Substitua a marcação existente com a marcação a seguir.

    <%@ 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 do site atualizado.

Exportar os itens do SharePoint

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

Para exportar itens do SharePoint Designer

  1. No SharePoint Designer, na barra de navegação, clique em O Site de equipee, na faixa de opções, clique em Salvar como modelo.

  2. No Salvar como modelo caixa de diálogo, digite um nome de arquivo e o nome do modelo, selecione o Incluir conteúdo caixa de seleção e clique em Concluir.

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

  3. Após a solução exporta, clique o A Galeria de solução link para exibir a lista de arquivos de solução disponível.

  4. Clique no novo arquivo. wsp e salve-o no sistema.

Importar os itens para Visual Studio

Importar o arquivo. wsp para Visual Studio. Depois que o conteúdo é importado, você pode personalizá-lo, adicionar mais itens e implantar o proprietário.

Para importar itens do arquivo. wsp Visual Studio

  1. Em Visual Studio, criar um Solução do SharePoint de importação project.

  2. No Selecionar itens para importar página em módulo na tipo coluna, selecione somente os arquivos na tabela a seguir para importar.

    Nome do arquivo

    Descrição

    _catalogsmasterpage_

    A página mestra personalizada.

    images_

    O arquivo de imagem no sistema de arquivos do SharePoint.

    SitePages_

    A página do site.

  3. Clique em Concluir para importar os itens selecionados.

  4. Em Solution Explorer, clique na página mestra personalizada e definir suas Resolução de conflitos de implantação propriedade para automáticas.

    Isso ajuda a garantir que quaisquer conflitos de implantação resolvidos automaticamente.

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

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

    • Se a página mestra existente for definida como padrão o mestre de página, defina temporariamente outra página mestra como página padrão do mestre. Depois de implantar os arquivos para o SharePoint, defina a nova página mestra como página padrão do mestre.

    • Se a página mestra existente for definida como página mestra personalizada, defina temporariamente outra página mestra como página mestra personalizada. Depois de implantar os arquivos para o SharePoint, defina a nova página mestra como página mestra personalizada.

  6. On the Build menu, click Deploy Solution.

  7. Abra o site do SharePoint para exibir os itens implantados.

Uma maneira alternativa para importar arquivos para Visual Studio e implantá-los para o SharePoint é adicionar os arquivos em módulos na Visual Studio. Para obter mais informações, consulte Como: Importar uma página mestra ou um temaand Usando os 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