Como importar uma tabela do MS Excel no Dreamweaver MX

Muitas vezes é preciso publicar em um site uma determinada tabela fixa (um orçamento feito no Excel, por exemplo) sem que precisemos redigitá-la. O que fazer ? Reescrever toda tabela? Não! Nesse tutorial será mostrado como exportar uma tabela do MS Excel e importar a mesma no Dreamweaver MX :) ...

A tabela usada no exemplo é esta.

Antes de tudo, veja como ficaria a tabela se usássemos o comando de copiar/colar diretamente na página HTML:

Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro
Ganho 0 0 1 8 0 4 13 27 38 40 57 60
Perda 6 2 9 8 0 2 2 8 1 4 6 20
Total -6 -2 -8 0 0 2 11 19 37 36 51 40

Realmente não é muito agradável de se ler e nem de se entender... Vamos fazer da maneira correta: abra a tabela no Excel, selecione o menu Arquivo -> Salvar como e em 'Salvar como tipo' escolha a opção 'Texto (separado por tabulações)'

Dê um nome para o arquivo e clicar em 'Salvar': se o arquivo que será exportado tem mais de uma pasta de trabalho (mesmo que só uma delas tenha sido utilizada), aparecerá um aviso semelhante a este:


Esse aviso é comum ao se criar um novo documento pois o Excel cria por default três pastas de trabalho mesmo que você utilize somente uma

Clicando no botão OK é possível que apareça outra aviso:


(clique na imagem para ampliá-la)

Isso ocorre porque o formato de arquivo de texto tem algumas limitações (para saber quais, clicar no botão 'Ajuda') que neste momento não são importantes. clique em 'Sim'. Pronto: as etapas do Excel já foram feitas. Agora é com o Dreamweaver ...

Crie um novo documento ou abra um já existente e selecione no menu Arquivo -> Importar -> Dados tabulares. Aparecerá a seguinte janela:

No primeiro campo deve-se localizar o arquivo '.txt' que foi salvo pelo Excel e no segundo campo deve-se escolher o delimitador 'Tabulação'. Na 'Largura da tabela' deve-se optar por 'Ajustar aos dados' ou definir o tamanho em pixels ou percentagem: a primeira opção é mais usada quando não há um layout na página HTML; assim sendo não é preciso obedecer nenhuma regra de tamanho para não quebrar o layout.

As outras opções já são conhecidas por quem trabalha com tabelas no Dreamweaver e talvez a única um pouco diferente seja 'Formatar a linha do alto': ela aplica uma formatação diferente para a linha do topo. Após escolher todas configurações, clique em OK. Mesmo depois disso tudo, é normal que algumas linhas/colunas sobrem mas basta selecioná-las e deletá-las.
Com a tabela já no Dreamweaver é possível usar os comandos como 'Formatar tabela' ou aplicar a formatação manualmente. Veja como ficou a tabela final (no Dreamweaver) depois de alguns segundos de "árduo trabalho" ;) ...

0 comentários: