Como usar uma imagem como fundo no adobe dreamweaver cs6

Criação de fundos para as páginas web em Adobe Dreamweaver CS6 é divertido e 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 imagem grande para preencher um fundo inteiro.

Como padrão, um fundo HTML repete a imagem selecionada até preencher a tela. Em conjunto com propriedades CSS, você pode controlar ou eliminar a repetição de comportamento e até mesmo definir um posicionamento preciso para uma imagem de fundo único.

Se você está enchendo um fundo com um padrão, certifique-se de criar uma imagem padrão que não tem arestas discerníveis.

Video: Dreamweaver cs6 - 016 - inserindo imagem de fundo (background)

Para usar a sua vantagem do padrão, ladrilhos repetido para uma imagem de fundo, siga estes passos:

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

  • 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.

  • Selecione um primeiro plano e cor de fundo para criar uma Blend, em seguida, usar a ferramenta Gradiente para Shift + arraste a partir do topo para o fundo da área de imagem para criar um preenchimento de gradiente.

  • Escolha Arquivo → Salvar para web, salve a imagem como um arquivo JPEG na pasta de conteúdo web do seu site, e em seguida, fechar a imagem.

    Video: Aula de Dreamweaver CS6 Imagem de Fundo Aula 8Prif Jonias



  • No Dreamweaver, escolha Modificar → Propriedades da 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 A página não é visível, clique na página - não se esqueça de selecionar outro elemento, tal como uma imagem.

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

  • Na caixa de diálogo Propriedades da página, clique no botão Procurar à direita da imagem de fundo. Na janela que aparece, navegue até o local de sua imagem de fundo salva, e clique em OK.

    Video: Dreamweaver CS6 Site Dinamico criacao pagina conteudo imagem de fundo Prof J C Feitosa Aula

  • Voltar na caixa de diálogo Propriedades da página, clique em OK.

    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.

    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.


    Publicações relacionadas