Adobe CS5 Dreamweaver Imagens de Fundo

Criação de fundos para páginas da web em Adobe Creative Suite 5 (Adobe CS5) Dreamweaver pode ser perseguido em mais maneiras do que a maioria das pessoas imagina. Você pode criar um teste padrão de repetição com uma única imagem pequena, criar uma marca d'água, ou usar uma grande imagem para preencher um fundo inteiro.

  1. No Photoshop, escolha Arquivo-Novo para criar uma nova imagem.

  2. Na caixa de diálogo Novo que aparece, criar uma imagem que é muito mais ampla do que é alta, escolha RGB, escolha 72 dpi, e clique em OK.

    Por exemplo, digite 1000 no campo de texto de largura e 20 no campo de texto Altura.

  3. Selecione um plano e cor de fundo para criar uma mistura.


    Use a ferramenta Gradiente para Shift + arraste a partir do topo para o fundo da área de imagem para criar um preenchimento de gradiente.

  4. Escolha Arquivo-Salvar para a web.

    Salve a imagem como um arquivo JPEG na pasta de conteúdo web do seu site, em seguida, fechar a imagem.

  5. Abra a página do Dreamweaver.

    No Dreamweaver, escolha Propriedades Modificar-página ou clique no botão Propriedades da Página no Inspetor de propriedades para colocar a imagem como imagem de fundo na sua página web.

    Se o botão Propriedades da página não estiver visível, clique na página - não se esqueça de selecionar outro elemento, tal como uma imagem.

  6. A caixa de diálogo Propriedades da página aparece.

    Clique no botão Procurar à direita da imagem de fundo, navegue até a localização de sua imagem de fundo salva, e clique em Escolher / OK-clique em OK na caixa de diálogo Propriedades da página.

    A imagem aparece no fundo, repetição e criando um gradiente de fundo legal em toda a página!

Dependendo do tamanho e resolução de um monitor do usuário, sua imagem de fundo pode ser forçado a repetir. Repetindo uma imagem de fundo pode produzir alguns resultados criativos.

Uma imagem definido como um fundo repete horizontal e verticalmente por padrão.
Uma imagem definido como um fundo repete horizontal e verticalmente por padrão.

Em certos casos, você pode não ver o seu fundo até que você clique no Preview / Debug no botão do navegador e visualizar a página em seu navegador padrão.

» » » » Adobe CS5 Dreamweaver Imagens de Fundo