Configuração do Fundo do Site
O fundo do site é a base sobre a qual assenta todo o conteúdo. Pode ser uma cor simples, uma imagem, ou uma mistura de cores e imagens sobrepostas. Vamos em primeiro lugar identificar os campos que normalmente permitem configurar o fundo:
Campos de configuração do Fundo
Alinhamento Vertical
Neste campo define se o fundo está encostado ao topo do site (Topo), se aparece a meio do ecrã (Meio) ou se aparece encostado ao fundo (Fundo).
|
Alinhamento Horizontal
Neste campo define se o fundo está encostado ao lado esquerdo do site (Esquerda), se aparece centrado a meio do ecrã (Centro) ou se aparece encostado ao lado direito fundo (Direita).
|
Repetição do Fundo
A imagem de fundo pode repetir-se ao longo do ecrã. Neste campo de selecção escolhe se quer que ela repita apenas na horizontal (Repete na Horizontal), se quer que repira apenas na vertical (Repete na Vertical) se quer que repita na horizontal e na vertical, ocupando todo o fundo do site (Repete na Horizontal e na Vertical) ou se não quer que repita, e neste caso a imagem aparece uma única vez.
|
Dinâmica do Fundo
A imagem de fundo pode ser fixa ou dinâmica, ou seja, quando desliza o site para cima ou para baixo com a barra de Scroll a imagem de fundo pode-se deslocar com o scroll ou pode ser fixa deslizando apenas o conteúdo da página por cima de um fundo fixo.
|
Cor de Fundo
Em alternatica á imagem, ou em conjunto com a imagem, pode definir a cor de fundo do site. Se colocar também uma imagem de fundo esta irá aparecer por cima da cor de fundo. Pode assim criar vários efeitos visuais onde, por exemplo, a cor de fundo se combina com a imagem de fundo completando a totalidade do fundo do site.
|
|
Que fundos existem no Plano e-Commerce
Este plano possui cinco fundos que se podem combinar em três camadas, ou seja sobrepondo-se os fundos uns aos outros obtem-se o fundo final combinado sobre o qual irá assentar o conteúdo da página. Todos estes fundos são opcionais, o uso desta funcionalidade depende apenas da escolha do utilizador encarregue do design do site. Na realidade, pode nem sequer definir qualquer imagem de fundo.
Existem duas camadas que podem ocupar toda a janela da pagina e três camadas de apoio que preenchem apenas uma parte da janela. Em baixo vamos identificar cada uma destas camadas e a sua localização na página.
Fundo Principal - Nível 0
Esta é a camada base, a que fica no fundo das restantes e que ocupa toda a janela da página. É sobre esta camada que as restantes camadas vão assentar. O Fundo Principal pode ser uma cor, uma textura ou uma fotografia e pode ser configurado usando os campos enunciados em cima. No exemplo ao lado este fundo é representado pelo quadrado em tons de azul.
Fundo Secundário - Nível 1
É o fundo que vai assentar sobre o fundo principal. Tal como o anterior também este ocupa toda a janela e pode ser configurado com os campos enunciados em cima. No exemplo ao lado este fundo é representado por uma montanha e algumas nuvens. Quando os dois fundos se combinam o resultado é o que aparece no terceiro quadrado.
Este exemplo permite compreender melhor o conceito de camadas. No Optimanager a configuração destes dois fundos aparece logo no topo do formulário da opção Design.
Fundos de Apoio
Existe uma terceira camada da qual fazem parte três fundos que assentam sobre as duas primeiras camadas de que falamos atrás e que passamos a identificar:
Fundo de Topo Atrás do Logótipo
Fundo que pode ser definido no cabeçalho do site por trás do logótipo. Este fundo aparece entre o menu principal ou de produtos e o limite superior da página. Tem 985 x 115 pixeis podendo ser configurado o seu alinhamento vertical, horizontal e a repetição.
Fundo Atrás do Menu Principal
Fundo que pode ser definido atrás do menu principal, este fundo não pode ser configurado pelo que a imagem deverá ocupar o mesmo espaço que o menu. O comprimento é de 971 pixeis e a altura de 45 pixeis.
Fundo de Rodapé
Fundo localizado na zona inferior do site atrás do menu de rodapé. Este fundo ocupa toda a largura da página ao contrário dos dois fundos de apoio anteriores e estende-se até ao limite inferior do site. Neste fundo é possível ainda configurar alguns efeitos visuais extra como cores e transparências ocupando apenas a largura do site com 985 pixeis. Pode por exemplo aplicar uma imagem de rodapé a ocupar toda a largura da página e criar um efeito de transparência sobre essa imagem apenas na parte central.