Como criar uma página inicial para um site: 8 etapas (com imagens)

Índice:

Como criar uma página inicial para um site: 8 etapas (com imagens)
Como criar uma página inicial para um site: 8 etapas (com imagens)

Vídeo: Como criar uma página inicial para um site: 8 etapas (com imagens)

Vídeo: Como criar uma página inicial para um site: 8 etapas (com imagens)
Vídeo: COMO ESCREVER UM E-MAIL FORMAL / PROFISSIONAL | 9 DICAS 2024, Abril
Anonim

Então você deseja colocar uma página inicial em sua página da web? As páginas iniciais são uma ótima maneira de promover a marca do seu site. Este How-To assume que você conhece um pouco de HTML e CSS, e pode ajudar se você também souber um pouco de JavaScript básico.

Passos

Crie uma página inicial para um site Etapa 1
Crie uma página inicial para um site Etapa 1

Etapa 1. Crie sua página de esboço

Você poderia usar um CSS externo (folha de estilo em cascata), mas neste exemplo vamos usar um folha de estilo interna. Portanto, você precisa começar com suas tags básicas:

Receber!

Crie uma página inicial para um site Etapa 2
Crie uma página inicial para um site Etapa 2

Etapa 2. Preencha o CSS e as informações do título na seção

Obviamente, você precisará alterar os valores para atender às suas necessidades:

Receber!

corpo {cor de fundo: #DCDCDC}

Omitido …

Observação:

Você pode querer adicionar uma propriedade CSS para as fontes.

Crie uma página inicial para um site Etapa 3
Crie uma página inicial para um site Etapa 3

Etapa 3. Adicione o script para mover para a página inicial

Esta seção é opcional e você pode simplesmente omiti-la se não quiser que ela prossiga automaticamente.

Omitido …

window.onload = tempo limite;

timeout da função () {

window.setTimeout ("redirect ()", 5000)}

function redirect () {

window.location = "Home.htm"

Retorna}

Omitido …

Omitido …

Notas:

O número 5000 meios

Etapa 5. segundos. Altere isso para tempos mais curtos ou mais longos. Altere o nome do arquivo de redirecionamento para o nome da sua página inicial.

Crie uma página inicial para um site Etapa 4
Crie uma página inicial para um site Etapa 4

Etapa 4. Adicione um título

Provavelmente, este deve ser o nome do seu site e você deve incluí-lo como intags para facilitar a localização pelos mecanismos de pesquisa.

Crie uma página inicial para um site Etapa 5
Crie uma página inicial para um site Etapa 5

Etapa 5. Adicione uma imagem

Isso deve demonstrar do que se trata o seu site. Novamente, você pode usar o

Image
Image

marcação.

Omitido …

Notas:

Esta etapa assume que você salvou a imagem do título na mesma pasta que o .htm arquivo, e que é nomeado "splashimage.jpg". Você pode adicionar posicionamento CSS se preferir que a imagem esteja em outro lugar da tela, como o centro.

Etapa 6. Adicionar um botão

Este botão será uma forma de os visitantes acessarem a página inicial mais rapidamente. Ao clicar nele, eles são imediatamente movidos para a página inicial. Você também pode simplesmente fornecer um link para a página inicial.

Omitido …

Observação:

Você pode mudar o "valor" elemento para alterar o texto exibido no botão.

Crie uma página inicial para um site Etapa 7
Crie uma página inicial para um site Etapa 7

Etapa 7. Adicione algum texto

Isso pode ser o que você quiser. Geralmente é uma saudação do tipo "Obrigado pela visita" ou "Criado por …".

Omitido …

Obrigado pela visita!

Notas:

É aqui que você pode usar o CSS para o texto. Você pode usar um título (

) em vez disso, se desejar.

Crie uma página inicial para um site. Etapa 8
Crie uma página inicial para um site. Etapa 8

Etapa 8. Agora você tem uma página inicial de trabalho

Agora é hora de embelezar usando CSS e colocá-lo no ar!

Vídeo - Ao usar este serviço, algumas informações podem ser compartilhadas com o YouTube

Pontas

  • Adicione tanto conteúdo quanto desejar, mas não o torne muito ocupado.
  • Você pode adicionar sons e vídeo se quiser, mas isso levará muito tempo para carregar para algumas pessoas.
  • Se você não sabe muito sobre HTML ou CSS, pode usar um editor guiado como o Blogger para simplificar esse processo.

Recomendado: