12 replies to this topic

[Thais Baio]

Fatiei o layout no Photoshop e salvei através do Salve for Web & Devices. No Dreamweaver fiz as tabelas correspondentes ao layout recortado. Porém estou com um problema.

Meu layout é simples. Na parte superior tenho o TOPO, na lateral esqueda o MENU, no meio a parte do CONTEÚDO, na lateral direita os ANÚNCIOS e na parte inferior o RODAPÉ.

O problema é: Eu fatio o layout, faço entao as tabelas (3 linhas e 3 colunas sendo que no TOPO e RODAPÉ as 3 colunas são unidas em uma só). Quando vou colocar o conteúdo na célula do meio (entre o MENU e os ANUNCIOS) dependendo do tamanho do conteúdo a parte MENU vai descendo conforme aumenta o tamanho do texto =/

Tentei colocar uma tabela dentro da outra na célula do CONTEÚDO e mesmo assim não adiantou. As laterais continuam a descer.

Como posso solucionar isso?

Desde já Obrigada

[AN Web Designer]

Olá Thais !!!

Não fatie...

Recorte as imagens e salve-as de forma independentes, depois crie a tabela no DW com as respectivas colunas e linhas.

Para resolver o problema mencionado, amarre as celulas ou seja;

Se a sua imagem tem o tamanho de 100*200 configure a célula com estas medidas, assim evitará que ela se deforme.


AN

[Kadu DG]

Só dando um complemento, se for pra fazer o processo de salvar elas uma-a-uma, construa seu site com css!

[Thais Baio]

Obrigado meninos,

Mas pq não fatiar? Não entendi o pq..=/

E como contruir com css?

Abraçooos e obrigada

[Bruno Augusto]

Obrigado meninos,

Mas pq não fatiar? Não entendi o pq..=/

E como contruir com css?

Abraçooos e obrigada

É. Também não entendi. O fatiamento não visa facilitar a construção do layout imagem em layout HTML?

Concordo que eu mesmo preciso de umas aulas de fatiamento pois o PS gera um CSS porco possível de se arrumar, mas o meu fatiamento ficou tão ruim que ficou impossível de se arrumar.

[Kadu DG]

acho que vocês não compreenderam..rsrs

o fatiar que vcs estão habituados é pegar a slice, recortar e exportar pelo ps, pra ele montar o html...o que o AN e eu dissemos é o seguinte, vc fez uma imagem pro topo? pega a crop ©, recorta ela e exporta pra web, coloca no seu html...e repita o processo com todas as imagens do seu layout...o PS faz um html mto "sujo"...bom é assim que eu faço ^^

[Gurisho]

acho que vocês não compreenderam..rsrs

o fatiar que vcs estão habituados é pegar a slice, recortar e exportar pelo ps, pra ele montar o html...o que o AN e eu dissemos é o seguinte, vc fez uma imagem pro topo? pega a crop ©, recorta ela e exporta pra web, coloca no seu html...e repita o processo com todas as imagens do seu layout...o PS faz um html mto "sujo"...bom é assim que eu faço ^^

Neste caso depois que conseguimos o html, como vamos montar no Dreamweaver, eu penso que deveria ficar dentro de uma tabela de 1 Coluna ou 1 linha, ou só pegamos os html e colamos no novo html basic do dreamweaver?

E depois vem outro problema, como vamos deixar a parte editavél?



Att
Gurisho

[Thais Baio]

Gurisho até onde eu sei depois que salva cada imagem tem q por cada uma em uma célula da tabela...e nas células em que vai ter conteúdo colocar a imagem como fundo (background)...mas nao sei se temos outros jeitos...temos pessoal?

[Kadu DG]

temos sim, meus caros amigos!
na verdade, tabelas não tem que serem usadas para montrem layouts!
só para dados vindos do banco de dados quando requisitados!

um site para vcs apredenderem, como eu e mtos do fórum aprendemos nele, http://www.maujor.com

[Gurisho]

Gurisho até onde eu sei depois que salva cada imagem tem q por cada uma em uma célula da tabela...e nas células em que vai ter conteúdo colocar a imagem como fundo (background)...mas nao sei se temos outros jeitos...temos pessoal?

Como eu faço para deixa-lo como Background pessoal?




Att
Gurisho

[AN Web Designer]

Hum...

(layout fatiado X layout em html X layout em tableless)

É importante entender e aprender cada uma dessas técnicas e tirar suas próprias conclusões.

O layout fatiado no fireworks ou photoshop e exportado com html pronto para o dreamweaver ele funciona e é possivel fazer um site com regiões editáveis,
templates e tudo mais. NO ENTANTO tornou-se obsoleto e devido as constantes atualizações da internet deixou de ser utilizado.

Layout em tabelas funciona?
É claro !!!!

No entanto tem suas limitações e também está sendo deixado de lado por muitos profissionais...

E o em tableless ?
Por que muitos estão falando tanto?

O que está acontecendo com a internet ?

DICA: onde os celulares se encaixam nesta estória?


Bom é por aí... devemos procurar nos aprofundar e estar preparados a vender, trabalhar na necessidade de nossos clientes.


AN

[alebae]

Gurisho até onde eu sei depois que salva cada imagem tem q por cada uma em uma célula da tabela...e nas células em que vai ter conteúdo colocar a imagem como fundo (background)...mas nao sei se temos outros jeitos...temos pessoal?

Como eu faço para deixa-lo como Background pessoal?

Att
Gurisho

Bom, se você está falando sobre fundo de uma tabela coloque o cursor e clique uma vez dentro de sua tabela, depois, repare no painel de propriedades(CTRL + F3, caso não apareça) o campo bg, com uma pastinha do lado, lá, na pastinha, clique, e escolha a imagem que deseja.

Sobre o layout em tabelas, aconselho aos que estão iniciando agora, se tiverem alguma familiaridade com HTML e CSS, partirem para o layout feito de forma mais acessível com os novos padrões. Caso contrário, vão praticando em tabelas mesmo...

[Miguceamma]

Wirkung Viagra Einnahme cialis price Propecia Colchones
Viagra Order On Line
Generic Viagra Sample Pack <a href=http://cialtobuy.com>generic cialis</a> Viagra Con Otro Nombre
Cannabis Et Baclofen cialis Levitra Affitto On Line
Cephalexin Capsule Tev Amoxil Kill Strep Acheter Cialis 5mg
Vipro Lifescience Tadalafil <a href=http://cialtobuy.com>cialis</a> Levitra 20 Mg Precio Espana
Discount Pharmacy Pill online pharmacy Baclofene Toulouse
Priligy Kaufen Deutschland
Comprar Viagra Espana Farmacia Online <a href=http://cialtobuy.com>buy cialis</a> Mrsa Zithromax
Quality Online Generics cialis Precio Viagra Autentica
Brand Viagra Usual Dosage Of Amoxicillin Cialis Packungsbeilage
Laxa Tea <a href=http://cialtobuy.com>cialis</a> Pros And Cons Of Counterfeit Cialis
Modalita Uso Cialis cialis buy online Viagra Discount Web Sites
Cialis 5mg. 28 Comprimidos Precio Cialis 20 Mg Durata
Cephalexin Floxin <a href=http://cialtobuy.com>cialis</a> Priligy Cialis Se Pueden Combinar