© jossnat/Shutterstock

O ponto de partida dar-se-á pela apresentação de questionamentos, como a definição de internet, as aplicações que utilizamos normalmente, além de termos como www, e-mail, entre outros, aproveitando os conhecimentos prévios dos alunos acerca do assunto.

Para reflexão:

Você sabe o que é a internet? Como ela funciona? Quais serviços possui?

A internet é um grande conjunto de redes de computadores interligados pelo mundo inteiro. Essa conectividade viabiliza a integração entre diversos tipos de dispositivos, PC´s, notebooks, celulares, smart TV´s, geladeiras, GPS´s entre outros. Devido à pandemia de COVID-19, diversos serviços tiveram seu aperfeiçoamento acelerado, pois todos nós tivemos que passar por uma adaptação abrupta e nos tornamos consumidores de algo que era pouco utilizado ou restrito a um ambiente corporativo.

Mas que serviços são esses?

1) Serviços de Hospedagem na Web – todas as páginas na Web são “guardadas” em máquinas específicas para tal, conhecidas como “Servidores Web”. Existem provedores desse serviço que oferecem a modalidade gratuita de hospedagem ou paga por espaço consumido.

Fonte: Provedor de Serviços Web – Não identificado por conta de uso de imagem. Acesso em: 17 de jan. de 2021.

2) Serviços de E-Mail/Correio Eletrônico – empresas como Microsoft e Google possuem os conhecidos e-mails @outlook.com e @gmail.com, respectivamente. Esses serviços são também acompanhados de potentes servidores físicos que os suportam, com protocolos específicos para tal, como o IMAP e o POP3.

3) Serviços de Streaming – se popularizaram com a chegada da plataforma YouTube ® – é uma forma de enviar informações de multimídia (áudio e vídeo) para o usuário final. Na prática, o Player faz download de pequenas frações do arquivo enquanto se reproduz o vídeo e o áudio, por isso ocorrem “travadas eventuais”, pois quando esse processo de download é interrompido de alguma forma, a imagem é congelada.

Fonte: <https://canaltech.com.br/>. Acesso em: 17 de jan. de 2021.

4) Serviços de Chat e Reuniões – com a chegada da COVID-19, praticamente transferimos para o mundo on-line nossas interações humanas e, com isso, a popularização de plataformas como o Google Meet ®, Zoom ® e Skype ®, que são serviços de Streaming onde também ocorre o envio de informações.

Fonte: <https://www.updateordie.com/2020/03/20/>. Acesso em: 17 de jan. de 2021.

Esses serviços foram inseridos em nosso cotidiano e não são mais considerados como uma “novidade”, porém, a constante evolução tecnológica exige que tenhamos uma compreensão técnica mínima do que nos cerca, para realmente utilizarmos a tecnologia como ferramenta de trabalho, facilitando nossa rotina e proporcionando lazer.

Agora responda: Quais serviços você consome na internet?

1) Vamos assistir um filme? 

2) Marcar um encontro?

3) Conversar?

Quando somos questionados sobre esses assuntos, é provável que pensemos: Qual tecnologia será utilizada para fazer essas coisas?

1) Resposta: Netflix? YouTube? Amazon?

2) Resposta: Meet? Teams? Zoom? 

3) Resposta: WhatsApp? Skype?

Todas as tecnologias mencionadas são permeadas pela internet, sendo ela parte do nosso cotidiano. É uma ferramenta como qualquer outra e, basicamente, está inserida em quase todas as atividades que exercemos.

Que tal criarmos uma página web?

A ideia desta intervenção é a criação de uma página web nos moldes tradicionais, como era feito na década de 1990, bastando somente um editor de texto simples como o Bloco de Notas e o conhecimento básico de algumas TAGs de uma linguagem específica chamada HTML (Hyper Text Markup Language).

O processo de verificação da página construída consiste na disponibilização em uma pasta e com um simples “duplo clique”, o navegador exibirá a página na tela.

Para a criação da página sugerimos que o professor (ou professora) execute os comandos, conforme os passos descritos a seguir:

1º Passo – Localizar um Editor de Texto Plano – Ex: Bloco de Notas

2º Passo – Com o Bloco de Notas aberto, para iniciarmos uma página HTML, obrigatoriamente precisamos estruturá-la, em Cabeçalho e Rodapé, para tal, utilizaremos as TAGs conforme Figura 8.

Toda TAG possui obrigatoriamente sinal de “<” e “>” para identificá-la, da mesma forma que sempre “abre” e “fecha”, sendo que o fechamento é precedido por “</”, por exemplo “<head>” para abrir e “</head>” para fechar.

3º Passo – Vamos atribuir um título para a nossa página com a TAG “<title></title>”, conforme Figura 9.

4º Passo – Agora vamos trabalhar no corpo da nossa Página, inserindo um breve texto, com um título, ambos centralizados, conforme Figura 10.

a) TAG <center></center> – finalidade básica de centralizar os objetos que estão envolvidos dentro dela. Note que, no exemplo, o Texto e o Título estão contidos nela.

b) TAG <h1></h1> – é uma tag pré-formatada de título, existem vários tamanhos, variando de 1 a 5.

5º Passo – Para finalizar, vamos inserir uma imagem em nossa página utilizando a TAG <img>, atentando-se à forma como é escrita essa página.

Por fim, crie uma pasta específica para a página e salve o arquivo em questão com a extensão “.html” – caso contrário, não será considerada uma página HTML. E salve a foto em extensão “.jpg”.

Basta clicar no arquivo “pagina.html” para visualizar o resultado no navegador padrão instalado na máquina.

Se você quiser inserir mais TAG´s, acesse:  <https://www.devmedia.com.br/html-basico-codigos-html/16596>.