(Etapa xx de 17)
Agora, está na hora de formatarmos os dados, isto é, dar destaque ao título, destacar os cabeçalhos das colunas, entre outras coisas.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=285
(Etapa xx de 17)
Para isso, dispomos de vários botões na "barra de botões de contexto" somente para trabalhar com a formatação de caractere e parágrafo.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=286
(Etapa xx de 17)
Temos ainda botões para formatação de números como formato "moeda" e "porcentagem", além de botões para adicionar ou remover zeros.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=287
(Etapa xx de 17)
Já para a célula, temos outros parâmetros, como "mesclar células", isto é, fundir duas ou mais células adjacentes, convertendo em uma célula maior.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=288
(Etapa xx de 17)
E temos também botões para definição das bordas, cor de fundo ou cor da fonte.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=289
(Etapa xx de 17)
Primeiro, vamos formatar o título da tabela, aumentando o tamanho da fonte para 14.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=290
(Etapa xx de 17)
Perceba que o tamanho da fonte foi ampliado.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=291
(Etapa xx de 17)
Agora, vamos formatar várias células ao mesmo tempo. Para isso, estamos selecionando da célula "A3", do "nome", arrastando até a célula "D3", do "Salário". Com essa ação, estamos selecionando essas células.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=292
(Etapa xx de 17)
Aplicaremos nessas células os efeitos "negrito", "centralizado" e "cor de fundo cinza claro".
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=293
(Etapa xx de 17)
Perceba que os efeitos foram aplicados.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=294
(Etapa xx de 17)
Agora, vamos formatar a coluna "Salário". Para isso, selecionamos as células "D4" até "D8".
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=295
(Etapa xx de 17)
Depois de selecionadas, clicamos no botão "Moeda".
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=296
(Etapa xx de 17)
Veja que o último valor ficou com pouco espaço. Para solucionar esse problema, ampliaremos a largura da coluna.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=297
(Etapa xx de 17)
Os dados já podem ser visualizados no formato adequado.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=298
(Etapa xx de 17)
Agora, vamos fazer as bordas da tabela. Selecionamos as células "A3" até "D8".
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=299
(Etapa xx de 17)
Em seguida, acionamos o botão "Bordas" e selecionamos a opção "Todas as bordas".
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=300
(Etapa xx de 17)
Pronto! Concluímos a primeira etapa de formatação dos nossos dados. Instrução - clique para editar o texto.
Referência (copie para o Mantis o texto em vermelho):
demo_.html?interacao=301