Como Inserir Uma Imagem Em Um Cabeçalho De Um Site

Índice:

Como Inserir Uma Imagem Em Um Cabeçalho De Um Site
Como Inserir Uma Imagem Em Um Cabeçalho De Um Site

Vídeo: Como Inserir Uma Imagem Em Um Cabeçalho De Um Site

Vídeo: Como Inserir Uma Imagem Em Um Cabeçalho De Um Site
Vídeo: Como Inserir Cabeçalho e Rodapé no Word (Com ou Sem Imagens) 2024, Maio
Anonim

Uma imagem corretamente selecionada caracteriza da melhor forma a direção do site, conferindo-lhe individualidade. Além disso, a maioria das pessoas são visuais por natureza, o que significa que a imagem gráfica será lembrada muito melhor por elas.

Como inserir uma imagem em um cabeçalho de um site
Como inserir uma imagem em um cabeçalho de um site

Instruções

Passo 1

Se você está apenas criando seu site com base em um modelo pronto, pode inserir uma imagem em seu cabeçalho usando uma substituição simples. Para isso, basta selecionar uma imagem adequada e salvá-la novamente com o nome de uma ilustração padrão. O principal aqui é ajustar as dimensões, caso contrário, sua imagem simplesmente não caberá nos parâmetros de recursos. Você pode fazer o mesmo com um site pronto, que possui um sistema de controle e já foi enviado para navegar pela Internet.

Passo 2

É melhor usar o Adobe Photoshop para editar a imagem. Lembre-se de que as versões do programa podem ser em inglês e para a comodidade do trabalho você precisará de um crack. Ele pode ser baixado gratuitamente na Internet.

etapa 3

Abra a imagem que deseja substituir em um editor gráfico e selecione "Imagem" - "Tamanho da imagem" no menu. Lembre-se, ou melhor, anote os valores em pixels. Você pode fechar a foto - você não precisará mais dela.

Passo 4

No menu "Arquivo", selecione "Novo", após o qual um formulário será aberto na sua frente. Digite os valores registrados do tamanho da imagem e clique em "OK". Você também pode definir outros parâmetros ao longo do caminho, por exemplo, o nome da camada ou o tipo de conteúdo de fundo, mas eles não são fundamentais.

Etapa 5

Crie uma nova camada ("Camada" - "Nova").

Etapa 6

Abra no programa a imagem que deseja ver no cabeçalho do site ("Arquivo" - "Abrir").

Etapa 7

Na barra de ferramentas, selecione o ícone "Área retangular", use-o para selecionar uma imagem.

Etapa 8

Use o comando "Copiar" do menu "Editar" e cole a imagem em uma nova camada da forma preparada ("Editar" - "Colar"). Selecione a ferramenta Mover e mova a imagem conforme necessário.

Etapa 9

Se o tamanho da imagem ficar maior ou menor, então pode ser corrigido usando os comandos do menu "Imagem". Em qualquer caso, os parâmetros da imagem principal raramente coincidem com os necessários, por isso quase sempre há um espaço vazio. Deve ser preenchido, e para isso o melhor é usar o "Background". Por exemplo, você pode preencher com uma única cor ou usar a ferramenta Gradiente e, em seguida, suavizar a transição usando esquivar / escurecer, dedo, esponjas e assim por diante.

Etapa 10

Existe uma tag especial para inserir imagens na linguagem html

com vários atributos:

• src - endereço da imagem;

• altura - altura em px;

• largura - largura em px;

• borda - borda em px;

• alt - uma explicação para a imagem, exibida para os usuários quando a função de recepção de imagens está desligada.

Por exemplo,. Nenhuma tag reversa necessária.

Recomendado: