Anterior Seguinte Home page Imprimir Procurar
Ajuda e Procedimentos do SharePoint Server 2007 >  Gestão de conteúdo >  Gestão de conteúdo Web >  Criar e editar páginas
Utilizar o Editor de HTML
Utilizar o Editor de HTML

A funcionalidade Editor de HTML do Microsoft Office SharePoint Server 2007 é um editor de texto formatado com todas as funcionalidades. É possível aplicar estilos de formatação a texto ou elementos de conteúdo utilizando um menu na barra de ferramentas Editor de HTML . É possível inserir elementos (tais como tabelas e listas) utilizando botões na barra de ferramentas. É ainda possível efectuar procuras no conteúdo e verificar a ortografia do conteúdo, tudo isto utilizando a barra de ferramentas. Poderá aceder a todas estas funcionalidades utilizando o teclado.

O que pretende fazer?


Inserir e editar texto

O Editor de HTML poderá ser apresentado inline ou poderá ser apresentado numa caixa de diálogo de Página Web, numa nova janela. É possível escrever directamente na janela do Editor de HTML, tal como em qualquer outro editor de texto. O texto aparece no Editor de HTML tal como aparece na página publicada. Algumas funcionalidades não estão disponíveis quando o Editor de HTML é apresentado inline.

Copiar e colar

Copiar e colar texto funciona da mesma forma que noutros editores de conteúdo formatado, excepto que o Editor de HTML oferece opções de colagem.

Quando cola texto a partir da Área de Transferência e esse texto é formatado, é apresentado o menu Opções de Colagem. O menu Opções de Colagem oferece as seguintes opções:

  • Remover Estilos Inline   Esta opção remove todos os estilos inline do texto colado. A formatação que não faça parte de um estilo inline ficará intacta.
  • Manter Apenas o Texto   Esta opção remove todos os estilos inline e toda a formatação do texto colado.
  • Manter Estilos Inline   Esta opção deixa todos os estilos inline e toda a formatação intactos no texto colado.

Procurar texto no conteúdo

É possível procurar texto no conteúdo clicando no botão LocalizarImagem de botão. Quando clica no botão Localizar, é apresentada uma caixa Localizar, em conjunto com um botão Localizar Seguinte. Na caixa Localizar, escreva o texto que pretende procurar e, em seguida, clique em Localizar Seguinte. Se o texto que escreveu na caixa Localizar ocorrer no conteúdo que está a editar, a primeira instância desse texto será realçada no conteúdo. Clique novamente em Localizar Seguinte para procurar a instância seguinte.

 Nota    Se mover o cursor para fora da caixa Localizar, o comando Localizar irá começar a procurar no conteúdo onde quer que o cursor esteja localizado quando clicar em Localizar Seguinte e não irá repetir a procura desde o início quando o fim do conteúdo for alcançado. Para se certificar de que a procura é efectuada em todo o conteúdo, deixe o cursor na caixa Localizar quando clicar em Localizar Seguinte.

 Nota    A funcionalidade de procura não está disponível quando o Editor de HTML é apresentado inline.

Verificar se existem erros ortográficos no texto

Poderá verificar se existem erros ortográficos no texto clicando no botão de barra de ferramentas OrtografiaImagem de botão. Quando clica no botão Ortografia é aberta uma nova janela que apresenta possíveis erros ortográficos, juntamente como sugestões para os corrigir.

Atalho do teclado  Para verificar a ortografia, prima F7.

 Nota    A funcionalidade de verificação ortográfica não está disponível quando o Editor de HTML é apresentado inline.

 Parte Superior da Página

Seleccionar texto ou elementos HTML e aplicar formatação ou estilos personalizados

Se pretender alterar o aspecto do texto no conteúdo da página, poderá utilizar formatação e estilos.

Os estilos são conjuntos predefinidos de opções de formatação que é possível aplicar como se fossem uma única opção de formatação. Por exemplo, é possível que tenha um estilo Título de Artigo predefinido que especifico texto a negrito, tipo de letra de 14 pontos, utilizando a família de tipos de letra Arial com tipo de letra a castanho. Quando aplica o estilo Título de Artigo a uma selecção, cada uma das opções de formatação individuais é aplicada à selecção.

Existem duas formas de seleccionar conteúdo: é possível seleccionar conteúdo manualmente, ou seleccionar os elementos HTML e o conteúdo que esses elementos incluem.

 Parte Superior da Página

O que pretende fazer?


Utilizar o rato ou teclado para seleccionar texto

É possível seleccionar um bloco de texto utilizando o rato ou o teclado.

Para seleccionar um bloco de texto utilizando o rato, efectue um dos seguintes procedimentos:

  • Arraste o ponteiro do rato para seleccionar o texto pretendido.
  • Faça duplo clique no texto para seleccionar uma palavra, ou faça triplo clique no texto para seleccionar um parágrafo, item de lista ou célula de tabela.

Para seleccionar um bloco de texto utilizando o teclado, mantenha premida a tecla SHIFT e prima a tecla de SETA PARA ESQUERDA ou de SETA PARA A DIREITA para ajustar a selecção um carácter de cada vez. Ou mantenha premida a tecla SHIFT e prima a tecla de SETA PARA CIMA ou de SETA PARA BAIXO para ajustar a selecção uma linha de cada vez. Poderá também manter premidas as teclas CTRL e SHIFT enquanto prime a tecla de SETA PARA A ESQUERDA ou de SETA PARA A DIREITA para seleccionar uma palavra de cada vez.

Parte Superior da Secção

Utilizar o menu Seleccionar para seleccionar elementos HTML

Se pretender seleccionar todo o texto contido num elemento HTML, utilize o menu Seleccionar na barra de ferramentas.

O menu Seleccionar é sensível ao contexto, pelo que as respectivas opções dependem do elemento no qual o cursor está. Por exemplo, se clicar no menu Seleccionar enquanto o cursor estiver num item de lista, o menu Seleccionar irá apresentar estas opções:

  • Seleccionar o conteúdo formatado (apenas o texto no item actual).
  • Seleccionar o bloco formatado (o texto e o elemento DIV que contém o texto).
  • Seleccionar o item de lista (o elemento de item de lista, incluindo o texto e o bloco de formatação que o item contém).
  • Seleccionar a lista (todos os itens de lista na lista actual, incluindo o respectivo texto e blocos de formatação).
  • Seleccionar todo o conteúdo (todo o conteúdo incluído na janela actual do Editor de HTML).

  1. Com o conteúdo da página aberto no Editor de HTML, coloque o cursor no texto do elemento HTML que pretende seleccionar e clique em Seleccionar na barra de ferramentas.
  2. Clique no item de menu Seleccionar que melhor corresponder ao âmbito da selecção pretendida. Por exemplo, se o cursor estiver no texto de um item de lista com marcas e pretender seleccionar toda a lista, clique em Lista Com Marcas.

Utilize o menu Seleccionar para garantir que está a formatar ou aplicar estilos a elementos HTML específicos e não apenas ao texto que vê realçado na janela do editor. Tal ajuda-o a manter os estilos e formatação a consistentes.

Parte Superior da Secção

Aplicar estilos utilizando o menu Estilos

Quer seleccione texto utilizando o rato e o teclado ou seleccione elementos utilizando o menu Seleccionar, poderá utilizar o menu Estilos para aplicar estilos que tenham sido definidos para o site. Muitos desses estilos estão instalados como parte do Office SharePoint Server 2007, sendo que o administrador do site ou um designer de páginas poderá definir estilos personalizados acessíveis através do menu Estilos.

O menu Estilos é sensível ao contexto. Os estilos apresentados dependem da selecção à qual está a ser aplicado um estilo.

Parte Superior da Secção

Aplicar formatação utilizando botões de barra de ferramentas

É possível utilizar os botões de barra de ferramentas para aplicar formatação a uma selecção. É possível aceder a estes comandos utilizando o rato ou atalhos de teclado.

Quando aplica um formato a uma selecção, o mesmo é adicionado aos outros formatos que já estejam aplicados à selecção, a menos que os dois formatos sejam incompatíveis. Se dois formatos forem incompatíveis (por exemplo, se especificarem duas cores de tipo de letra diferentes), o segundo formato será aplicado à selecção.

Parte Superior da Secção
 Parte Superior da Página

Inserir e editar tabelas e outros elementos HTML

É possível utilizar os botões de barra de ferramentas para inserir tabelas, listas, hiperligações, imagens e conteúdo reutilizável.

O conteúdo reutilizável consiste em blocos de texto e elementos HTML que podem ser inseridos em conteúdo de página. Não é possível alterar o conteúdo nem a estrutura de conteúdo reutilizável utilizando o Editor de HTML. É possível utilizar o Editor de HTML para aplicar estilos e formatação a conteúdo reutilizável.

 Parte Superior da Página

O que pretende fazer?


Inserir e editar uma tabela

É possível inserir uma tabela clicando no botão de barra de ferramentas Inserir TabelaImagem de botão. Ao clicar em Inserir Tabela, abre-se uma nova janela na qual é possível escolher as seguintes propriedades de tabela:

  • Propriedades de Tamanho:
    • Linhas   Utilize esta propriedade para escolher o número de linhas.
    • Colunas   Utilize esta propriedade para escolher o número de colunas.
    • Especificar dimensões   Seleccione esta caixa de verificação para alterar a largura e altura da tabela nas caixas Largura e Altura. Desmarque esta caixa de verificação se pretender que as dimensões da tabela sejam geridas pelo servidor.
    • Largura e Altura   Se tiver seleccionado a caixa de verificação Especificar dimensões, poderá escolher as propriedades de Largura e Altura para controlar as dimensões da tabela. Escreva um número na caixa Largura ou Altura e clique na seta para seleccionar pixel ou percentagem. Por exemplo, para especificar que a tabela deverá ter metade da largura da página, escreva 50 na caixa largura e clique em percentagem na lista.
  • Propriedades de Formato:
    • Utilizar Formato de Tabela Predefinido   Seleccione esta caixa de verificação para escolher um formato de tabela a partir da lista pendente. O Office SharePoint Server 2007 fornece vários formatos de tabela predefinidos, sendo que o administrador do site poderá criar formatos de tabela personalizados e adicioná-los à lista.

      Quando um formato de tabela é escolhido a partir da lista, é apresentada uma pré-visualização desse formato na caixa Pré-visualização.

      Desmarque a caixa de verificação Utilizar Formato de Tabela Predefinido para desactivar as opções na secção Formato. Não será aplicado nenhum formato à tabela.

    • Aplicar formatos especiais a   Cada formato de tabela predefinido pode conter formatação aplicável à linha de título, última linha, primeira coluna e última coluna. Utilize estas quatro opções de linha e coluna para especificar se a formatação em particular para essa linha ou coluna deverá ser aplicada. Por exemplo, para especificar que a linha de título não deverá ser formatada conforme especificado pelo formato de tabela predefinido, desmarque a caixa de verificação Linha de Título.

       Nota    Estas opções só estarão disponíveis se a caixa de verificação Utilizar Formato de Tabela Predefinido estiver seleccionada.

Também poderá editar uma tabela para alterar o respectivo tamanho, a formatação e outras propriedades. A melhor forma de editar uma tabela consiste em utilizar o Menu de Célula. Para abrir o Menu de Célula, clique na seta que se encontra no canto direito da célula de tabela que está a editar.

O Menu de Célula contém os seguintes comandos:

  • Inserir Linha Acima   Este comando insere uma linha directamente acima da célula que está a editar.
  • Inserir Linha Abaixo   Este comando insere uma linha directamente abaixo da célula que está a editar.
  • Inserir Coluna à Esquerda   Este comando insere uma coluna directamente à esquerda da célula que está a editar.
  • Inserir Coluna à Direita   Este comando insere uma coluna directamente à direita da célula que está a editar.
  • Eliminar Linha   Este comando elimina a linha que contém a célula que está a editar.
  • Eliminar Coluna   Este comando elimina a coluna que contém a célula que está a editar.
  • Unir Célula   Este comando une a célula que está a editar à célula que está imediatamente à direita; ou, nos idiomas da direita para a esquerda, à célula imediatamente à esquerda.
  • Dividir Célula   Este comando divide a célula que está a editar e coloca o cursor na célula resultante mais à esquerda.
  • Altura e Largura   Este comando abre uma caixa de diálogo que lhe permite alterar a altura de linha e largura de coluna da linha e coluna que contêm a célula que está a editar.
  • Editar Tabela   Este comando abre uma caixa de diálogo que lhe permite alterar qualquer uma das propriedades da tabela que contém a célula que está a editar.

Também é possível efectuar todas as acções do Menu de Célula utilizando os botões de barra de ferramentas.

Parte Superior da Secção

Inserir uma lista

É possível inserir uma lista clicando no botão de barra de ferramentas Lista NumeradaImagem de botão ou Lista Com MarcasImagem de botão.

Atalho do teclado  Para inserir uma lista numerada, prima CTRL+SHIFT+E. Para inserir uma lista com marcas, prima CTRL+SHIFT+L.

Parte Superior da Secção

Inserir uma hiperligação

É possível inserir uma hiperligação clicando no botão de barra de ferramentas Inserir HiperligaçãoImagem de botão.

Atalho do teclado  Para inserir uma hiperligação, prima CTRL+K.

Quando uma hiperligação é inserida, a caixa de diálogo de Página Web Editar Propriedades da Hiperligação é aberta.

  • Na caixa URL Seleccionado, poderá escrever um URL ou clicar no botão Procurar para navegar para um item ou documento no site.
  • Seleccione a caixa de verificação Abrir Hiperligação Numa Nova Janela para abrir a hiperligação numa nova janela. Se esta caixa de verificação estiver desmarcada, a hiperligação será aberta na mesma janela.
  • Seleccione a caixa de verificação Apresentar hiperligação com ícone para apresentar um ícone à frente do texto de hiperligação. Para tal, é adicionado um código de imagem (<IMG>) no início da hiperligação. Por predefinição, o ícone apresentado reflecte o tipo de documento para o qual a hiperligação aponta, mas é possível alterar posteriormente a imagem apresentada editando o atributo de origem do código de imagem (<IMG src=>). Se a caixa de verificação Apresentar hiperligação com ícone estiver desmarcada, a hiperligação será apresentada como texto de hiperligação.
  • Na caixa Descrição, é possível escrever texto que será apresentado quando o ponteiro do rato for colocado sobre a hiperligação. Este texto é guardado como atributo de título do código de âncora da hiperligação (<A title=>).
  • Na secção Marcador, na caixa Nome, poderá escrever um nome para a hiperligação. Este nome é guardado como atributo de ID do código de âncora da hiperligação (<A id=>). Utilize isto para criar um marcador na página ao qual possa ligar a partir de outras páginas ou de outra localização na mesma página.

É possível editar um marcador existente utilizando os mesmos botões de barra de ferramentas ou premindo CTRL+K quando a hiperligação que pretende editar estiver seleccionada.

Eliminar uma hiperligação

Para eliminar uma hiperligação, efectue o seguinte procedimento:

  1. Seleccione a hiperligação que pretende eliminar utilizando o menu Seleccionar.
  2. Efectue um dos seguintes procedimentos:
    • Prima a tecla DELETE ou a tecla de retrocesso.
    • Clique no botão de barra de ferramentas Remover HiperligaçãoBotão Remover Hiperligação.

Parte Superior da Secção

Inserir uma imagem

É possível inserir uma imagem clicando no botão de barra de ferramentas Inserir ImagemImagem de botão.

Atalho do teclado  Para inserir uma imagem, prima CTRL+SHIFT+G.

Quando o utilizador clica no botão Inserir Imagem ou prime CTRL+SHIFT+G, a caixa de diálogo de Página Web Editar Propriedades da Imagem é aberta.

  • Clique no botão Procurar para navegar através das imagens disponíveis. Quando clica em Procurar, a caixa de diálogo de Página Web Seleccionar Uma Imagem é aberta e apresenta as imagens armazenadas na biblioteca de Imagens de Publicação do site que contém o conteúdo de página que está a editar. Clique numa imagem e clique em OK para inserir essa imagem.
  • Poderá escrever texto alternativo para a imagem na caixa Texto Alternativo. O texto alternativo é lido por leitores de ecrã em vez de apresentar a imagem, sendo apresentado no browser se o browser de um visitante não conseguir reproduzir a imagem.
  • Seleccione opções na secção Esquema para especificar o alinhamento, espessura de limite e espaçamento da imagem.
  • Seleccione opções na secção Tamanho para especificar o tamanho da imagem. É possível especificar que a imagem deverá ser apresentada com o tamanho predefinido, ou escolher o tamanho de apresentação em pixels. Se especificar o tamanho de apresentação, poderá escolher a altura e largura da imagem ou optar por manter a respectiva proporção (preservar a razão entre a altura e a largura).
  • Quando acabar de editar as propriedades da imagem, clique em OK.

É possível editar uma imagem existente utilizando os mesmos botões de barra de ferramentas ou premindo CTRL+SHIFT+G quando a imagem que pretende editar estiver seleccionada.

Parte Superior da Secção

Inserir conteúdo reutilizável

É possível inserir conteúdo reutilizável clicando no botão de barra de ferramentas Inserir Conteúdo ReutilizávelImagem de botão.

Depois de inserir conteúdo reutilizável, poderá alterar o respectivo posicionamento na página e o respectivo tamanho, bem como aplicar estilos e opções de formatação.

Para alterar o posicionamento ou tamanho do conteúdo reutilizável, clique no conteúdo e utilize a respectiva moldura para ajustar o posicionamento ou tamanho.

Para aplicar estilos e opções de formatação, clique no conteúdo reutilizável, clique no menu Seleccionar e clique em Lista Com Marcas. Poderá depois aplicar estilos utilizando o menu Estilos e aplicar opções de formatação utilizando os botões de barra da ferramentas ou atalhos de teclado.

Para mais informações sobre conteúdo reutilizável, consulte o artigo Utilizar Conteúdo Reutilizável.

Parte Superior da Secção
 Parte Superior da Página

Utilizar o modo de edição de código HTML

Poderá passar da edição de texto para a edição de código HTML em qualquer altura clicando no botão de barra de ferramentas Editar Código HTML. O modo de edição de código HTML é útil para alterar os atributos dos elementos de HTML no conteúdo.

Quando está em modo de edição de código HTML, a janela do Editor de HTML apresenta o conteúdo em HTML e a maioria dos botões de barra de ferramentas estão desactivados. Poderá editar o código HTML utilizando sintaxe e tags HTML padrão. O Editor de HTML suporta a versão HTML 4.01 Transitional padrão.

 Parte Superior da Página