Recorte de layouts

[mats 0]

Olá a todos! :D

 

Pessoal, ainda sou meio que iniciante na área, e tenho uma série de dúvidas. Gostaria, se possível, que alguém me explicasse o que seria o tão falado "recorte do layout", ou "recorte html". Fiz alguns sites, e não trabalhei desta forma, mas muito ouço falar na mesma.

 

O que significa, basicamente? Que todo o "desenho" do site, englobando imagens, barras, topos, botões, etc faz parte de uma única imagem, e esta, posteriormente, é recortada em pequenos "pedaços", a fim de ser inserida em uma página html?

 

Tentei fazer algumas experiências neste sentido com o Photoshop, usei a ferramenta Slice, depois salvei a imagem "para web", e vi que realmente foram criadas imagens para cada pedaço, ref. a cada slice, inclusive houve a criação automática da pasta "images", contendo todos estes "pedaços" de imagens.

 

Agora, trabalha-se desta forma, realmente, e deixa-se os próprios softwares gráficos, como Photoshop ou Fireworks, gerarem o html? Ou, aproveita-se somente as imagens recortadas, e se insere os "pedaços" no html, em tabelas, via Dreamweaver ou outro editor? Em qualquer uma destas opções, estou meio perdido. http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

Será que alguém poderia me esclarecer estas dúvidas? Agradeço muito desde já. :)

[Douglas 6]

Não é recomendável usar, essa "exportação" com HTML gerado por esses softwares gráficos, porque o HTML fica sujo, e eles utilizam tabelas.O recomendável, é você recortar (slice), e exportar todas as imagens, e você ir montando o HTML.

[mats 0]

Olá!Mas me diz uma coisa, então: geralmente, o layout é uma única imagem, que é recortada? Isto inclui os botões?Agora, quanto às tabelas, geralmente não se utiliza, então? Como é feito, utilizando camadas, por exemplo?Olha, valeu mesmo pela ajuda. :D

[Caliope 0]

Exato, geralmente o Layout eh uma unica imagem.Vou descrever como faço um Layout:1º - Faço todo o desenho do Layout no Photoshop2º - Faço o slicecuidadosamente e de preferencia levando se em conta todo o conteudo escrito que vai ter no site, para que depois o Layout não "estoure" por causa do conteúdo.3º - Exporto e deixo o Photoshop criar o HTML + a pasta Images.4º- Uso o Dreamweaver para editar o HTML exportado do Photoshop, assim elimino a "sujeira" do cógido.PS: Recomendo você que está começando a dar uma estudada em Tableless tambem, que seria a tecnica de fazer um site sem usar tabelas, pois esse seria o jeito "correto".Mas a maioria 90% dos sites hoje usam tabelas em seus layouts, mas isso irá mudar em breve, por isso esteja preparado para essa mudança.PS: o site do TERRA hoje já é 100% Tableless...., já o UOL, IG entre outros ainda usam tabelas.Se falei algo errado aqui por favor me corrijam pois ainda sou iniciante tmb... abraços,

[mats 0]

Opa, valeu! Agora, nessa "imagem única" que é o layout, deixa-se o espaço para texto, que será inserido através de um editor, correto?E os botões, fazem parte dessa "imagem única", e no editor é que vai-se inserir os links nos mesmos, através de um mapa de imagem, ou não?

[luiz2reis 0]

Só uma observação, pra você que esta iniciando, na area de web.

 

Aconselho a dar uma estuda em HTML, pra você ver como funciona cada um dos codigos..

 

Até aconselho um livro mto bom.

 

"Criando sites em HTML e CSS"

 

mto bom esse livro.

 

Abs.

[Progress 2]

Que ressucitada de tópico em luiz2reis, veja a data do tópico: Postado 28/03/2006 - 21:24.

 

[]'s

[luiz2reis 0]

Que ressucitada de tópico em luiz2reis, veja a data do tópico: Postado 28/03/2006 - 21:24.

 

[]'s

Veja bem,

 

é bom ressucitar algumas veses, certo???...

 

rsrs...

 

abs,

[Mário Monteiro 179]

tem casos que sim mas este certamente nao é um deles pois o topico é de 2006 e o membri certamente ja sabe ou ja desistiu de tentar saber e seguer logou no forum depois de 29/06/2007

 

Se deseja realmente ajudar o forúm responda em topicos recentes onde os usuarios ainda precisam da resposta

[luiz2reis 0]

beleza, sou iniciante no fórum...

 

nem olhei na data.. heheh...

 

abs,