Navegando Modelos HTML

Modelos HTML de vela bem estruturados

Um modelo HTML de vela é um front-end completo fornecido como um conjunto de ficheiros. As páginas já vêm estruturadas, os iates de demonstração estão presentes nas listagens e os formulários vêm prontos para serem associados ao sistema que utilizar para o processamento de envios. A maior parte dos pacotes nesta categoria orienta-se para fretamento e aluguer, tendo a listagem da frota no centro e os destinos, serviços e dados de contacto logo a seguir.

O que realmente vem na pasta

Antes de qualquer outra coisa, analise o que o pacote genuinamente contém:

1. O número de páginas distintas, já que uma listagem da frota e a página de um único iate são tarefas separadas;
2. As seções em que irá apoiar-se, entre elas uma galeria, um formulário de contacto e uma linha de cartões;
3. Os scripts responsáveis pelos elementos interativos, como um slider ou um filtro na listagem.

Um pacote construído em torno de apenas um tipo de embarcação torna-se inadequado assim que a sua frota reúne um catamarã, um ketch clássico e um semirrígido para passeios diários.

Encaixar iates reais nos espaços de demonstração

A primeira edição aprofundada mostra quase tudo o que precisa de saber:

1. Carregue as suas próprias fotografias, que raramente terão as proporções em que a demonstração foi concebida;
2. Preencha o cartão de um iate com valores reais de comprimento, lotação de camas e ano de construção;
3. Substitua o texto dos destinos quando um itinerário genuíno for mais longo do que o espaço reservado.

As galerias merecem uma análise atenta nesta fase, pois um fretamento vende-se frequentemente através de vinte fotografias de um único barco, e uma grelha que lide bem com imagens verticais e horizontais em conjunto vale mais do que outra página no conjunto.

Os detalhes técnicos da embarcação são o ponto crítico. Um cartão desenhado para três linhas curtas parece desconfigurado assim que uma listagem exige calado, horas de motor e uma nota sobre o skipper. Experimente a sua entrada mais longa antes de começar o restante trabalho, tendo por base esse layout.

Imagens amplas em ecrãs estreitos

Páginas náuticas dependem de fotografia panorâmica, e a fotografia panorâmica é a primeira a sofrer quando tudo passa a ocupar uma única coluna. Repare no que acontece ao cartão de um iate quando a imagem e os números deixam de estar lado a lado, e se o botão de pedido de informação permanece perto do barco correspondente.

Os Modos Responsivos do Nicepage cobrem todas as larguras, desde monitores de computador de grande formato até telemóveis na vertical. Aplique-os primeiro na listagem da frota, porque essa página apresenta mais imagens por ecrã do que qualquer outra no conjunto.

Avalie os pacotes por critérios práticos: a quantidade de páginas distintas, a forma como as seções lidam com as suas próprias fotografias e números, e o comportamento da página mais carregada na largura de um telemóvel. Tudo o resto é uma questão de gosto, e o gosto avalia-se na pré-visualização.