viniciusaraujo.net

Introdução

Um problema muito comum enfrentado pelos universitários é adequar os trabalhos acadêmicos às regras da ABNT. Um dos quesitos da norma que gera muito trabalho braçal, mas não deveria, é o sumário.

As pessoas que não conhecem os recursos dos editores de texto que utilizam, geralmente, cometem dois erros: formatar os títulos individualmente e construir o sumário manualmente. Isto é completamente desnecessário pois o editor de texto pode fazer isso por você!

Este é um assunto que foge um pouco do foco principal do blog, mas como eu observo que é uma dificuldade muito comum entre estudantes universitários, vale a pena abrir uma exceção. Eu mesmo já fiz o favor de configurar e gerar o sumário em muitos trabalhos acadêmicos e já expliquei também muitas vezes como fazê-lo.

Eu creio que não preciso convencer ninguém de que é melhor ter um sumário gerado automaticamente do que fazer um na mão. De qualquer forma, aqui vão alguns motivos:

1. Não precisar digitar pontinhos e formatar na mão;
2. Evitar erros de digitação (o item diferente do título);
3. Evitar desatualização (a página em que o item se encontra foi alterada e o sumário está desatualizado);
4. Ter menos trabalho (ok, esse deveria ser o primeiro motivo e você teria ido direto para a próxima sessão).

OK, estou convencido, mas como eu faço?

Palma, palma, palma, não priemos cânico. Gerar o sumário automaticamente é muito simples. Neste artigo os exemplos serão baseados no MS Word. Se você estiver afim de uma nova experiência com um software livre (e gratuito) de qualidade, dê uma olhada no Open Office, cujo corretor ortográfico já foi atualizado baseado no novo acordo ortográfico da língua portuguesa.

Preparando os estilos

O segredo todo está nos estilos. Ao invés de formatar um texto, deve-se atribuir um estilo ao texto e formatar o estilo. Para formatar um estilo basta clicar no menu Formatar > Estilos e formatação.... Na versão 2003 do word, aparecerá uma barra lateral no documento com todos os estilos. Para alterar um estilo basta clicar com o botão direito no estilo e clicar em Modificar no menu de contexto. Na tela de configuração de um estilo é possível alterar todos os aspectos de formatação e outro punhado de detalhes.

Nos trabalhos acadêmicos os títulos têm uma hierarquia e podem facilmente chegar a 4 níveis (ex: 1.2.1.4). Pra montar uma hierarquia de títulos numerados acesse a opção Formatar > Numeração (dentro da tela de modificação de estilo) e escolhe o estilo de numeração com vários níveis. Faça isso para cada título. Os títulos receberão automaticamente o nível correto (ex: titulo1 - nível 1, titulo2 - nível 2). Tratando-se de trabalhos acadêmicos, provavelmente, seja necessário configurar 5 ou mais estilos:

• Titulo1: Para os títulos principais (Introdução, Capítulos, Conclusão e Referências)
• Titulo2: Sub-títulos do Titulo1;
• Titulo3: Sub-títulos do Titulo2;
• Titulo4: Sub-títulos do Titulo3;
• Normal: Para o texto em geral.

Aplicando os estilos

Agora que todos os estilos estão devidamente formatados basta aplica-los ao texto. A vantagem de usar estilos (além de permitir a geração automática do sumário) é que todo o seu texto seguirá um padrão e se houver necessidade de alterar algum característica da formatação, basta editar o estilo que todo o texto marcado com o estilo será atualizado (fim do trabalho braçal!).

Para aplicar um estilo a uma parte do texto basta seleciona-la e então escolher o estilo no painel de estilos. Ao posicionar o cursor em uma determinada posição do texto e escolher um estilo, o estilo será aplicado a todo o paragrafo. Sendo assim, para associar o estilo Titulo1 a um título, basta selecionar o título ou posicionar o curso na linha do título.

A fim de tornar esta tarefa mais fácil ainda é possível associar uma tecla de atalho a cada estilo (ex: Titulo1 (Alt+1), Titulo2 (Alt+2), Titulo3 (Alt+3), Titulo4 (Alt+4), Normal (Alt+N)). Na tela de modificação do estilo, basta selecionar a opção Formatar > Tecla de atalho.

Lembre-se: nunca formate o texto diretamente. Prefira sempre criar um estilo e formatar o estilo, assim evita-se retrabalho tanto na hora de utilizar o estilo quanto na hora de alterar a formatação. Você pode, por exemplo, criar estilos para legendas de imagens, citações, referências, etc.

Gerando o sumário

Você já estava se perguntando: "Quando eu vou gerar o tal do sumário?". Eu guardei essa resposta para o final porque é a parte mais simples de todo o processo. Basta posicionar o curso do mouse no local do documento onde o sumário deverá ficar e clicar em Inserir > Referência > Índices.... Para sumários de trabalhos acadêmicos, geralmente, se utiliza a aba Índice analítico.

Ok! Você não ficou satisfeito não foi? Achou simples demais e quer complicar um pouco? Tudo bem, acho que não será possível mas vamos tentar.

É possível que alguns títulos no seu documento não sejam numerados mas precisam aparecer no índice. Para começar crie um novo estilo a partir do Titulo1. Para isso clique no botão Novo Estilo no painel de Estilos e formatação. Na tela de criação do novo estilo, na propriedade Estilo baseado em escolha o Titulo1. Feito isso basta remover a numeração do seu novo estilo (selecione a opção Nenhum) e dar um nome legal a ele. Lembrando que você pode associar uma tecla de atalho ao seu novo estilo.

Não está satisfeito? Ok! Talvez seu estilo não seja baseado no Titulo1 (você gosta de complicar). Então, no momento de inserir o sumário, clique em opções, na aba do índice analítico. No item Construir índice analítico a partir de: a opção Estilos deve estar marcada. Na lista de estilos disponível encontre o novo estilo que você criou e coloque o número 1 no nível do estilo para que ele apareça no sumário como um índice de primeiro nível.

Para atualizar o sumário basta clicar com o botão direito nele e em seguida em Atualizar Campo.

Isso é tudo pessoal!

O que você achou dessa postagem?

Agora a moda é Web 2.0 e até estilo já se atribuiu a este conceito. O layout Web 2.0 é composto por cores fortes, vivas, bordas arredondadas e letras grandes. Mas como fazer bordas arredondas? Existem várias maneiras:

Como criar bordas arredondadas

Abordagem	Pró	Contra
Substituir o elemento por uma imagem completa com bordas arredondadas.	Não há a necessidade de adicionar novos elementos que não têm significado semântico na sua página.	O elemento fica com tamanho fixo e caso seja redimensionado ficará distorcido
Utilizar imagem nos cantos da borda.	Os elementos não precisam ter tamanho fixo e a borda não fica distorcida.	Criação de elementos (div) extras sem significado(Antigamente, eram utilizadas tabelas para esse fim).
Utilizar javascript.	Facilidade de implementação. Menor trabalho. Não necessita de imagens.	São adicionados elementos à página dos quais você não tem conhecimento ou controle.

Eu gosto da terceira abordagem porque é a mais simples. Você pode se livrar das bordas ou altera-las facilmente sem ter que mudar a estrutura do seu código. Para criar bordas arredondadas usando javascript, eu recomendo o jQuery Corner que é um plugin para jquery. Com ele você poderá criar bordas dos mais diversos tipos sem utilizar imagens com uma linha de código! Basta invocar o método corner utilizando o jquery. Veja o exemplo abaixo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Exemplo do jQuery Corner</title>
  <style type="text/css">
   .bordas_arredondadas { background: #CEE574; }
  </style>
  <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
  <script src='http://jqueryjs.googlecode.com/svn/trunk/plugins/corner/jquery.corner.js' type='text/javascript'></script>
  <script type="text/javascript">
   $().ready(function() {
    $(".bordas_arredondadas").corner();
   });
  </script>
 </head>
 <body>
  <div id="d1" class="bordas_arredondadas">
   Esse div terá bordas arrendondas
  </div>
 </body>
</html>

A linha 12 do código acima é responsável por criar o efeito de bordas arredondadas no div d1. Note que eu utilizei a classe do div bordas_arredondadas como seletor do jquery. Dessa forma você pode ter vários elementos na página e utilizar uma única linha para criar o efeito em todos. Visite a página do plugin e verá que existem diversos outros efeitos disponíveis. Você poderá criar classes diferentes para cada tipo de efeito que utilizar na sua página e reduzir as linhas de código utilizadas.

O que você achou dessa postagem?

Se você edita suas postagens em HTML como eu, já se deparou com esse problema. O blogger adiciona linhas em branco (</br>) para cada linha em branco/quebra de linha que encontra na sua postagem, mesmo se estiver no código HTML. Esse é um comportamento padrão do blog. Isso termina bagunçando sua postagem por completo.

Eu quebrei a cabeça por um tempo e até bolei uma gambiarra usando o jquery para remover os tags </br> extras até descobri que bastava mudar uma configuração do blog. Fuçando a página de ajuda do blogger eu encontrei esta página que trata da situação que me permitiu notar o comportamento estranho do blog pela primeira vez, que foi quando eu usei uma tabela num artigo e apareceram várias linhas extras antes da tabela. Até então o problema tinha passado derpecebido. Isso estava me causando outro problemão: eu não conseguia usar nenhum destacador de sintaxe porque todos eles transformavam o meu código em uma única linha perdendo toda a formatação.

Para alterar a configuração vá no painel do seu blog e na guia Configurações clique em Formatação e marque não para a opção Converter quebras de linha. Lembrando que se você costuma postar usando o editor convencional do blogger e não mexe no código HTML é melhor manter a configuração original.

O que você achou dessa postagem?