Vídeo: Tutorial Dreamweaver - aula 4 - inserindo imagem no nosso documento html 2024
Criando fundos para páginas da Web no Adobe Dreamweaver CS6 é divertido e pode ser buscado de várias maneiras que a maioria das pessoas imaginaria. Você pode criar um 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 as propriedades CSS, você pode controlar ou eliminar o comportamento repetitivo e até mesmo definir o posicionamento preciso para uma única imagem de fundo.
Se você estiver preenchendo um plano de fundo com um padrão, certifique-se de criar uma imagem padrão que não possui bordas discerníveis.
Para usar em sua vantagem o mosaico padrão, repetido para uma imagem de plano de fundo, siga estas etapas:
-
No Photoshop, escolha Arquivo → Novo para criar uma nova imagem.
-
Na caixa de diálogo Nova que aparece, crie uma imagem muito mais larga do que alta, escolha RGB, escolha 72 dpi e clique em OK.
Por exemplo, insira 1000 no campo de texto Largura e 20 no campo de texto Altura.
-
Selecione uma cor de primeiro plano e de fundo para criar uma mistura; em seguida, use a ferramenta Gradiente para Shift + arraste da parte superior para a parte inferior da área da imagem para criar um preenchimento de gradiente.
-
Escolha Arquivo → Salvar para web, salve a imagem como um arquivo JPEG na pasta de conteúdo da web do seu site e, em seguida, feche a imagem.
-
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 em sua página da Web.
Se o botão Propriedades da página não estiver visível, clique na página - certifique-se de não selecionar outro elemento, como uma imagem.
A caixa de diálogo Propriedades da página é exibida.
-
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é a localização da imagem de fundo salva e clique em OK.
-
Voltar na caixa de diálogo Propriedades da página, clique em OK.
A imagem aparece em segundo plano, repetindo e criando um gradiente de fundo legal na página!
Dependendo do tamanho e da resolução do monitor de um usuário, a imagem de fundo pode ser forçada a repetir. Repetir uma imagem de plano de fundo pode render alguns resultados criativos.
Em certos casos, você pode não ver seus antecedentes até você clicar no botão Visualizar / Depurar no navegador e visualizar a página em seu navegador padrão.
