Como fazer Skins para aplicaçoes web?

Front-end
#1 
              Olá galera, comecei a modelar um projeto open source que comecei a desenvolver e surgiu uma grande dúvida de arquitetura, como faço para que meu aplicativo permita uma fácil adição de skins??

               Eu já vi por exemplo em fóruns do tipo "invision" em q todos os html estão quardados no banco, mas nao sei se essa seria a melhor prática, o q vcs dizem?
#2

Você conhece o openlalzlo?

:arrow: http://www.openlaszlo.org/download

#3

Olá,

Normalmente o CSS da conta de tudo relacionado a estilo em html. Como já passei por isso, sugiro você utilizar CSS (por mais simples que pareça), pois se trata de um padrão bastante abrangente se for utilizado em seu verdadeiro potencial.

t+

#4

Se fosse só alterar o CSS tudo bem, mas eu gostaria que ficasse o mais abrangente possível, incluindo alterar tabelas, adicionar imagens e etc, e só com css puro é um pouco complicado fazer isso, qual foi a estratégia que vocês utilizaram?? Quanto ao Open Laslo… tô dando uma olhada, assim q eu tiver uma conclusão eu posto aki… alguem mais conhece algum framework relacionado ou teve este tipo de problema???

#5

Amigo,

Acredito que utilizando Tableless você consiga fazer tudo isso!
O Tableless é basicamente utilizar CSS com DIVs, usando o padrão W3C.
Assim, você consegue separar a camada de Design com a Programação.
Com o CSS você pode alterar quase tudo na tela.
Olhe o exemplo no site do Maujor, no mesmo site a troca de Layout somente alterando o CSS:
http://www.maujor.com/temas/index.php

Ainda a maioria dos geradores de conteúdo, como o Joomla, usam esse padrão para alterar o layout.

#6

Byron

Já tinha visto um pouco de Tableless, é bem to interressante. Essa parte de skin do site do maujor eu ainda não conhecia. Bom acho que vou usar esse padrão mesmo, há mais alguma coisa que possa facilitar a criação dos skins?

#7

Como o amigo anteriormente disse:
Tableless

Saka só o poder desse padrão, na melhor forma utilizada:
http://www.csszengarden.com

Na direita tem vários templates.
Todos usam o mesmo XHTML, só muda o CSS.
<Link pro template> by <Autor>

#8

Aproveitando…

Com CSS vc consegue criar qualquer SKIN pra teu site…
Vc disse que gostaria de colocar um conteúdo adcional ao teu site. Para mudar, acrescentar, vc pode usar por exemplo o método “innerHTML”:

var obj = document.getElementById("seuElemento"); obj.innerHTML = "&lt;h1&gt;Esta é a nova marcação HTML desta tag.&lt;/h1&gt;";

  • Como está no Curso de Ajax do Leandro Vieira - Imasters

Acredito que a melhor opção pra vc seja o CSS.
Lí pouco sobre openlalzlo, mas me parece que ele gera um .swf, não gosto muito de flash, deixa o teu site pesado e não acessível em vários dispositivos.
Dando uma boa olhada em Web Standards (W3C - http://www.w3.org/), vc verá que consegue fazer muita coisa com o css, sem utilizar nada de flash. “Ainda bem o novo mundo está chegando”.
Olha que legal desse site http://www.kumsaati.net/index.html, puro CSS. É beta ainda, mas dá uma olhada no layout. Puro CSS, caso ele seja visualizado num dispositivo sem suporte para imagens, será exibido seu conteúdo. Caso vc esteja usando o Firefox, retire o estilo e veja o que acontece. Leitura de texto puro.

Bem legal isso…
Outros sites que poderão te ajudar (caso não os conheça, já coloca eles nos Favoritos, hehe):
http://www.maujor.com/
http://tableless.com.br/
http://www.usabilidoido.com.br/
Esse último é muito legal. Tem bons cursos (mp3, vídeo aula), vc verá como boa parcela da população é excluída pelos desenvolvedores web.

Até mais !!!

#9