Como Inserir Um Logotipo Em Um Site

Índice:

Como Inserir Um Logotipo Em Um Site
Como Inserir Um Logotipo Em Um Site

Vídeo: Como Inserir Um Logotipo Em Um Site

Vídeo: Como Inserir Um Logotipo Em Um Site
Vídeo: Como colocar logotipo no site Wordpress 2024, Maio
Anonim

Via de regra, o logotipo é colocado nos sites no formato de imagem, e a forma específica de inseri-lo nas páginas existentes depende do seu design e do tipo de layout utilizado. Em alguns casos, você pode dispensar a edição do código-fonte, em outros o editor visual do sistema de controle o ajudará e, no terceiro, não poderá prescindir da edição manual do código HTML.

Como inserir um logotipo em um site
Como inserir um logotipo em um site

Instruções

Passo 1

Se o cabeçalho do site for feito em formato de imagem, o logotipo pode ser colocado sobre a imagem existente usando qualquer editor gráfico. Esta é a opção mais simples e não requer edição de página. Para usá-lo, encontre o arquivo com a imagem do cabeçalho no servidor do site e baixe-o para o seu computador. Em seguida, abra-o com um editor gráfico - para a operação seguinte, os recursos do Windows Paint padrão são suficientes.

Passo 2

Coloque a imagem do logotipo sobre a imagem aberta - no Paint, o item "Colar de" na lista suspensa "Colar" destina-se a isso. Use o mouse para arrastar o logotipo para o local desejado na imagem de fundo, redimensione-o conforme necessário e salve o resultado com a combinação de teclas Ctrl + S. Carregue o arquivo de cabeçalho com o logotipo para o servidor, substituindo o arquivo original, e o operação será concluída.

etapa 3

Para inserir um logotipo no código HTML de uma página, é mais conveniente usar o modo gráfico (modo WYSIWYG) do editor de página, que está disponível na maioria dos sistemas de gerenciamento de sites. Tendo aberto a página necessária neste editor, clique no local onde deve ser colocado o logotipo e pressione o botão para inserir uma imagem no menu. Deve aparecer uma caixa de diálogo na tela, na qual é necessário especificar a localização do arquivo com o logotipo no computador. Dependendo do editor, a mesma caixa de diálogo pode conter campos para inserir parâmetros adicionais - tamanhos de imagem, recuos de elementos de página adjacentes, etc. Quando terminar, clique em OK e salve a página editada.

Passo 4

Se você não puder usar o editor de página, terá que adicionar tags "manualmente" ao código-fonte. Para fazer isso, encontre o arquivo da página desejada no servidor, baixe-o para o seu computador e abra-o em qualquer editor de texto - por exemplo, no Bloco de Notas. Esta operação requer algum conhecimento da linguagem de layout do hipertexto - você precisa encontrar o local correto no código HTML para colocar a marca do logotipo. Esta tag em sua forma mais simples pode ser escrita, por exemplo, assim:

Etapa 5

Após adicionar a linha ao código-fonte, salve a página e substitua o original armazenado no servidor pelo arquivo editado. Em seguida, carregue o arquivo com a imagem lá - para o exemplo da etapa anterior, esse arquivo deve ser denominado logo.png

Recomendado: