Ferramenta para gerar layout HTML complexo

Question

Você conhece uma ferramenta que pode gerar a ordem div do seu layout com base no que você chama para ela? Algo como uma ferramenta de maquete que poderia gerar código HTML provavelmente usando um sistema de grade. Como desenhar um DIV no dreamweaver mas gera bons css não divs com posições fixas.

Para você ter uma ideia. Algo como isso é mais avançado e pode gerar layouts complexos.

link

Algo que tenha uma visualização ao vivo que ajudaria você a acelerar a conversão de layouts PSD em HTML e CSS.

Algo como o 960 Grid System 2.0 Dreamweaver Extension por DMXZone isto: link

    

Answer 1

É chamado de editor WYSIWYG (o que você vê é o que você obtém), e foi toda a raiva nos dias de Frontpage. Até o Dreamweaver poderia fazer isso.

O código que eles criaram era (é?) horrível comparado ao que você poderia criar se você mesmo escrevesse o código, e eu descobri que eles são mais propensos a baixa consistência na renderização, mas isso foi há 14 anos atrás, então eles re provavelmente melhor agora.

E desenhar DIVs versus bom CSS: é uma qualidade de código escrita à mão. Um WYSIWYG, pelo menos na minha experiência, não faz um posicionamento relativo muito bem, e tende a ser realmente bom apenas em layouts baseados em tabelas.

De qualquer forma, o KompoZer já existe há algum tempo e é gratuito, então vale a pena tentar. Eu não a encontrei até depois de me formar em código escrito à mão, e então eu só usei muito superficialmente: link

Uma pesquisa no google apresenta mais algumas possibilidades: link