Olá! Bom te ver aqui, acredito que esteja bem. Hoje a gente vai fazer uma atividade pra testar nossas habilidades de programar da forma mais primitiva no computador, hehe Então abre teu bloco de notas e vem comigo! Pra iniciar, no teu bloco de notas escreva literalmente a palavra:
Teste
Agora modifique a extensão do .txt salvo com esse texto para .html. Para fazer isso abra a pasta no explorador de arquivos onde está seu documento. Mesmo que esteja na Área de Trabalho, abra no explorador. Agora, entre no menu superior Exibir e habilite a opção de ver a extensão dos arquivos. Após isso, abra o seu arquivo.html no seu navegador preferido e pau na máquina.
Depois disso você pode colocar seu texto dentro de uma tag. As tags são muito importantes para o desenvolvimento Web pois elas marcarão o formato do seu texto, fazendo assim sua página web mais funcional. A tag que você deve colocar é que ficará:
<span> Texto </span>Veja que não só coloquei a tag antes como fechei ela ao final do meu texto. Isso também é importante. Nem todas as tags tem esse artifício mas quase todas 😄
Agora você pode usar a tag de título e a de parágrafo:
<h1> Título </h1>
<p> Parágrafo </p>Muito massa, né?! Ver teu código já pronto no navegador, dá vontade até de hospedar esse site na net com meu nome como título e enviar pras empresas: EU SEI PROGRAMAR WEB, ME CONTRATEM gigante na tela, enfim.
Agora visite o site: Motherfucking WebSite.
Que obra de arte.
Após essa visita ao incrível site, você pode visitar outros sites que são repositórios de programação web com HTML 1.0 ou um pouco mais avançado mas de forma manual, que são:
- https://neocities.org/
- tilde.club - galeria
- https://wiby.me/
Após isso, crie seu próprio site baseado no Motherfucking WebSite se apresentando para o mundo, colocando seu nome, o que faz, quais são suas metas e hobbies e depois mostre pro pessoal que você é próximo e mostra o quão legal é fazer isso apenas lendo um texto.
Se você fez, viu que dá pra aprender assim, criando as coisas de forma leve e simples.
Bom, até a próxima aula.
Att, Professor Especialista Iuri Santos
Aula baseada no repositório do site do lado: https://codeberg.org/grz/front23n