Tabela no dreamweaver.

[Harison F. de Oliveira 0]

Como criar uma tabela no dreamweaver, passo a passo, que tenha bordas externas invisíveis ou de cor branca? Sendo que, as linhas internas da celula eu quero que sejam pontilhadas. É possível?

Muito obrigado.

[Enrico Pereira 299]

O primeiro ponto é desinstalar o Dreamweaver... você só conseguirá fazer caca com ele, principalmente usando modo design..

 

Para desenvolver para web, usa-se HTML, CSS e Javascript. Recomendo este curso gratuito sobre o básico de HTML e CSS: http://www.schoolofnet.com/cursos-online/xhtml-css-e-tableless/

 

Um editor de códigos simple que você pode gostar é o Sublime Text.

[Diéssica 140]

O primeiro ponto é desinstalar o Dreamweaver...

Atualmente, não utilizo o Dreamweaver, mas eu realmente não desmereço a facilidade dele. No início do meu aprendizado, como a maioria dos desenvolvedores web atuais, utilizei muito essa IDE.

Ao contrário do que deve parecer, não foi difícil largá-la e não vi nenhuma desvantagem em fazê-lo. Hoje, poderia fazer front-end tranquilamente em um bloco de notas — como todo desenvolvedor front-end que é viciado no que faz. Mas o dispenso, claro, em razão da existência de um editor leve e cheio de snippets interessantes que até me fazem produzir mais: o Sublime Text (citado aí em cima, afinal todo mundo gosta dele!).

 

Indo direto ao ponto: é muito fácil (e bem menos entediante) fazer e formatar tabelas com o Dreamweaver. Se o desenvolvedor quer utilizá-lo por se mostrar produtivo se observando por esse lado, que seja. Só tenha bom senso e noção do que está fazendo.

 

Em suma: eu não defendo o Dreamweaver, simplesmente não me posiciono em relação ao uso ou não por parte do desenvolvedor. Contudo, adianto: a melhor forma de aprender e se acostumar com a estrutura HTML/CSS não está no "Modo Design" do Dreamweaver.

 

No mais, meu editor livre + snippets me dá uma produtividade maior do que qualquer IDE que já testei nesses anos de desenvolvimento front-end.

(BTW, código gerado pelo Dreamweaver = :skull: )

 

Quanto ao seu problema, pode ser facilmente solucionado com formatações no CSS.

 

Supondo uma tabela. HTML:

<table>
    <tr>
        <th>Nome</th>
        <th>Idade</th>
        <th>Curso</th>
    </tr>
    <tr>
        <td>João</td>
        <td>20</td>
        <td>Astronomia</td>
    </tr>
    <tr>
        <td>Maria</td>
        <td>19</td>
        <td>Ciência da computação</td>
    </tr>
      <tr>
        <td>Fernando</td>
        <td>32</td>
        <td>Engenharia civil</td>
    </tr>
      <tr>
        <td>Pedro</td>
        <td>23</td>
        <td>Direito</td>
    </tr>
</table>

Formatando...

As linhas pontilhadas são denominadas dashed. CSS:

td {
border-top: 1px dashed #000;
}

Para zerar a borda padrão do elemento table ( já"extinta" nos browsers atuais):

table {
border: 0;
}

Veja o resultado

;)

 

--

Referências e outros link interessantes:

:seta: Sublime Text

:seta: Dicas para desenvolvimento front-end com Sublime Text 2

:seta: Top 5 Reasons Why NOT to Use a WYSIWYG Editor for Web Development

:seta: HTML Table Style Generator

:seta: Table Editor

:seta: Propriedade border

[Harison F. de Oliveira 0]

 

 

entendi, obrigado.

 

 

Mas eu queria também que a tabela tivesse as linhas internas verticais pontilhadas...

[cristianoolv 93]

table>caption{Titulo}+(thead>tr>th*4>{Titulo - $})+(tfoot>tr>th[colspan=4]>{footer})+(tbody>tr*14>td>{Algo $$})

+ tab e voilà...emmet no sublime é sublime...