Dicas para gerar layout HTML para uso no Lumis Portal

Nesse artigo damos algumas dicas para os designers e/ou profissionais de front-end criarem protótipos em HTML bem organizados e de qualidade.

Dica #1

Colocar todos os arquivos (.html) de layout na raiz, assim como nos exemplos abaixo:

Recomendado:

index.html

noticiaslista.html

noticiadetalhes.html

Não recomendado:

index.html

noticias/noticias.html

noticias/noticiadetalhes.html

Dica #2

Gerar HTML seguindo boas práticas, isto é, fechando as tags HTML, conforme o exemplo abaixo.

Recomendado:

<div><span>oi</span>teste</div>

Não recomendado:

<div><span>oi teste</div>

Dica #3

Validar que o HTML/javascript/css etc. está funcionando em todos browsers, no qual a solução será suportada, antes de importar no Lumis Portal. O Lumis Portal permite que você aplique qualquer layout HTML e, portanto, ele será fiel ao HTML original. Com isso, se o html original estiver quebrado, o resultado no Lumis Portal provavelmente estará quebrado também.

Dica #4

Para utilização de formulários no Lumis Portal, recomendamos que o layout HTML dos mesmos, já contenha os javascripts necessários para validação no lado cliente.

Dica #5

Tipicamente, a estrutura de arquivos estáticos(.js, css, png, jpg, etc) segue o seguinte formato de diretórios, porém não existe uma obrigatoriedade do Lumis Portal.

index.html

template.html

template2.html

xxxxxxxx.html

css/xxxxx.css

css/reset.css

css/xxxxx.css

js/jquery.js

js/xxxxxx.js

img/xxxxx.jpg

Dica #6

Não há restrição de uso para qualquer biblioteca javascript/estrutura de arquivos css, etc. Sempre use as melhores práticas de desenvolvimento de HTML do mercado, sem nenhuma preocupação. O Lumis Portal não injetará códigos HTML que possam interferir no comportamento do layout HMTL desenvolvido.