Como importar conteúdo tabular no Adobe Dreamweaver CS6 - dummies

Adicionar conteúdo a uma tabela no Adobe Dreamweaver CS6 é fácil: você pode digitar ou inserir conteúdo dentro de células da tabela exatamente como faria na própria página. (Você pode até incluir outras tabelas!) Você também pode cortar, copiar e colar conteúdo de documentos e outras páginas da Web diretamente em células de tabela.

Se você já possui dados de estilo de planilha em formato de texto, não é necessário que ele seja redigitado em uma tabela do Dreamweaver. O Dreamweaver tem uma característica incrivelmente útil que você pode usar para trazer dados tabulares como uma tabela formatada: Importar dados tabulares.

CSV (valores separados por vírgulas) e arquivos delimitados por tabulação são arquivos de texto simples que podem ser gerados a partir de vários programas populares, como o Microsoft Excel. Você pode usar esses arquivos para salvar os dados da planilha de forma que ele seja trocado com outros aplicativos, como o Dreamweaver.

Nos arquivos CSV, as colunas são anotadas por vírgulas entre valores e cada retorno de linha indica uma nova linha. Nos arquivos delimitados por tabulações, uma guia entre valores indica uma nova coluna e um retorno de linha força uma nova linha.

Para importar dados tabulares, siga estas etapas:

1. Usando o Microsoft Excel ou um programa similar, crie uma planilha de dados e salve-a como. csv (valores separados por vírgula).

   Você pode salvar isso sempre que quiser, contanto que você possa localizá-lo facilmente.

2. Retorne ao Dreamweaver e abra uma página onde você gostaria de adicionar uma tabela.

3. Coloque o cursor na página em que deseja que a tabela seja criada.

4. Escolha Arquivo → Importar → Dados tabulares.

   Aparece a caixa de diálogo Importar dados tabulares.

5. Use o botão Procurar para navegar para a localização de um arquivo CSV (.csv) ou um arquivo de texto simples delimitado por tabulações (.txt).

6. Verifique ou selecione o delimitador que seu arquivo usa.

   Normalmente, o delimitador (onde uma nova coluna será criada) é uma vírgula ou guia; no entanto, você também pode instruir o Dreamweaver para criar uma nova coluna de outros delimitadores, como Comma, Semicolon, Colon ou outras opções, usando a lista suspensa Delimitada.

7. Determine a largura da tabela.

   Você pode optar por ter a tabela automaticamente dimensionada para caber os dados, deixando o botão de opção Fit to Data selecionado, ou você pode inserir um número na caixa de texto Definir para definir uma porcentagem ou valor de pixel.

8. Digite os números nas caixas de texto Padding, Spacing e Border e especifique a formatação da linha superior na lista suspensa Format Up Row na parte inferior da caixa de diálogo.

9. Quando terminar estas configurações, clique em OK.

   Sua tabela é criada!

Você pode exportar dados de tabela do Dreamweaver com a mesma facilidade possível para importá-lo, selecionando uma tabela e escolhendo Arquivo → Exportar → Tabela.Quando a caixa de diálogo Exportar Tabela aparecer, escolha um elemento para ser o delimitador e escolha o tipo de quebra de linha. Clique em Exportar, determine onde deseja salvar o arquivo e clique em Salvar.

Se você selecionar cada célula em uma linha, você também terá a oportunidade de alterar o alinhamento de uma linha inteira. No inspetor de propriedades, você encontra uma lista suspensa de alinhamento horizontal que altera o alinhamento de uma linha inteira ou célula selecionada. Escolha a partir de Esquerda (padrão), Centro ou Direito. Observe que todas as alterações feitas no alinhamento de células individuais substituem o alinhamento da linha.

Você também pode alterar o alinhamento vertical no inspetor de propriedades quando você tiver uma linha selecionada. Clique na lista suspensa Vert e selecione Padrão, Superior, Médio, Inferior ou Linha de base.

Para selecionar uma linha inteira ao mesmo tempo, posicione o cursor no lado esquerdo da linha que deseja selecionar. Quando a seta preta aparecer, basta clicar. Você também pode usar esse método para selecionar uma coluna inteira posicionando o cursor em cima da coluna que deseja selecionar até aparecer a seta preta.