2.5.
Adicionando Páginas
Ir um nível acima
Para adicionar uma página, use o menu Adicionar item:
Selecione Página no menu e verá o painel Adicionar Página:
Os campos de Título e Descrição estarão no topo. Preencha-os adequadamente. Há um campo Comentário da versão no final, uma entrada padrão muito útil para armazenar memorandos e descrever as modificações feitas em um documento. Isto é particularmente interessante para as páginas em que houver outros colaboradores.
O painel ao meio, Corpo do Texto, é onde está toda a atividade das páginas. O programa utilizado para fazer Páginas no Plone -- chamado genericamente de editor visual e especificamente de Kupu -- é uma ferramenta muito importante que permite fazer a edição WYSIWYG. A edição WYSIWYG -- What You See Is What You Get, ou seja, "o que você vê é o que você tem" -- descreve como um programa editor de texto funciona. Quando você faz uma modificação, como colocar uma palavra em negrito, você vê o texto em negrito imediatamente.
As pessoas já estão habituadas à abordagem WYSIWYG dos típicos editores de texto. O administrador do seu site também pode habilitar linguagens de marcação para o seu site.
Assista a um vídeo do Plone 2 sobre como utilizar o editor visual para editar o corpo do texto de uma página (em inglês).
Descrição das barras de ferramentas e itens no Kupu 1.4.x
Nota: o Kupu é um programa embutido que o Plone utiliza como seu editor visual padrão -- você não verá esse nome em nenhum lugar quando estiver editando.
Uma barra de ferramenta típica do Kupu é da seguinte forma:
O formato do texto normalmente é deixado com a configuração HTML, mas alguns sites oferecem texto estruturado ou outras linguagens de marcação para editar páginas.
Os ícones são os seguintes:
- negrito,
- itálico,
- alinhado à esquerda,
- justificado,
- alinhado à direita,
- lista numerada,
- lista não ordenada,
- lista de definições,
- diminuir recuo,
- aumentar recuo,
- inserir imagem (o ícone "da árvore"),
- inserir link interno (o ícone "da corrente"; faz um link com outra página no próprio site),
- inserir link externo (o ícone "do mundo"; faz um link com uma página em outro site),
- inserir âncoras (o ícone "da âncora"; faz um link com uma seção específica de uma página da web),
- inserir tabela (para adicionar uma tabela com linhas e colunas),
- alternar entre o editor visual e o código HTML ( o ícone "HTML"; se você sabe como, é possível editar diretamente o código HTML) e um
- menu para estilizar o texto.
Imagens
Posicione seu cursor sobre o texto de uma página e clique no ícone "da árvore". O seguinte painel aparecerá:
Clique em "Current folder" ao lado esquerdo do painel, se ele não estiver destacado. O "Current folder" é a pasta que contém a página que está sendo editada -- todas as páginas estão dentro de alguma pasta. Há muitas formas de lidar com o armazenamento de imagens que aparecem em uma página de um pasta onde estão contidas (a pasta atual, ou "current folder"). Neste método, as páginas e as imagens associadas a elas estão armazenadas juntas dentro da estrutura da pasta. Se você clicar no botão "Enviar imagem aqui", será necessário selecionar uma imagem em seu computador para adicioná-la. Após a seleção, o painel apropriado permitirá que você dê um título à imagem, que será utilizado no website, e diversas opções de posicionamento e dimensionamento da imagem. Ao clicar OK, a imagem será adicionada e colocada na página.
O mesmo painel aparecerá se você clicar em uma imagem da página para selecioná-la e, então, clicar no mesmo ícone "da árvore" para editar as opções da imagem ou para trocar de imagem.
Você é responsável por dimensionar e editar as imagens em seu computador antes de adicioná-las, mas uma forma fácil de lidar com as imagens utilizadas na maioria das páginas da web é fazer uma cópia dela em seu computador, redimensionando-a para 1000 pixels caso queira uma imagem muito grande. Este é um tamanho bom para adicionar -- não há necessidade de adicionar suas imagens gigantescas diretamente da câmera digital. O Plone criará automaticamente diversos tamanhos para uma imagem adicionada, inclusive "grande", "mini" e outros. Você decide o tamanho que quer usar quando adiciona ou edita a imagem com o ícone "da árvore". Também é possível forçar o tamanho da imagem, editando o HTML.
Links Internos
Selecione uma palavra ou frase, clique no ícone link interno e o painel inserir link aparecerá:
Esse painel é utilizado, clicando em Home ou Current folder, para começar a navegar no website em Plone a fim de encontrar uma pasta, uma página ou uma imagem para a qual deseja fazer um link. No exemplo acima, a página chamada "Saltadoras de Rabo-comprido" foi escolhida para o link. Depois que esse painel for fechado, um link para essa página será estabelecido para a palavra ou frase selecionada.
Links Externos
Selecione uma palavra ou frase, clique no ícone link externo e o painel Link Externo aparecerá:
Digite o endereço da web do website externo na caixa, começando com http://. Você pode clicar pré-visualização se quiser verificar o endereço. Se você colar o endereço, certifique-se de que não duplicou o http:// no início. Então, clique OK. O Link Externo será estabelecido para a palavra ou frase selecionada.
Âncoras
As âncoras são como marcadores de posição dentro de um documento, com base nos títulos, subtítulos, ou outro estilo lá estabelecido. Para uma página chamada "Tigre Oriental com Cauda de Andorinha", por exemplo, que tenha subtítulos, como "Descrição", "Habitat", "Comportamento", "Estado de Conservação" e "Literatura", um conjunto fácil de links (para as posições dentro do documento nestes subtítulos) pode ser criado através das âncoras.
Primeiro, crie o documento com os subtítulos e digite-os novamente no topo do documento:
img
Então, selecione cada um dos subtítulos que foram digitados novamente no topo e clique no ícone da âncora para selecionar por subtítulo:
Um painel aparecerá para selecionar cada subtítulo com o qual o link âncora deve se conectar:
A aba Criar link para âncora aparecerá. O lado esquerdo mostra uma lista de estilos que podem ser configurados no documento. Nesse exemplo, os subtítulos são utilizados para cada seção, que é geralmente o caso, para que os subtítulos possam ser selecionados. O lado direito do painel mostra os subtítulos que já foram configurados no documento. Aqui, o subtítulo Descrição foi escolhido para o link (para a palavra Descrição digitada no topo do documento).
Você pode ser criativo com essa ferramenta poderosa, incorporando esses links para âncora dentro do texto narrativo, estabelecendo âncoras para outros estilos e gerando combinações inteligentes. Essa funcionalidade é importante principalmente para documentos grandes.
Tabelas
As tabelas são úteis para dados tabulares e listas. Para adicioná-la, ponha seu cursor no local desejado e clique o ícone inserir tabela. Você verá o painel inserir tabela:
img
Aqui está um exemplo desses estilos de tabela:
| Campeões Puro Sangue | Campeões Quarto de Milha |
|---|---|
| Foguinho | Alcapone |
| Silver | Zeus |
| Afrodite | Pelé |
| Zezinho | Eli |
| Tom | Manhosa |
| Baronesa | Atrevido |
Depois que a tabela for criada, você poderá clicar em uma célula para mostrar as alças de redimensionamento e os ícones de adicionar/excluir linhas e colunas.
img
Na tabela acima, o cursor foi colocado sobre a célula "Líder Especial", o que ativa pequenas alças quadradas nos cantos para redimensionar toda a tabela. Também foram ativados os ícones adicionar/excluir para a célula atual, a célula "Líder Especial". Ao clicar no pequeno x dentro do círculo, uma coluna ou linha inteira, onde está a célula atual, será excluída. Ao clicar nos itens de pequenas flechas, uma linha será adicionada acima ou abaixo, ou uma coluna à direita ou à esquerda da célula atual.
Estilização do Texto
A configuração do estilo do texto é feito através de um menu próprio:
img
Quanto à edição normal de processamento de palavras, selecione uma palavra, frase ou parágrafo com seu mouse, então, escolha uma das opções de estilo do menu e verá a mudança imediatamente.
Salvar
Clique o botão Salvar ao fim e suas modificações serão submetidas à página.
-----------
Notas de Rodapé
Linguagens de marcação
Se você for do tipo de pessoa que gosta de utilizar formatos de marcação em seus textos, pode desativar o editor visual para atender suas preferências pessoais, o que substituirá o Kupu por um painel de entrada de texto simplificado. Os formatos de marcação disponíveis no Plone são:
Cada um deles funciona através da incorporação de códigos de formatação especiais dentro do texto. Com a formatação de texto estruturado, por exemplo, digitar uma palavra ou frase entre dois asteriscos as colocará em negrito: **Este texto deve estar em negrito**. Vale a pena aprender esses formatos de marcação para acelerar a entrada de texto se você trabalha muito com criação de páginas, ou se é adepto a uma abordagem um pouco mais técnica da entrada do texto. Algumas pessoas preferem esses formatos não só pela rapidez, mas também pela fluidez da expressão.
