se você já escreveu uma página web HTML e a viu ser renderizada no navegador, você entende como criar uma página web. Mas, alguns de vocês devem estar se perguntando Como posso publicar essa página para que todos possam vê-la. Neste post eu criarei uma página web simples e colocá-lo on-line.
assim, o arquivo HTML salvo em seu computador só pode ser visto por você, mas ele precisa ser mantido em algum lugar onde todos possam acessá-lo. E você precisa de um serviço de hospedagem web para isso! Os Serviços de hospedagem têm um servidor ou um computador que lhe dá algum espaço para seus arquivos.
se você é novo na construção do site, você pode tentar um dos muitos serviços de hospedagem grátis. Já usei o infinito livre. Você também pode usar codepen.io onde as pessoas podem ver a sua página e os códigos atrás dela na mesma janela. GitHub Pages is also good for hosting static web pages. Eu não estou falando aqui sobre outros plugins e CMS como WordPress, mas um site estático que é codificado por você.
1. Serviços de hospedagem gratuitos
vou agora explicar como publicar a sua página web se utilizar a primeira opção, um serviço de hospedagem gratuito. Você primeiro precisa se inscrever para o serviço de hospedagem e selecionar um nome de domínio para o seu site. Agora, há duas opções para enviar o seu ficheiro:
- primeiro, você vai diretamente para o Gerenciador de arquivos e carrega o arquivo e renomeia-o como índice.galeria.
- outra forma de enviar é baixando um cliente de FTP, por exemplo FileZilla e conectando-o ao servidor, preenchendo os detalhes do seu site como, nome de Máquina, Nome de utilizador, Senha e o número do Porto. Todos estes detalhes estão disponíveis em sua conta. Quando você se conecta ao servidor você pode fazer upload do seu Índice de arquivos.galeria.
qualquer um destes métodos pode ser usado para carregar o seu ficheiro e agora, se abrir o seu site, será direcionado para o mesmo índice.ficheiro html. Então, quando você digita um endereço de site você é direcionado para o índice.ficheiro html. Você já publicou sua página web na internet e qualquer um pode vê-lo fornecido o link. Você pode adicionar mais arquivos HTML ou imagens e adicionar seu link para o índice.página html. Todos esses arquivos são armazenados no servidor e qualquer um pode acessá-lo.
na maioria das vezes, o URL da imagem que você entra em sua página web termina após algum período. É melhor baixar essas imagens e carregá-las e escrever o nome dessa imagem exatamente no atributo src.
pode ver os códigos HTML e CSS para um exemplo de página web HTML:
código HTML
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
há um problema com os Serviços de Hospedagem Gratuita – eles não são seguros. A pior parte deste serviço de hospedagem é que quando os usuários visitam o seu site, eles vão ver um aviso de que não é seguro e eles não devem adicionar informações sensíveis neste site. É uma má impressão. Então você pode publicar algumas páginas apenas para ver como é feito, então você pode usar outros serviços de hospedagem pagos.
a seguir veremos como publicar a sua página web usando as páginas GitHub. Funciona exatamente como descrito anteriormente, mas você primeiro precisa saber como usar o GitHub.
2. Páginas do Github
primeiro, você precisa criar uma conta no GitHub. Em seguida, criar um novo repositório e dar-lhe o nome: (nome de usuário).github.io.torná-lo público e publicá-lo. Agora podes carregar o índice.ficheiro html aqui. Se escrever (nome de utilizador).github.io no seu navegador, verá a sua página web. Agora você pode adicionar mais arquivos e imagens e ligá-los ao seu índice.página html.
assim, se você está familiarizado com GitHub sua uma das melhores maneiras de publicar seu primeiro site.