Como Inserir Uma Imagem Em Um Cabeçalho

Como Inserir Uma Imagem Em Um Cabeçalho
Como Inserir Uma Imagem Em Um Cabeçalho
Anonim

Muitas vezes, com funcionalidade semelhante, uma imagem no cabeçalho de um site ou blog dá a individualidade necessária, e os modelos propostos, por outro lado, muitas vezes são simplesmente "sem rosto". É conveniente colocar o logotipo da empresa, ou uma foto com uma localização geográfica, ou certas fotos que são importantes para o proprietário do site na foto, bem no topo.

Um trecho de código que leva ao link para a imagem no cabeçalho do site
Um trecho de código que leva ao link para a imagem no cabeçalho do site

Necessário

Habilidades de trabalhar em um editor gráfico

Instruções

Passo 1

Se você tiver um gerente de local, geralmente inclui a função "alterar imagem". Nesse caso, basta substituir o seu.

Analise seu sistema de gerenciamento de conteúdo com cuidado. Se você não tem a função desejada, você terá que entrar no código html. Se você trabalha com Joomla, procure o arquivo: mw_joomla_logo.png, ele está na pasta de imagens na pasta de modelos (Joomla emplates template_name imagesmw_joomla_logo. png) Para alterar a imagem: em código html html do site ("ver"> "ver código html").

Encontre o "cabeçalho" destacado com tags de cabeçalho

Encontre uma imagem olhando as tags img no título

O link para a imagem se parece com: img src = "picture.jpg"

Passo 2

Baixe e analise o tamanho e o peso da imagem.

Em um editor gráfico, desenhe sua própria imagem dos mesmos parâmetros

Faça upload de uma imagem para o servidor, coloque-a no mesmo diretório onde estão todas as imagens do site (seja em uma rede simples, seja em um álbum de imagens, o principal é que o armazenamento seja de longo prazo)

etapa 3

Abra o código do site novamente.

Substitua o endereço da sua foto em vez do que está lá agora.

Como rede de segurança, você pode definir o tamanho exato da imagem e as bordas invisíveis da seguinte forma:

img src = "endereço da imagem / imagem.jpg" alt="Explicação da imagem"

Significado das tags:

img = imagem - imagem.

src = source - source, ou seja, endereço

fronteira = fronteiras. Se você jogar com este valor, uma borda (traço) aparecerá ao redor da imagem.

alt = alternate - texto que será substituído no lugar das imagens se forem desligadas da visualização (para economizar tráfego, por exemplo). Este texto, por ser invisível, ainda é lido pelos buscadores e pode servir como uma boa ferramenta de divulgação do seu site, salve o código com uma nova imagem.

Limpe o cache, se necessário. Talvez a imagem antiga ainda esteja carregada nele e não exiba seu site corretamente.

Recomendado: