##
O que é site estático Um site estático é uma coleção de arquivos estáticos que o navegador do usuário busca logo no início do processo de carregamento do site. Ao contrário dos sites dinâmicos que são gerados dinamicamente cada vez que um usuário os visita, as páginas estáticas são apenas uma agregação de HTML, imagens, estilos, scripts e outros arquivos.
Estrutura de um site estático
Para manter tudo bem organizado, é recomendável dividir o site nos seguintes diretórios e arquivos:
1. index.html: Esta é a página inicial do seu site e geralmente é o primeiro arquivo que os usuários verão quando acessarem o seu site. Deve conter a estrutura básica e o conteúdo do seu site, incluindo cabeçalho, menu de navegação, área de conteúdo principal e rodapé.
2. Pasta CSS: Esta pasta armazenará as folhas de estilo do seu site que regem a aparência do seu site, como fonte, cores, layout e muito mais.
3. Pasta de imagens: Esta pasta conterá todas as imagens utilizadas no seu site, como logotipos, ilustrações e fotos.
4. Pasta de scripts: Esta pasta conterá todos os arquivos JavaScript que você usa para recursos interativos e efeitos dinâmicos em seu site.
5. Favicon.ico: Este pequeno arquivo é responsável pela pequena imagem que aparece na guia do seu navegador, nos seus favoritos e em outros lugares.
6. Arquivo Robots.txt: Este arquivo de texto controla o rastreamento e a indexação do seu site pelos mecanismos de pesquisa.
7. Arquivo .htaccess: Este arquivo de configuração opcional é usado para configurações avançadas, como redirecionamento de URLs, configuração de proteção por senha e muito mais.
Como criar um site estático
A criação de um site estático envolve construir a estrutura e o conteúdo do site usando HTML, CSS e JavaScript e hospedá-lo em um servidor web. Aqui está um resumo básico das etapas que você pode seguir:
1. Planeje seu site: Defina a finalidade, estrutura e conteúdo do seu site. Desenhe um mapa do site para visualizar como as páginas serão interligadas.
2. Crie os arquivos HTML: Escreva o código HTML para cada página do seu site, incluindo as seções de cabeçalho, navegação, conteúdo principal e rodapé.
3. Projete com CSS: Crie folhas de estilo CSS para definir a aparência e o layout do seu site, como fontes, cores e posicionamento.
4. Adicione funcionalidade com JavaScript: Use JavaScript para quaisquer elementos interativos, como menus, formulários, animações e muito mais.
5. Otimizar imagens: Comprima e otimize imagens para reduzir o tamanho do arquivo sem comprometer a qualidade visual.
6. Teste seu site: Teste exaustivamente seu site em vários navegadores e dispositivos para garantir que funcione conforme planejado.
7. Escolha um provedor de hospedagem na web: Selecione um provedor de hospedagem na web que ofereça suporte para sites estáticos.
8. Implante seu site: Faça upload dos arquivos e pastas do seu site para o provedor de hospedagem escolhido.
9. Promova seu site: Assim que seu site estiver no ar, comercialize e promova-o para aumentar sua visibilidade e atrair visitantes.
