Usar opções de preenchimento do navegador e de preenchimento no Adobe Muse

No modo de exibição Plano, clique duas vezes na miniatura da página Mestre A para abri-la no modo de exibição Design.

A página A-Master será aberta em sua própria guia na parte superior da área de trabalho.

Observe o Indicador de seleção que está localizado no canto esquerdo superior do painel de Controle. Quando nenhum elemento de página for selecionado, o Indicador de seleção exibirá a palavra Página. Se você selecionar um objeto na página, como uma imagem, as palavras Quadro de imagem são exibidas no Indicador de seleção.

Use o Indicador de seleção para verificar o elemento selecionado que você deseja controlar. Se você selecionar qualquer outro elemento de página, é possível resselecionar a página clicando na área cinza fora da página.

Com a página selecionada, é possível usar os menus na barra de Controle para atualizar a cor de preenchimento e as configurações de traço.

No painel de Controle, clique em Preenchimento do navegador. Selecione a cor desejada no campo Cor. Você realizar uma das seguintes ações para escolher a cor do preenchimento de fundo:

• Escolha uma cor usando o Seletor de cores.
• Digite o valor RGB.
• Digite o código hexadecimal no campo Hex#.
• Clique e selecione uma cor nas amostras que já estão salvas.

Para aplicar uma cor de preenchimento sólida ou gradiente, no painel Preenchimento do navegador, selecione Sólida ou Gradiente. Use o botão de opção para escolher entre cores de preenchimento sólidas ou gradientes.

Para aplicar um gradiente, defina o Tipo de preenchimento como Gradiente. Selecione as amostras de cores para determinar os limites de cor.

Defina a orientação do gradiente ajustando a Direção para Horizontal ou Vertical.

No painel de Controle, clique em Preenchimento. Certifique-se de que a cor de preenchimento da página esteja definida como Nenhuma. O menu Preenchimento exibe uma amostra branca com a linha vermelha diagonal.

Abra a página Mestre para o seu arquivo .muse. 

É possível adicionar uma imagem de fundo a uma página específica. Contudo, se você deseja que a imagem de fundo apareça em todas as páginas do seu design, navegue até a página Mestre.

No painel de Controle, clique em Preenchimento do navegador. Certifique-se de que o Tipo de preenchimento esteja definido como Sólido.

Para selecionar uma imagem como preenchimento de fundo, clique no link Adicionar imagem. Navegue e selecione o arquivo de imagem desejado no seu computador local. Clique em Abrir para definir a imagem do fundo.

Defina o ajuste da imagem de fundo. Você pode selecionar uma das seguintes opções:

• Dimensionar para preencher: A imagem de fundo aumenta. A imagem muda seu tamanho e posição, de acordo com as configurações que você especificar.
• Ajustar às dimensões: A imagem se ajusta às dimensões.
• Tamanho original: A imagem é aplicada a um preenchimento de fundo no tamanho original.
• Lado a lado: A imagem é repetida ao longo do plano de fundo. A opção lado a lado permite que você coloque imagens menores que se repetem na janela do navegador, independentemente do tamanho do monitor do visitante.
• Lado a lado horizontalmente: Os blocos de imagem são repetidos na direção horizontal.
• Lado a lado verticalmente: Os blocos de imagem são repetidos na direção vertical.

Imagems de fundo lado a lado são usados frequentemente em designs da Web. Quando você publica um site, a imagem pequena original que você define como um preenchimento de fundo lado a lado só é carregada uma vez no navegador. As imagens lado a lado de fundo permitem que você preencha grandes áreas da página sem impactar a velocidade de download ou o desempenho do seu site.

Para definir a posição da imagem de fundo, selecione a posição desejada entre as nove posições de grade. Por exemplo, se você clicar no quadrado central, a imagem é exibida no centro da janela do navegador.

Clique em qualquer lugar fora do painel Preenchimento do navegador para fechá-lo.

Para visualizar a imagem de fundo, visualize o site no Adobe Muse ou em um navegador.

Abra a página em que você deseja definir a largura de 100% para um elemento de página. Selecione o elemento de página obrigatório. Por exemplo, selecione um retângulo que se estende pela largura da página e tenha cerca de 250 pixels de altura, perto da parte inferior da página.

Com o retângulo selecionado, defina a Largura do traço como 0. É possível identificar quando o retângulo estiver selecionado, pois o Indicador de seleção no canto superior esquerdo exibirá a palavra Retângulo.

No painel de Controle, clique em Preenchimento. Certifique-se de que o menu Preenchimento esteja definido como Nenhum. Você verá uma amostra branca com uma linha vermelha diagonal.

Clique no link Adicionar imagem no painel Preenchimento. Navegue até a imagem desejada, selecione a imagem e clique em Abrir.

Na lista suspensa Ajuste, selecione Lado a lado horizontalmente. Esta opção faz com que a imagem apareça da esquerda para a direita, ao longo do eixo X.

Arraste as alças de transformação do retângulo posicioná-lo na parte inferior da área visível. Ajuste a largura para intersectar com os lados esquerdo, inferior e direito da página.

Uma borda vermelha será exibida temporariamente para indicar que o retângulo está definido com o modo de largura 100%.

No painel de Controle, clique em Preenchimento do navegador para expandir o menu. Para selecionar uma imagem que você deseja adicionar como preenchimento de fundo, clique no link Adicionar Imagem.

No painel de Controle, clique em Preenchimento  para expandir o menu Preenchimento.

Defina a Opacidade como 80%. Essa configuração significa que está em grande parte ainda opaca, com uma transparência de 20%. Você pode continuar a editar a página e adicionar uma borda ou aplicar mais efeitos gráficos.