Planejar páginas da Web

Aplica-se a: SharePoint Server 2010

Tópico modificado em: 2016-11-30

O planejamento para publicar páginas da Web no Microsoft SharePoint Server 2010 inclui projetar a aparência do conteúdo publicado, determinar onde os autores podem adicionar conteúdo às páginas e controlar quais recursos de autoria podem ser usados. Um plano eficiente de páginas da Web ajuda a garantir que cada tipo de conteúdo publicado pela organização seja projetado corretamente e disponibilizado para o cumprimento das suas metas de publicação.

Para ajudá-lo a entender as opções de design, este artigo apresenta os elementos de páginas de publicação: páginas mestras, páginas de conteúdo, layouts de páginas, folhas de estilos, Web Parts e controles de campo de servidor. Ele também contém diretrizes sobre como planejar cada elemento das páginas da Web no seu site de publicação. Como o design e a configuração de layouts de páginas ajudam a restringir o que os autores podem fazer em páginas da Web, este artigo inclui orientações sobre como usar layouts de páginas para restringir a criação. Entretanto, ele não descreve como criar páginas mestras, layouts de páginas ou páginas de conteúdo, nem como os autores de conteúdo criam páginas da Web.

Neste artigo:

• Visão geral de páginas da Web

• Planejar páginas mestras

• Planejar layouts de páginas

• Planejar páginas de conteúdo

• Usando layouts de páginas para restringir a criação

• Planilha de planejamento de páginas da Web

Visão geral de páginas da Web

Quando um usuário de site do SharePoint Server 2010 abre uma página da Web em um site do SharePoint, essa página é renderizada com base em um conjunto de elementos planejados e criados separadamente no site. Essa separação de elementos de uma página permite que os planejadores e designers de sites tratem os diferentes elementos do site de modo exclusivo. Por exemplo, a identidade visual e a navegação de um site podem ser planejadas e projetadas separadamente do design das páginas de conteúdo do site, de modo que a identidade visual possa ser aplicada em todo o conteúdo do site e ser atualizada em um único local. Da mesma forma, o layout de páginas pode ser criado separadamente do conteúdo de páginas, permitindo que o mesmo conteúdo seja exibido de maneiras diferentes.

Uma página da Web baseada no SharePoint Server 2010 é uma página de arquivo ASP.NET (.aspx) que é renderizada dinamicamente fora de suas partes constituintes. As duas partes principais de uma página da Web são a página mestra e o layout de página. Páginas mestras contêm controles que são compartilhados em vários layouts de páginas; por exemplo, navegação, pesquisa ou preferência de idioma para sites multilíngues. Layouts de páginas contém controles de campo e Web Parts. Quando você cria uma página da Web, o conteúdo da página é armazenado como itens de lista na biblioteca Páginas. Essa página da Web é mencionada como página de conteúdo porque armazena o conteúdo exibido aos usuários quando eles exibem a página no site. A figura a seguir mostra como os layouts de páginas e as páginas mestras funcionam para a criação do layout de uma página da Web.

As seguintes seções descrevem mais detalhadamente as páginas mestras, os layouts de páginas e as páginas de conteúdo.

Páginas mestras

Uma página mestra define o quadro externo da página da Web. Ela contém os elementos a serem compartilhados por todas as páginas do site e fornece um único lugar para controlar esses elementos. Geralmente, um site usa uma única página mestra, embora sites grandes da Internet possam usar mais. Por exemplo, um site corporativo que divulga mais de um produto pode usar páginas mestras separadas, para que o conteúdo de cada produto tenha a identidade visual correta.

As páginas mestras de todos os sites de um conjunto de sites são armazenadas na Galeria de Páginas Mestras, no site de nível superior do conjunto de sites. Como a Galeria de Páginas Mestras é uma biblioteca de documentos do SharePoint, as páginas mestras têm todos os recursos de documentos do SharePoint Server 2010; por exemplo, controle de versão, auditoria, fluxo de trabalho, check-in, check-out e aprovação de conteúdo.

Normalmente, as páginas mestras incluem os seguinte elementos:

• Elementos de identidade visual, como logotipos corporativos e esquemas de cor

• Elementos de navegação compartilhados

• Recursos compartilhados, como comandos de pesquisa e da Ajuda

• Links para folhas de estilos em cascata. (Folhas de estilos em cascata controlam a aparência, as cores e as fontes da página.)

Os modelos de site de publicação incluídos no SharePoint Server 2010 contêm páginas mestras de site que podem ser usadas como ponto de partida no design de página. Para personalizar uma página mestra existente ou criar uma nova, use o Microsoft SharePoint Designer 2010 ou o Microsoft Visual Studio 2010. Para obter mais informações, consulte Como: criar uma página mestra mínima.

Layouts de página

Um layout de página é uma página ASPX (Active Server Pages) que define um layout para um tipo específico de página de conteúdo. Quando um usuário de site do SharePoint abre uma página de conteúdo em um navegador, o layout de página associado a essa página é primeiramente combinado com a página mestra, que fornece o quadro externo da página, e depois o conteúdo da página é inserido nos controles de campo, no layout de página.

Como um layout de página deve exibir o conteúdo armazenado nas colunas de um tipo de conteúdo, ele deve ser projetado para um determinado tipo de conteúdo. Por exemplo, um layout de página associado ao tipo de conteúdo Página de Artigo tem vários controles de campo, entre eles:

• Um controle de campo Conteúdo de Página para armazenar o conteúdo da coluna Conteúdo de Página do tipo de conteúdo Página de Artigo

• Um controle de campo Imagem de Página para conter a imagem vinculada à coluna Imagem de Página do tipo de conteúdo Página de Artigo

Embora um layout de página deva ser projetado para um único tipo de conteúdo, é possível associar um tipo de conteúdo a vários layouts de página. Por exemplo, o SharePoint Server 2010 inclui dois layouts de página para o tipo de conteúdo Página de Artigo: um que exibe a imagem no lado esquerdo da página e outro que exibe a imagem no lado direito. Para obter mais informações sobre tipos de conteúdo, consulte Planejar tipos de conteúdo e fluxos de trabalho (SharePoint Server 2010).

Juntamente com os controles para exibir o conteúdo de uma página, um layout de página pode incluir outros elementos de página, entre eles:

• Web Parts   Um controle que os autores de páginas podem inserir em uma zona de Web Parts de uma página depois configurá-lo.

• Zonas de Web Parts   Uma área especificada em uma página da Web, que é um contêiner de Web Parts.

• Controles de campo   Um controle que é adicionado diretamente a um layout de página. Para obter mais informações sobre controles de campo, consulte Controles de campo e modelos de controle.

• Links para folhas de estilos em cascata   Folhas de estilos em cascata controlam a aparência, as cores e as fontes da página.

Por exemplo, um layout de página para um artigo comercial pode incluir um controle de campo que mostra cotações da bolsa. Essas cotações seriam exibidas junto com o conteúdo de outra página sempre que esse layout de página fosse usado.

Assim como as páginas mestras, os layouts de página de todos os sites de um conjunto de sites são armazenados na Galeria de Páginas Mestras, no site de nível superior do conjunto de sites. Como a Galeria de Páginas Mestras é uma biblioteca do SharePoint, os layouts de página têm todos os recursos de documentos do SharePoint Server 2010; por exemplo, controle de versão e aprovação de conteúdo. Os sites de publicação criados com o SharePoint Server 2010 incluem layouts de página que podem ser usados como ponto de partida no design de páginas de conteúdo. Para personalizar um layout de página existente ou criar um novo, use o Microsoft SharePoint Designer 2010 ou o Microsoft Visual Studio 2010.

Páginas de conteúdo

Todas as páginas de conteúdo de um site de publicação são armazenadas em uma única biblioteca Páginas. Cada item de uma biblioteca Páginas é uma página da Web. Como a biblioteca Páginas é uma biblioteca do SharePoint, as páginas da Web que ela armazena têm todos os recursos de documentos do SharePoint Server 2010; por exemplo, controle de versão, auditoria, fluxo de trabalho, check-in e check-out e aprovação de conteúdo.

Os autores criam páginas selecionando Nova Página no menu Ações de Site e depois as editam selecionando Editar Página, no menu Ações de Site. Ao criar uma nova página, eles inserem um nome para ela e começam imediatamente a criar conteúdo nessa página. Para alterar o tipo de conteúdo e o layout de página, os autores selecionam Layout de Página no grupo Ações da Página na guia Página da página a ser modificada. Para adicionar conteúdo, selecionar imagens e executar outras tarefas de edição, os autores usam as guias Formatar Texto e Inserir, em Ferramentas de Edição, na página a ser modificada.

As colunas associadas ao tipo de conteúdo de uma página da Web armazenam o conteúdo HTML dessa página. Elas também contêm links para as imagens que aparecem com a página e um link para o respectivo layout de página.

Cada coluna de conteúdo de uma página está associada a um determinado controle de campo no respectivo layout de página associado. Para obter mais informações sobre controles de campo em layouts de página, consulte Modelo de layout de página.

Planejar páginas mestras

Páginas mestras fornecem os elementos estruturais compartilhados da página, que incluem identidade visual do site, recursos de navegação e outros elementos comuns, como campos de pesquisa e comandos da Ajuda. A página mestra de site fornece o contexto da página e deve permanecer consistente à medida que o usuário interage com o site. Para garantir que os usuários terão uma experiência consistente ao se movimentarem de uma página para outra em todo o site de um conjunto de sites, recomendamos que você não altere a página mestra de site. Para fornecer identidade visual e interface consistentes, você pode usar a mesma página mestra de site em todos os sites do conjunto de sites.

Você pode alterar a página mestra usada em outros sites da hierarquia para modificar a identidade visual de alguns sites. Por exemplo, um site de presença na Internet pode consistir em vários sites, cada um apresentando uma identidade visual diferente de produtos. É possível alterar a página mestra de cada site da hierarquia de forma a refletir a identidade visual específica do produto apresentado pelo site.

Antes de planejar páginas mestras, planeje a estrutura do site, conforme descrito em Planejar sites e conjuntos de sites (SharePoint Server 2010). Para planejar páginas mestras, use a folha de dados de página mestra da planilha de planejamento de páginas da Web.

Planejar layouts de página

Um layout de página define o layout de uma página de conteúdo fornecendo controles de campo, nos quais o conteúdo dessa página é inserido. O controle de campo exibe o conteúdo. Cada layout de página é associado a um determinado tipo de conteúdo e, às vezes, vários layouts de página são disponibilizados para um único tipo de conteúdo. Por exemplo, é possível atribuir vários layouts de página a um único tipo de conteúdo para fornecer layouts alternativos para versões localizadas de conteúdo ou para adicionar ou remover a exibição de determinados campos e recursos em um layout de página. Você pode criar ou personalizar um layout de página, o que inclui adicionar novos controles para exibir conteúdo juntamente com outros controles (por exemplo, Web Parts e controles de servidor) usando o Microsoft SharePoint Designer 2010 ou o Microsoft Visual Studio 2010.

O SharePoint Server 2010 inclui o seguinte conjunto de layouts de página para cada tipo de conteúdo de página.

• Página de artigo   contém estes layouts de página:

  O layout desta página	Contém estes elementos de página
  Somente corpo da página	Título e conteúdo da página
  Imagem à esquerda	Título, conteúdo da página, imagem de página à esquerda e áreas para autor, data do artigo e legenda da imagem
  Imagem à direita	Título, conteúdo da página, imagem de página à direita e áreas para autor, data do artigo e legenda da imagem
  Links de resumo	Título, conteúdo de página, data do artigo, autor e Web Part de Links de Resumo nas quais os autores podem adicionar uma lista de hiperlinks

• Página do Wiki corporativo   contém um único layout de página, Página Básica, incluindo o conteúdo, a classificação de página e os elementos de página de categorias.

• Página de projeto   contém um único layout de página, Página de Projeto Básica, que inclui o conteúdo, a classificação de página, as categorias, o contato da página e os elementos de página de status de tarefa; contém também um link simples para a página da Web do projeto.

• Página de redirecionamento   contém um único layout de página, Redirecionamento, que inclui um único hiperlink para o qual são redirecionados os usuários que exibem a página.

• Página de boas-vindas   contém os seguintes layouts de página:

  O layout desta página	Contém estes elementos de página
  Página de Web Parts em branco	Uma área de conteúdo e várias zonas de Web Parts, às quais o autores podem adicionar Web Parts
  Tela inicial	Somente uma página de boas-vindas e duas Web Parts de Links de Resumo, às quais os autores podem adicionar hiperlinks
  Links de resumo	Área de conteúdo e imagem, juntamente com duas Web Parts de Links de Resumo
  Sumário	Área de conteúdo e imagem, juntamente com uma Web Part de Sumário, para exibir um hiperlink do sumário do site

Se você estiver usando os tipos de conteúdo e os layouts de página incluídos no SharePoint Server 2010, não haverá etapas adicionais de planejamento. Os autores podem selecionar tipos de conteúdo de página e layouts associados quando criam novas páginas. Entretanto, se você adicionar novos campos a um tipo de conteúdo de página ou se criar novos tipos de conteúdo personalizados para páginas de publicação, planeje os layouts de página de modo a refletir os tipos de conteúdo novos ou alterados.

Você também pode alterar um layout de página adicionando à página controles do Microsoft ASP.NET 3.5, como Web Parts e zonas de Web Parts. Por exemplo, é possível adicionar a um layout de página uma Web Part de Consulta de Conteúdo que exiba um conjunto de links retornados por uma consulta configurável. Entretanto, se você colocar uma Web Part em um layout de página fora de uma zona de Web Parts, será necessário configurar essa Web Part, e os autores não poderão alterar sua configuração. Por exemplo, se você adicionar uma Web Part de Consulta de Conteúdo diretamente a um layout de página, a consulta configurada quando a Web Part foi adicionada ficará permanentemente definida, e os autores não poderão modificá-la.

Para planejar layouts de página para tipos de conteúdo como Páginas de Artigo, Páginas de Wiki Corporativo, Páginas de Projeto e Páginas de Boas-vindas, use a folha de dados de layouts de página da planilha de planejamento de páginas da Web.

Planejar páginas de conteúdo

Cada página de conteúdo do SharePoint Server 2010 consiste em texto, imagens e outros conteúdos que estejam armazenados como uma entrada em uma biblioteca Páginas. O planejamento de páginas de conteúdo inclui o seguinte:

• Determinar os tipos de conteúdo de página que atendem às suas necessidades de conteúdo

• Determinar as colunas a serem usadas para armazenamento de conteúdo, para cada tipo de conteúdo de página.

O SharePoint Server 2010 inclui estes tipos de conteúdo de página:

• Página de artigo   O tipo mais comum de página de conteúdo. Essa página foi projetada para conteúdo de página da Web de finalidade geral e inclui:

  • Colunas para imagens e legendas de imagens

  • Uma coluna para conteúdo de página

  • Colunas para os links a serem exibidos com a página

  • Uma coluna para o autor

  • Uma coluna para a data do artigo

• Página de Wiki corporativo   O principal tipo de página de conteúdo de um site de Wiki corporativo. Ela inclui:

  • Uma coluna para conteúdo de página

  • Colunas para classificações e número de classificações

  • Uma coluna para categorias wiki

• Página de projeto   Uma página para fornecer informações básicas que descrevem um projeto. Esse tipo de conteúdo é herdado do tipo de conteúdo Página de Wiki Corporativo, e não do tipo de conteúdo de página, e inclui:

  • Uma coluna para conteúdo de página

  • Colunas para classificações e número de classificações

  • Uma coluna para um link direcionado à página da Web do projeto

  • Uma coluna para status da tarefa

  • Uma coluna para categorias wiki

• Página de redirecionamento   Uma página para redirecionar o leitor a outra página. Ela inclui uma coluna para a URL de redirecionamento.

• Página de boas-vindas   Geralmente, a home page de um site de publicação. Ela inclui:

  • Colunas para as imagens a serem exibidas

  • Uma coluna para conteúdo de página

  • Colunas para os links que aparecem com a página

Além disso, como todos esses tipos de conteúdo de página são herdados do tipo de conteúdo de página genérico, seja diretamente ou por meio do respectivo tipo de conteúdo pai, todos eles incluem o seguinte:

• Colunas para agendamento das datas de início e de término da página

• Colunas para descrição das informações de contato do autor

• Uma imagem que aparece com a página quando está é listada em um sumário ou em outra lista

• Informações para as audiências pretendidas

• Uma coluna para comentários sobre a página

Ao planejar páginas de conteúdo, recomendamos que você use, como ponto de partida, os tipos de conteúdo de página incluídos no SharePoint Server 2010. Os tipos de conteúdo Página de Artigo, Página de Wiki Corporativo, Página de Projeto e Página de Boas-vindas foram projetados para utilidade geral e aplicação em vários contextos. A principal coluna de conteúdo desses tipos de conteúdo é a coluna Conteúdo de Página, que pode armazenar conteúdo HTML. Usando HTML e folhas de estilos em cascata para controlar a aparência do conteúdo, os autores e designers de site talvez não precisem criar outros tipos de conteúdo. Além disso, ao selecionar cuidadosamente o layout a ser usado em cada tipo de conteúdo, com base em Página de Artigo, Página de Wiki Corporativo, Página de Projeto e Página de Boas-vindas, você pode aplicar mais variedade à apresentação do conteúdo, mas sem introduzir tipos de conteúdo adicionais. Para obter mais informações, consulte Planejar layouts de página.

Para planejar páginas de conteúdo, use as respectivas guias da folha de dados na planilha de planejamento de páginas da Web.

Usando layouts de página para restringir a criação

Dependendo das suas metas de publicação, você pode restringir a liberdade dos autores de formatar o conteúdo de páginas da Web ou adicionar itens, como imagens e hiperlinks, a páginas do site. Por exemplo, em um site de presença na Internet altamente controlado, pode ser conveniente que toda a formatação seja definida em folhas de estilos em cascata associadas aos seus layouts de página e também que os autores sejam impedidos de substituir definições de estilo usando formatação interna. Por outro lado, em um site de colaboração, pode ser conveniente dar total liberdade aos autores para formatar páginas e adicionar outros itens de página, como Web Parts que fornecem modos de exibição de dados. Por exemplo, em um portal de intranet usado para colaborar com especificações de produtos, você pode permitir que os autores usem livremente estilos, hiperlinks, imagens e Web Parts para maximizar a capacidade de comunicação de ideias.

Você pode colocar restrições em layouts de página das seguintes formas:

• Defina propriedades em controles de campo que restrinjam o que os autores podem fazer.

• Remova zonas de Web Parts para impedir que os autores insiram e configurem Web Parts nas páginas ou defina restrições em zonas de Web Parts para limitar o modo como os autores podem utilizá-las.

A tabela a seguir mostra as recomendações para restringir layouts de página com base nos três níveis de ambientes de criação:

Use a guia da folha de dados de layouts de página naplanilha de planejamento de páginas da Web pare registrar suas decisões sobre a restrição de recursos de criação em páginas de conteúdo.

Configurando restrições em controles de campo

Ao abrir o seu site no Microsoft SharePoint Designer 2010 ou no Microsoft Visual Studio 2010, você pode editar as marcas associadas aos controles de campo para restringir os tipos de recursos de criação do SharePoint Server 2010 que os autores podem usar para editar páginas na janela do navegador. Por exemplo, nos controles de campo vinculados a colunas do tipo HTML de Publicação, é possível permitir ou restringir estes recursos:

• Configurem fontes

• Inserir imagens

• Inserir tabelas

• Adicionar hiperlinks

• Adicionar marcas de texto; por exemplo, negrito e itálico

• Adicionar Web Parts

Você pode definir restrições de criação em outros tipos de coluna. Por exemplo, em controles de campo vinculados a colunas do tipo Imagem de Publicação, é possível permitir ou restringir hiperlinks de imagens.

Quando você restringe um recurso de criação em um layout de página do Microsoft SharePoint Designer 2010 ou do Microsoft Visual Studio 2010, os respectivos comandos de edição de página do SharePoint Server 2010 ficam indisponíveis. Por exemplo, quando a edição de tabela é restringida em um controle de campo que inclui conteúdo do tipo HTML de Publicação, os comandos de edição de tabela -- por exemplo, Inserir Tabela -- ficam indisponíveis em Ferramentas de Edição na guia Inserir.

Permitindo ou restringindo zonas de Web Part

Uma Web Part é um controle de servidor que os autores podem inserir em zonas de Web Parts nas páginas. Uma zona de Web Parts é uma área especificada em uma página da Web que é um contêiner de Web Parts. Web Parts exibem informações baseadas em seus recursos; por exemplo, apresentação de links de navegação no site, conteúdo de listas ou informações analíticas sobre bancos de dados.

Quando um layout de página inclui uma ou mais zonas de Web Parts, elas são disponibilizadas nas páginas que utilizam esse layout, o que permite aos autores inserir Web Parts disponíveis em páginas de conteúdo. Ao permitir que os autores insiram Web Parts em páginas, você reduz seu próprio controle sobre a experiência dos usuários no site. Por exemplo, um autor pode inserir uma Web Part de Sumário em uma página que expõe partes do site que você não quer que os usuários acessem a partir da página atual.

É possível impedir que os autores adicionem Web Parts a páginas ao abrirem layouts de página associados do Microsoft SharePoint Designer 2010 ou do Microsoft Visual Studio 2010. E você também pode impedir que eles removam zonas de Web Parts desses layouts ou que removam controles de campo HTML. De modo semelhante, ao criar novos layouts de página, omita as zonas de Web Parts para limitar a capacidade dos autores de adicionar funcionalidade às páginas associadas a esses layouts de página.

Você também pode incluir zonas de Web Parts em layouts de página, porém, restringindo o uso. Ao configurar as propriedades de uma zona de Web Part, você poderá popular essa zona com uma ou mais Web Parts e permitir que os autores editem as respectivas propriedades, mas sem permitir que eles adicionem outras Web Parts à zona de Web Parts.

Planilha de planejamento de páginas da Web

Baixe uma versão Excel da planilha de planejamento de páginas da Web. Use essa planilha para registrar suas decisões sobre quais páginas mestras são necessárias ao site, colunas de tipos específicos de conteúdo de página e restrições de criação em layouts de página.

See Also

Concepts

Planejar aprovação e agendamento de conteúdo