Como Colocar Uma Foto Em Um Site

Índice:

Como Colocar Uma Foto Em Um Site
Como Colocar Uma Foto Em Um Site

Vídeo: Como Colocar Uma Foto Em Um Site

Vídeo: Como Colocar Uma Foto Em Um Site
Vídeo: Como colocar fotos no site 2024, Abril
Anonim

Tudo o que o internauta vê nas páginas do site é renderizado para ele pelo navegador com base nas informações detalhadas enviadas pelo servidor web. Essas informações são chamadas de código html da página e são compostas de instruções separadas - "tags", que descrevem a aparência e a localização de cada elemento individual. Para adicionar um novo elemento (por exemplo, uma imagem) a uma página do site, você precisa colocar uma instrução correspondente (tag) em seu código-fonte.

Como colocar uma foto em um site
Como colocar uma foto em um site

Instruções

Passo 1

Adicione uma imagem à página usando o editor de páginas, se você tiver a oportunidade de usar o sistema de gerenciamento de conteúdo. Primeiro carregue a página desejada no editor e certifique-se de que o modo de edição visual esteja ativado. Às vezes é chamado de acrônimo em inglês WYSIWYG (o que você vê é o que você obtém). No modo visual, a página tem a mesma aparência do site. Você precisa clicar com o mouse no local onde deseja inserir a imagem e pressionar o botão "inserir imagem" no painel do editor.

Passo 2

Selecione uma imagem da lista já disponível no servidor, que abrirá o editor visual para você na caixa de diálogo de inserção de imagens. Se ainda não o baixou, clique no botão de pesquisa do arquivo desejado em seu computador ("Navegar"), encontre e abra-o e clique no botão "Carregar" (ou "Baixar"). No final do processo de envio do arquivo para o servidor, a imagem será adicionada à lista e você também poderá selecioná-la.

etapa 3

Especifique a largura e a cor do quadro ao redor da imagem, a cor de preenchimento e a distância entre o quadro e a imagem, o texto da dica de ferramenta pop-up ao passar o mouse. Não faz mal especificar o tamanho da imagem, embora isso, como todas as configurações nesta caixa de diálogo (exceto para selecionar uma imagem), seja opcional. Após preencher todos os campos obrigatórios da caixa de diálogo, clique no botão "OK". Isso completa o procedimento para inserir uma imagem, tudo o que resta é salvar a página editada.

Passo 4

Se você não puder usar o editor de página do sistema de controle ou se ele não tiver um modo de edição visual, será necessário redigir e adicionar a tag HTML necessária ao código-fonte. A opção mais simples pode ser assim: Aqui, img é o nome da tag e o navegador o usa para concluir que uma imagem deve ser exibida aqui. O atributo src contém o endereço e o nome do arquivo de imagem. Se o arquivo for colocado na mesma pasta da página, o URL completo não será necessário. Você pode adicionar uma dica de ferramenta pop-up ao passar o mouse usando o atributo title, e a largura da borda pode ser especificada no atributo border: Substitua os atributos necessários pelos seus valores e cole o código HTML resultante da tag no código-fonte da página. Isso pode ser feito em um editor de texto simples, baixando o código-fonte do servidor do seu site e enviando-o de volta.

Etapa 5

Faça upload do arquivo de imagem para o site. Isso pode ser feito usando o gerenciador de arquivos do sistema de controle ou o painel do provedor de hospedagem, ou você pode usar o programa residente - cliente FTP. A primeira opção é mais fácil, pois não requer instalação e ajustes do programa - o gerenciador de arquivos funciona diretamente no navegador.

Recomendado: