Como Inserir Uma Imagem Em Um Cabeçalho

Índice:

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

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

Vídeo: Como Inserir Uma Imagem Em Um Cabeçalho
Vídeo: Como Inserir Cabeçalho e Rodapé no Word (Com ou Sem Imagens) 2024, Novembro
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: