Planejar páginas da Web

Atualizado em: 2009-02-26

Neste artigo:

• Elementos de páginas da Web

• Planejando páginas mestras

• Planejando páginas de conteúdo

• Planejando layouts de página

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

O planejamento de páginas da Web inclui projetar a aparência do conteúdo publicado, determinar onde os criadores podem adicionar conteúdo nas páginas e controlar os recursos de criação que os autores podem usar. Um plano eficaz para páginas da Web ajuda a garantir que cada tipo de conteúdo publicado por sua organização esteja corretamente projetado e disponível para atingir suas metas de publicação.

Para ajudá-lo a entender as opções de design, este artigo apresenta primeiramente os elementos das páginas: páginas mestras, páginas de conteúdo, páginas de layout, folhas de estilo, Web Parts e controles do campo do servidor. Em seguida, fornecemos uma orientação sobre como planejar cada elemento das páginas da Web no seu site de publicação. Como o design e a configuração de páginas de layout ajudam a restringir o que os autores podem fazer em páginas da Web, este artigo inclui orientações sobre como usar páginas de layout para restringir a criação.

Elementos de páginas da Web

Quando um usuário de um site do Microsoft Office SharePoint Server 2007 abre um página da Web em um site do SharePoint, essa página é processada com base em um conjunto de elementos planejados e criados separadamente no site. A separação de elementos de uma página dessa forma 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 à parte 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 local. Da mesma forma, o layout de páginas pode ser criado à parte do seu conteúdo, permitindo que o mesmo conteúdo seja exibido de maneiras diferentes, conforme for apropriado.

Um página da Web com base no Office SharePoint Server 2007 é uma página ASPX processada dinamicamente com base em suas partes constituintes. As partes da página estão ilustradas a seguir:

Os seguintes elementos compõem uma página da Web em um site do SharePoint:

• Página Mestra define o quadro externo da página da Web. Um página mestra contém os elementos que você deseja que todas as páginas do seu site compartilhem e fornece um local único para o controle de todos esses elementos. Normalmente, um site usa uma única página mestra, embora sites grandes possam usar mais. Por exemplo, um site corporativo usado para divulgar mais de um produto pode usar páginas mestras separadas para que o conteúdo de cada produto tenha a identidade visual correta.

  Dica

  Há dois tipos de páginas mestras: páginas mestras do site e páginas mestras do sistema. A página mestra do site é usada em páginas da Web publicadas no seu site. É ela que os usuários e visitantes do site veem quando exibem as páginas publicadas. A página mestra do sistema fornece o layout de páginas do site usado pelos designers e autores quando interagem com a interface do usuário do site; ela também é usada em alguns modelos de sites de equipe, como os modelos de site Wiki e Espaço de Trabalho de Documento. Este artigo descreve principalmente algumas considerações do planejamento de páginas mestras do site.

  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 do SharePoint, as páginas mestras têm todos os recursos de documentos do Office SharePoint Server 2007, como 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 compartilhada.

  • Recursos compartilhados, como comandos de pesquisa e da Ajuda.

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

  A publicação de modelos de sites incluídos no Office SharePoint Server 2007 inclui páginas mestras do site que você pode usar como ponto inicial no design da sua página. Para personalizar uma página mestra existente ou criar uma nova, use o Microsoft Office SharePoint Designer 2007 ou o Microsoft Visual Studio.

• Conteúdo da página Uma única biblioteca de Páginas contém todas as páginas de conteúdo de um site. Cada item de uma biblioteca de Páginas é uma página da Web única. Como a biblioteca de Páginas é uma biblioteca do SharePoint, as páginas da Web ali contidas têm todos os recursos de documentos do Office SharePoint Server 2007, como controle de versão e aprovação de conteúdo.

  Dica

  Embora todas as páginas de um site estejam em uma única biblioteca de Páginas, as soluções Web com base no Office SharePoint Server 2007, como sites de portal de intranet e sites de presença na Internet, geralmente consistem em uma árvore de sites, cada uma com sua própria biblioteca de Páginas.

  Os autores podem criar e editar páginas da Web usando um dos seguinte métodos:

  • Edição baseada em navegador. Os autores criam páginas usando o comando Criar Página e os edita usando o comando Editar Página. Ao criar uma página, o autor seleciona um tipo de conteúdo e um layout de página, como "(Página de Artigo) Página de artigo com imagem à direita." Ao editar uma página, os autores usam os comandos de edição disponíveis na página para adicionar conteúdo, escolher imagens e executar outras tarefas de edição.

  • Conversão de documentos. Os autores podem converter documentos cujo formato recebe suporte em páginas da Web. O Office SharePoint Server 2007 inclui os conversores para documentos nos formatos de arquivo .docx e .docm.

  Consulte Planejar a criação de páginas da Web para obter mais informações sobre o planejamento do modo de criação de páginas da Web, incluindo informações sobre a configuração de conversores de documentos.

  As colunas associadas a um tipo de conteúdo de uma página da Web armazenam o conteúdo HTML da página. Elas também contêm links para imagens a serem exibidas com a página e um link para o layout da página. Por exemplo, as páginas do tipo de conteúdo padrão Página de Artigo incluem as seguintes colunas:

  Esta coluna	Tem este conteúdo
  Autor	Nome do autor
  Data do Artigo	A data de publicação do artigo
  Conteúdo da Página	O corpo do artigo
  Imagem da Página	Um gráfico para acompanhar o artigo
  Legenda da Imagem	Uma legenda para a imagem da página
  Imagem Cumulativa	Um gráfico a ser exibido nos resultados da pesquisa
  Layout da página	A página que contém o layout do artigo

  Cada coluna de conteúdo de uma página é associada a um controle de campo específico nas páginas de layout da página nas quais o conteúdo dessa coluna é criado e exibido.

• Página de Layout Um página do ASPX (Active Server Pages) que define um layout de um tipo de página de conteúdo. Quando um usuário de um site do SharePoint abre uma página em um navegador, a página de layout associada à página é combinada primeiramente com a página mestra ativa (que fornece o quadro externo da página) e, em seguida, o conteúdo da página é colocado nos controles de campo da página de layout.

  Como uma página de layout 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, uma página de layout associada ao tipo de conteúdo Página de Artigo teria vários controles de campo, inclusive:

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

  • Um controle de campo Imagem de Página para manter a imagem vinculada da coluna Imagem de Página do tipo de conteúdo Página de Artigo.

  Embora uma página de layout deva ser projetada para um único tipo de conteúdo, um tipo de conteúdo pode ser associado a vários layouts. Por exemplo, o Office SharePoint Server 2007 inclui duas páginas de layout para o tipo de conteúdo Página de Artigo: um deles exibe a imagem no lado esquerdo da página e outro, no lado direito.

  Junto com controles para exibir o conteúdo de uma página, uma página de layout pode incluir outros elementos de página, inclusive:

  • Web Parts

  • Zonas de Web Parts

  • Controles de servidor

  • Links de folhas de estilo em cascata para controlar cores, fontes e aparência das páginas

  Por exemplo, um layout de página para um artigo comercial poderia incluir um controle de servidor que exiba cotações da bolsa. Elas seriam exibidas juntamente com o conteúdo de uma página sempre que essa página de layout fosse usada.

  As páginas de layout de todos os sites em 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 do SharePoint, as páginas de layout também têm todos os recursos de documentos do Office SharePoint Server 2007, como controle de versão e aprovação de conteúdo.

A publicação de sites criados por você usando o Office SharePoint Server 2007 inclui páginas de layout que você pode usar como ponto de partida para o design da sua página. Para personalizar uma página de layout existente ou criar uma nova, use o Microsoft Office SharePoint Designer 2007 ou o Microsoft Visual Studio.

Planejando páginas mestras

As páginas mestras fornecem os elementos de estrutura compartilhada da página, incluindo a identidade visual do site, os recursos de navegação e outros elementos comuns, como campos de pesquisa e comandos de ajuda. Este artigo o ajuda a planejar as páginas mestras do site. Não oferece, no entanto, orientação sobre o design da aparência ou funcionalidade de páginas mestras. Para obter mais informações sobre o design de páginas mestras, consulte Guia básico de design de páginas.

A página mestra do site fornece o contexto da página e deve permanecer consistente enquanto o usuário interage com o seu site. Recomendamos que você não altere a página mestra do site enquanto o usuário navega de uma página para outra em um único site do conjunto. Para oferecer consistência de identidade visual e da interface do usuário, você pode usar a mesma página mestra do site em todo o seu conjunto de sites.

Você pode decidir alterar a página mestra nos subsites da sua hierarquia de sites para alterar a identidade visual em alguns subsites. Por exemplo, um site de presença na Internet de uma empresa pode consistir em subsites que apresentem, cada um, uma marca de produtos diferente. Você pode alterar a página mestra do site para cada subsite, para refletir a marca do produto específico apresentado por cada subsite.

Antes de planejar páginas mestras, planeje a estrutura de sites, conforme descrito em Planejar estrutura e publicação de sites (Office SharePoint Server). Usando as informações sobre sites que você registrou no tópico Determinar sites e subsites, liste o nome de cada site do conjunto na coluna Site da Planilha de planejamento de páginas mestras (em inglês) (https://go.microsoft.com/fwlink/?linkid=73318\&clcid=0x416) (em inglês). Em seguida, para cada site, preencha as seguintes informações na planilha:

1. Na coluna Página mestra, liste o nome da página mestra a ser usada no site, como "BlueBand.Master".

2. Na coluna Personalizado, especifique as informações aplicáveis à sua situação.

   • Se a página mestra for personalizada para o site atual, selecione Sim.

   • Na coluna Com base em, digite o nome do modelo a ser usado como base ou digite Nenhum, se a página mestra for totalmente personalizada.

   • Se a página mestra não for personalizada para o site atual, selecione Não.

   • Se o site herdar a página mestra do seu site pai, digite o nome do site pai no campo Herdar de. (A herança do site de documentação será útil posteriormente, se você decidir personalizar a página mestra em outro local da hierarquia do site e quiser identificar os sites que serão afetados pelas alterações da página mestra.)

   • Se a página mestra for aplicada ao site atual, deixe o campo Herdar de em branco.

3. Como opção, na coluna Anotações, liste instruções sobre como personalizar a página mestra ou sobre a ferramenta a ser usada para personalizar a página mestra, como, por exemplo, o Office SharePoint Designer 2007.

Planejando páginas de conteúdo

Cada página de conteúdo no Office SharePoint Server 2007 consiste em texto, imagens e outro conteúdo armazenado como entrada em uma biblioteca de Páginas. O planejamento de páginas de conteúdo inclui:

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

• Para cada página tipo de conteúdo, determine as colunas a serem usadas para armazenar o conteúdo.

O Office SharePoint Server 2007 inclui três tipos de conteúdo de página:

• Página de Boas-vindas Normalmente, 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 links a serem exibidos com a página.

• Página de Artigo O principal tipo de página de conteúdo. Essa página destina-se ao conteúdo geral de páginas da Web. Ele inclui:

  • Colunas para imagens e legendas.

  • Uma coluna para conteúdo de página.

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

  • Uma coluna de autor.

• Página de Redirecionamento A página que redireciona o leitor para outra página.

Além disso, como todos os três tipos de conteúdo de página herdam o tipo de conteúdo genérico da página, todos eles incluem:

• Colunas para agendar as datas de início e de término da página.

• Colunas que descrevem informações de contato para o autor.

• Uma imagem a ser exibida com a página quando ela for listada em um sumário ou em outra lista.

• Informações de direcionamento para um público-alvo.

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 Office SharePoint Server 2007. Os tipos de conteúdo de página de Boas-vindas e Página de Artigo foram projetados para terem utilidade geral e serem aplicados em uma grande variedade de contextos. A coluna de conteúdo principal em ambos os tipos é Conteúdo da Página, capaz de armazenar qualquer conteúdo HTML. Os autores e designers de sites podem controlar a aparência do seu conteúdo usando a estrutura de HTML e folhas de estilo em cascata. Desse modo, talvez não seja necessário projetar outros tipos de conteúdo. Além disso, escolhendo atentamente o layout (consulte Planejando layouts de página) a ser usado para cada tipo de conteúdo com base na Página de Artigo ou na Página de Boas-vindas, você pode introduzir uma variedade maior na apresentação de conteúdo sem que sejam necessários tipos de conteúdo adicionais.

Para modificar um tipo de conteúdo de página, acrescente-lhe colunas que conterão o novo HTML, imagem ou outro tipo de de conteúdo. (Crie colunas na Galeria de Colunas do Site para usá-las em múltiplo tipos de página.) Por exemplo, talvez você queira adicionar um campo "Sobre o autor" a determinadas páginas, para incluir informações biográficas sobre os autores da página. Para tal, adicione uma coluna do tipo "HTML de Publicação" à Galeria de Colunas do Site (para que ele possa ser usado em outros tipos de conteúdo) e, em seguida, adicione essa coluna ao tipo de conteúdo Página de Artigo.

Depois de modificar um tipo de conteúdo de página, você deverá modificar suas páginas de layout associadas adicionando controles de campo para exibir as colunas de conteúdo adicionais. Por exemplo, depois de adicionar uma coluna Sobre o Autor ao tipo de conteúdo Página de Artigo, você deverá adicionar um controle de campo Sobre o Autor para as páginas de layout associadas, para exibir o conteúdo dessa coluna. O planejamento de páginas de layout é discutido abaixo, na seção Planejando layouts de página.

Para planejar páginas de artigo, use a Planilha de planejamento de páginas de artigo (em inglês) (https://go.microsoft.com/fwlink/?LinkId=73316\&clcid=0x416) (em inglês). A coluna mais à esquerda dessa planilha contém todas as colunas do tipo de conteúdo Página de Artigo. Use as outras colunas para listar cada tipo de conteúdo que você queira apresentar no site, como Artigo, Informações à  Imprensa e Publicação de Trabalhos. Após listar os tipos de conteúdo na parte superior da planilha, indique, para cada tipo de conteúdo, as colunas que deseja usar para esse tipo de conteúdo, como "Data do artigo" e "Conteúdo da página". Se considerar que precisa de uma coluna que não esteja disponível, adicione-a na primeira coluna da Planilha de planejamento de páginas de artigo.

É menos provável que você precise usar mais do que uma página de boas-vindas no seu site, mas se precisar, use a Planilha de planejamento de páginas de boas-vindas (em inglês) (https://go.microsoft.com/fwlink/?LinkId=73320\&clcid=0x416) (em inglês) para planejar as colunas a serem exibidas em cada tipo de página de boas-vindas. No entanto, para cada subsite do portal ou site de presença na Internet, você muito provavelmente preferirá uma única página de boas-vindas.

Planejamento de páginas de layout

Uma página de layout define o layout de uma página de conteúdo fornecendo controles de campo nos quais o conteúdo da página de conteúdo é exibido. Cada página de layout é associada a um tipo de conteúdo específico e frequentemente várias páginas de layout estão disponíveis para um único tipo de conteúdo (por exemplo, para fornecer layouts alternativos para versões localizadas de conteúdo, adicionar ou remover a exibição de determinados campos e recursos de um layout de página). Você pode criar ou personalizar uma página de layout, adicionando novos controles para exibir conteúdo da página juntamente com controles adicionais como Web Parts e controles de servidor, usando o Microsoft Office SharePoint Designer 2007 ou o Microsoft Visual Studio.

O Office SharePoint Server 2007 inclui um conjunto de layouts de página para os tipos de conteúdo de Página de Boas-vindas e Página de Artigo. Os layouts de páginas de artigo incluem:

Para a Página de Boas-vindas, os layouts de página incluem:

Se você estiver usando os tipos de conteúdo de página e layouts incluídos no Office SharePoint Server 2007, não são necessárias outras etapas de planejamento. Os autores poderão escolher os tipos de página e layouts associados quando criarem novas páginas. No entanto, se você adicionar novos campos a um tipo de conteúdo de página ou criar tipos de conteúdo totalmente personalizados para páginas de publicação, deverá planejar páginas de layout que reflitam os tipos de conteúdo novos ou alterados.

Você também pode modificar uma página de layout adicionando à página controles do Microsoft ASP.NET 2.0, como Web Parts e zonas de Web Parts. Por exemplo, você pode adicionar a uma página de layout uma Web Part de Consulta de Conteúdo, que exibe um conjunto de links retornados por uma consulta configurável. Observe que, se você colocar uma Web Part em uma página de layout fora de uma zona de Web Part, deverá configurar a 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 uma página de layout, "bloqueará" a consulta e os autores não poderão modifica-la.

Para planejar layouts para Páginas de Artigo, páginas de Boas-vindas e outros tipos de conteúdo de página, use a Planilha de planejamento de páginas de layout (em inglês) (https://go.microsoft.com/fwlink/?LinkId=73317\&clcid=0x416) (em inglês). Crie uma planilha separada para cada tipo de conteúdo de página no seu site, como, por exemplo, Página de Artigo. Para cada tipo de página, liste suas páginas de layout associadas, forneça descrições dos layouts e adicione anotações sobre personalização ou criação de páginas de layout. Por exemplo, se você adicionar um segundo campo de imagem ao tipo de conteúdo Página de Artigo, deverá especificar a adição de um segundo controle de campo de exibição de imagem para cada layout de página associado ao tipo de conteúdo Página de Artigo.

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

Dependendo das suas metas de publicação, você pode restringir a liberdade dos autores para formar o conteúdo da sua página da Web ou adicionar itens, como imagens e hiperlinks, a páginas no seu site. Por exemplo, em um site de presença na Internet altamente controlado, talvez você queira que toda a formatação seja definida em folhas de estilo em cascata associadas às suas páginas de layout, e também que os autores sejam impedidos de substituir definições de estilo usando formatação interna. Ao contrário, em um site de colaboração, como um portal de intranet, talvez você queira dar aos autores liberdade total para formatar suas páginas e adicionar outros itens de página, como Web Parts que forneçam modos de exibição de dados. Por exemplo, em um portal de intranet usado para colaborar com especificações de produtos, talvez você deseje permitir que os autores usem livremente estilos, hiperlinks, imagens e Web Parts para maximizar sua capacidade de comunicar suas ideias.

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

• Você pode definir propriedades em controles de campo em páginas de layout que restringem o que os autores podem fazer.

• Você pode remover zonas de Web Part das páginas de layout para impedir que os autores insiram e configurem Web Parts em suas páginas, ou definir restrições para zonas de Web Part, para limitar o modo como os autores podem utilizá-las.

Configurando restrições em controles de campo

Abrindo o seu site no Microsoft Office SharePoint Designer 2007 ou no Microsoft Visual Studio 2005, você pode editar as marcas associadas com controles de campo para restringir os tipos de recursos de criação do Office SharePoint Server 2007 que os autores podem usar ao editar páginas na janela do navegador. Por exemplo, em controles de campo ligados a colunas do tipo HTML de Publicação, os recursos que você pode permitir ou restringir incluem:

• Configurem fontes

• Inserir imagens

• Inserir tabelas

• Adicionar hiperlinks

• Adicionar marcas de texto, como negrito e itálico

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

Quando você restringe um recurso de criação em uma página de layout no Microsoft Office SharePoint Designer 2007 ou no Microsoft Visual Studio 2005, os comandos de edição de página relacionados no Office SharePoint Server 2007 ficam indisponíveis. Por exemplo, se você restringir a edição de tabelas em um controle de campo que tenha conteúdo do tipo HTML de Publicação, os comandos de edição de tabela, como Editar Tabela, não estarão disponíveis na barra de ferramentas Editar Conteúdo.

Permitindo ou restringindo zonas de Web Part

Uma Web Part é um controle de servidor que os autores podem inserir em zonas de Web Part nas páginas. As Web Parts exibem informações com base em suas funcionalidades, como apresentação de links de navegação no site, conteúdo de listas do SharePoint ou informações analíticas sobre bancos de dados.

Quando uma página de layout inclui um ou mais zonas de Web Part, elas estão disponíveis em páginas usando esse layout, que permite que os autores insiram Web Parts disponíveis em suas páginas de conteúdo. Se você permitir que os autores insiram Web Parts em páginas, reduzirá o controle sobre a experiência dos usuários no site. Por exemplo, um autor pode inserir uma Web Part Sumário em uma página que exponha partes do seu site que você não queira que os usuários acessem a partir da página atual.

Você pode impedir que os autores adicionem Web Parts em páginas abrindo as páginas de layout associadas no Microsoft Office SharePoint Designer 2007 ou no Microsoft Visual Studio 2005 e retirando dali zonas de Web Part. Da mesma forma, ao criar novas páginas de layout, omita as zonas de Web Part para limitar a capacidade dos autores de adicionar funcionalidade às páginas associadas a essas páginas de layout.

Você também pode incluir zonas de Web Part em páginas de layout restringindo, porém, o seu uso. Configurando as propriedades de uma zona de Web Part, você pode preencher essa zona com uma ou mais Web Parts e permitir que os autores editem suas propriedades, sem permitir que eles adicionem outras Web Parts à zona de Web Part.

Resumo

A tabela a seguir mostra recomendações de restrição de layout para ambientes de criação com controle rígido, moderado e flexível:

Para registrar suas decisões sobre restrições de criação em páginas de layout, use a Planilha de planejamento de páginas de layout (em inglês) (https://go.microsoft.com/fwlink/?linkId=73317\&clcid=0x416) (em inglês). Edite a planilha para cada tipo de conteúdo de página do site sobre o qual você deseja impor restrições. Registre seus requisitos de restrição no campo Anotações para cada tipo de layout.

Baixar este manual

Este tópico está incluído no seguinte manual baixável para facilitar a leitura e a impressão:

• Planejamento e arquitetura para o Office SharePoint Server 2007, parte 1

Consulte a lista completa de manuais disponíveis na página de download de conteúdo do Office SharePoint Server 2007.

Consulte também

Conceitos

Planejar a criação de páginas da Web
Planejar aprovação e agendamento de conteúdo