[Resolvido] Fatias X exportação para dreamweaver

[Mazzoco 0]

Olá pessoal,

 

To com uma dificuldade tremenda...

 

Eu fiz um layout de um site no Corel...

após isso eu exportei em png...

abri no fireworks e fatiei em cima dos botões que farei links.

 

do fireworks eu salvei em htm e abri no dreamweaver, porém quando eu vou inserir um outra imagem

no dreamweaver ou uma animação do flash, as fatias se movem todas, desarranjando todo layout.

 

o que estou fazendo de errado?

 

Outra coisa é que quando visualizou no navegador ele ta mostrando um fundo azul e no dreamweaver esta com fundo branco.

[leomarriel 7]

Essa é a desvantagem de se construir um site em tabelas, amigo tente observar o tamanho da imagem que você está inserindo, se é do mesmo tamanho que a tabela, pois se for um px a mais, atrapalha tudo, por causa dos gifs space transparentes que ao exportar em tabelas acontece.

Estude CSS, a melhor maneira de se criar um site nos dias de hoje.

 

Ja o fundo azul, você ja testou em um navegador diferente? Tente apertar "F4" dentro do dreamweaver, talveis ele está sim azul, más não da pra ver.

 

Grande abraço, fique com Deus.

[Rodrigo Resende 1]

É exatamente isso que o Leo disse. Tabelas é coisa do passado. Alem de deixarem o codigo fonte do site imenso elas tambem pesam muito o site.

Estude CSS.

 

Ai vai alguns links:

 

http://www.mxmasters.com.br/categoria/tableless-css/

http://www.tableless.com.br/

http://maujor.com/index.php

 

Boa sorte e bons estudos.

[Mazzoco 0]

Poxa Amigões...brigadão galera.

 

Cadastrei aqui ontem e a moçada já vem ajudando com força...valew de mais...

 

Vou estudar CSS Sim.... é muito difícil?

 

isso seria um módulo dentro do Dreamweaver?

 

Valew Gente...Brigadão!...

[leomarriel 7]

Poxa Amigões...brigadão galera.

 

Cadastrei aqui ontem e a moçada já vem ajudando com força...valew de mais...

 

Vou estudar CSS Sim.... é muito difícil?

 

isso seria um módulo dentro do Dreamweaver?

 

Valew Gente...Brigadão!...

 

 

Cara estamos aqui pra isso mesmo! ajudar!

 

 

Vou lhe adiantar algo sobre CSS,

 

Tabela, são um conjunto de células que são para ser inseridos dados tabulados, não sendo muito apropriado para a estruturação de um site dinâmico.

 

 

Más ae, é que está o problema, muitos webdesigners hoje em dia ainda utilizam tabelas para contruir estruturas para o layout. CSS é a revolução e soluções de muitos problemas, pois a estruturação fica separada do conteúdo, ou seja em um style type fora do html, em um arquivo .css , ou se você preferir, tbm da para colocar todos as indicações CSS dentro das tags "head" <style ... etc. Imagine você desenvolver um site para um supermercado que é composto por mais de 50 páginas de anuncio, e o cliente pede para depois de pronto você alterar a cor de fundo? ou o o tamanho da fonte dos anuncios!?! imaginou ter que ir em uma por uma mudando? Lógico que em tabelas tem uns que se dizem "inteligentes" e criam em mode de frame, onde a página é formada apenas por indicações de frames, onde mudado algo no frame correspondente, toda a página que tem aquele frame, será automaticamente modificada, ohhh que d+ neh? Não não é d+! O navegador, ou melhor todos os navegadores, ler todo o seu codigo HTML ou oque seja, de uma forma em que se ele encontrar uma indicação de um frame externo, ele irá pausar o carregamento de sua página e começar a carregar aquele frame! pois se trata de uma página não é?

 

Então eis que lhe apresento, o CSS! Para modificar a cor de fundo, paragrafo, tamanho de textos, cores, ou qualquer outra opção que você tenha indicado ou dado vida com o CSS, poderá ser modificado em mais de 1000 páginas de uma só vez, é lógico, se a folha de estilos (CSS) estiver separada uma única folha para modificações de fontes, cores, etc. E se está folha estiver externa! ou seja, separada do HTML!

 

 

Então é isso! espero ter ajudado! qualquer dúvida é só postar!

 

Galera se tiver algo errado ae, é só avisar que eu modifico, eu não sou o mestre do CSS.

 

Grande abraço, fiquem com Deus.

[leomarriel 7]

A, algo que esqueci, só para se ter uma idéia, tableless, é só um nome publicitário para o "CSS", ou seja, sites feitos com CSS. Tableless na verdade siguinifica Less=sem Table= tabela, entendeu? Sem tabela! óhhh

kkk grande abraço.!

[Lula Camargo 0]

Companheiro, já que seu layout está pronto, e com certeza voce não vai ter tempo de estudar CSS e aplicar nesse projeto, minha dica é que voce faça o seguinte:

 

Observe o código fonte que foi gerado.

Na fatia que tem uma imagem e voce quer substiruir por outra, dê uma olhada no código se está mais ou menos assim;

<td colspan=""><img src="imagemdolayout.jpg" width="132" height="34" alt="imagem do layout"></td>

 

Veja que o código acima, diz que há uma célula de tabela <td> com uma imagem dentro, e é justamente essa imagem que está definindo o tamanho da célula. Se voce substiruir a imagem, a celula se ajusta às novas medidas.

O que você tem que fazer é dar à célula, as mesmas medidas da imagem original do layout. Como no código abaixo:

 

<td colspan="" width="132" height="34"><img src="imagemdolayout.jpg" width="132" height="34" alt="imagem do layout"></td>

 

Dessa forma, se voce excluir ou substituir a imagem, a célula não distorce, pois vai manter as mesmas medidas da imagem original.

Obs: Se voce substituir a imagem original por outra de mesmo tamanho ou menor, não vai distorcer o layout. Mas se for uma imagem maior, aí não tem jeito.

Ah, a melhor forma é voce fazer isso em TODAS as células que tem imagem fatiada dentro, pra evitar problemas.

 

Espero ter ajudado!

 

Abraços!

[Rodrigo Resende 1]

Less=sem Table= tabela, entendeu? Sem tabela!

Muito boa sua esplicação mas....

Tableless na verdade significa:

Less = menos Table = tabela

Entao:

Menos tabela (tableless)

Usar tabela nao é proibido nao ... como muitos acham..... só nao é legal usar as tabelas para estruturar o layout. Elas devem ser usadas para tabular dados. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Boa sorte e bons estudos !

[leomarriel 7]

Less=sem Table= tabela, entendeu? Sem tabela!

Muito boa sua esplicação mas....

Tableless na verdade significa:

Less = menos Table = tabela

Entao:

Menos tabela (tableless)

Usar tabela nao é proibido nao ... como muitos acham..... só nao é legal usar as tabelas para estruturar o layout. Elas devem ser usadas para tabular dados. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Boa sorte e bons estudos !

 

 

Rsrsrs... é acho q eu estou errado, três anos de inglês não serviu pra nada... Acho que a sua tradução no google funcionou direitim.

 

Ta vou tirar você do erro,

 

O inglês não é português, não existi esse lançe de traduzir ao pé da letra! NUNCA! NEVER!

 

Estude inglês afundo, e você verá que, "Wireless" é " Sem fio " e sua tradução ao pé da letra " fio menos "

Então é por isso que eu digo, "Tableless" siguinifica " Sem tabela ", e para que eu disse siguinifica, ou seja o sentido da palavra, pois é uma palavra dada a verbo popular, less da sentido a ela! pois é uma palavra junta, "Tableless" e não "Table less" então não siguinifica que o "less" está dando o sentido de menos, ou seja, nessa ocasião ele está se referindo "Sem" pois ele é o complemento de um verb, iiiiiiiiiiiii. a explicação tá ae, más se você quiser continuar no mesmo erro, xD avontade!

 

 

 

Aula de inglês agora é? Pequenos detalhes, que muda tudo.! kkk

 

Grande abraço,,

 

 

Obs: Não que a sua tradução esteja errada, pois na verdade o google não erra, más é que Tableless é uma palavra só, afff não da pra explicar, acho que você vai entender a explicação 1º.. grande abraço!