Sites Expressos - Tutorial

Este é um pequeno tutorial que mostra como funcionam os Sites Expressos.

Você pode montar seu site expresso de dois jeitos:

Usando um modelo pré-definido
Customizando a aparência do seu site

Sites expressos pré-definidos

Quando você clicar nos layouts pré-definidos, uma caixa de seleção aparecerá na parte superior da tela, mostrando as categorias de layouts existentes.
Selecione a categoria desejada e os layout desta categoria serão exibidos.
Quando os layouts forem exibidos, você poderá navegar utilizando as setas da esquerda e da direita para ver mais modelos. Clique no modelo desejado e ele será mostrado em miniatura na parte inferior.
Para ver o site em tamanho maior, clique no botão ao centro da barra de navegação que se encontra na parte inferior do site.
Clique no botão de finalizar (na parte direita da barra de navegação) e uma tela com esclarecimentos será exibida. Leia-a com cuidado. A qualquer momento, você pode entrar em contato conosco usando o link no canto inferior esquerdo. Para continuar, clique na seta à direita.
A seguir serão exibidas informações que dizem respeito ao domínio e à hospedagem do seu site. Leia as informações e, caso seja necessário, clique em ajuda, no canto superior direito do site

No botão de ajuda você encontrará uma explicação mais detalhada sobre os pontos mais importantes (destacados em azul) que estão exibidos na tela.
Novamente, para continuar, clique no botão avançar, à direita da barra de navegação.
Nesta etapa você deverá fornecer um nome de domínio indireto para que seu site seja inicialmente hospedado conosco. Se você quiser, pode também adquirir um domínio direto para o seu site. É só digitar o nome que deseja colocar e o sistema automaticamente verificará a disponibilidade do domínio. Para avançar para a última etapa, clique na seta à direita.
Chegamos à última etapa. Aqui, você deverá preencher seus dados para que possamos entrar em contato e finalizar o seu pedido, colocando seus textos e suas imagens no layout que você escolheu.

Sites expressos customizados

Os sites expressos customizados são ideais para quem deseja criar uma página pessoal, mais adequada às suas necessidades, com suas próprias imagens e idéias.

Na primeira etapa de criação do seu site customizado, você deve escolher um layout (os retângulos em tons de azul que mostram as áreas que podem ser customizadas) dentre os espostos abaixo. Para continuar clique na seta à direita, e, a qualquer momento que precisar de ajuda, clique no ícone no canto superior direito do site.

Quando selecionado o layout, um exemplo de site (exibindo as suas áreas já customizadas) é mostrado na parte inferior e uma borda mais escura aparece no ícone do modelo escolhido.
Depois de feita a escolha, você será perguntado se deseja ou não ficar com o modelo pronto sugerido. Se você escolher "Não, desejo fazer minha própria página" você será encaminhado para as etapas de customização do seu site expresso. Caso você escolha "Sim, gostei desta sugestão", será encaminhado para as etapas finais (item 6), onde você preencherá um formulário para entrarmos em contato com você e finalizarmos o seu site.
Caso você tenha escolhido "Não, desejo fazer minha própria página", você iniciará o customizador dos Sites Expressos. No primeiro passo da customização, você configurará o fundo e a borda do seu site. Você pode escolher a cor de fundo, o padrão, a cor do padrão, a borda, a cor da borda e os cantos da borda (lembre-se que se você quiser manter as cores iguais em várias áreas diferentes, copie o código ao lado da caixa de cor desejada e cole no campo da área que terá a mesma cor).

Padrões

Escolha de cor

Após escolher as opções, clique na seta à direita para continuar. Neste passo serão alterados apenas a parte externa ao seu site. As áreas internas que mostram as divisões do layout serão customizadas no próximo passo.
Nesta etapa você tem a opção de configurar cada uma das áreas do seu site: cor de fundo da área, cor da fonte, tipo de fonte, posição. Se a área aceitar o uso de imagens, é possível usar uma imagem do nosso acervo ou fazer o upload de uma imagem sua, além de poder escolher se a área terá algum padrão e qual a cor deste padrão.

Todas as áreas do layout podem ser selecionadas na caixa de seleção que está na barra superior do site.
Neste caso selecionamos a lateral 1 do layout escolhido para este tutorial. Outros layouts podem ter áreas diferentes a este, e em maior quantidade.

Aqui alteramos a cor de fundo, a cor da fonte e a posição do texto.
Esta área aceita o uso de imagens. Neste primeiro caso, colocaremos apenas um padrão de fundo e selecionaremos a sua cor.

Caso queira colocar uma imagem do nosso acervo, clique no ícone ao lado do texto imagem e selecione a figura que preferir.
Neste caso, colocamos uma imagem de fundo, trocamos o padrão e sua cor.

Além das imagens de nosso acervo, você pode utilizar uma imagem própria. Para isto, clique em usar uma imagem minha e selecione uma imagem do seu computador (as imagens inseridas no site são de responsabilidade do usuário, portanto não nos responsabilizamos por imagens com direitos autorais de terceiros ou de cunho racista, sexista, pornográfico, etc.).

Após selecionar a imagem, esta será carregada.

Após o carregamento da imagem, você poderá selecionar a área que será cortada para ser utilizada como fundo da área do layout que está customizando. Após selecionar a área da figura, clique em cortar.

Após cortar a imagem, esta será exibida em tamanho real. Clique em fechar para voltar à tela de trabalho.

Voltando à tela com o mini preview, será mostrado como ficou o layout com a imagem já inserida na respectiva área.
Escolhendo a área conteúdo no menu de seleção de áreas a customizar, alteramos sua cor de fundo, cor de fonte, tipo de fonte e posição do texto. Note que esta área não permite que sejam usadas imagens de fundo.
A qualquer momento que você quiser visualizar o seu site, basta clicar no ícone do centro da barra de navegação e o seu site será visualizado em tamanho real. Esta visualização não possui texto por motivos visuais, apenas mostrando as áreas e suas configurações de cores e imagens. Esta imagem é meramente ilustrativa, dando uma idéia do que será a versão final. A qualquer momento você poderá voltar à área de customização para manipular as áreas novamente.
Para finalizar seu site expresso customizado, clique no botão de finalizar (na parte direita da barra de navegação) e uma tela com esclarecimentos será exibida. Leia-a com cuidado. A qualquer momento, você pode entrar em contato conosco usando o link no canto inferior esquerdo. Para continuar, clique na seta à direita.
A seguir serão exibidas informações que dizem respeito ao domínio e à hospedagem do seu site. Leia as informações e, caso seja necessário, clique em ajuda, no canto superior direito do site

No botão de ajuda você encontrará uma explicação mais detalhada sobre os pontos mais importantes (destacados em azul) que estão exibidos na tela.
Novamente, para continuar, clique no botão avançar, à direita da barra de navegação.
Nesta etapa você deverá fornecer um nome de domínio indireto para que seu site seja inicialmente hospedado conosco. Se você quiser, pode também adquirir um domínio direto para o seu site. É só digitar o nome que deseja colocar e o sistema automaticamente verificará a disponibilidade do domínio. Para avançar para a última etapa, clique na seta à direita.
Chegamos à última etapa. Aqui, você deverá preencher seus dados para que possamos entrar em contato e finalizar o seu pedido, colocando seus textos e suas imagens no layout que você escolheu.