Olá, amores! Nas Turmas do 3 ano iniciamos o desenvolvimento do Projeto do Site da Turma, que teve início ainda no primeiro trimestre, dentro da disciplina de Laboratório Web. Antes da criação do site coletivo, os alunos participaram de diversas aulas sobre desenvolvimento para a web, onde foram apresentados aos conceitos fundamentais de HTML e CSS (no 2 ano).

Durante essas aulas, os estudantes aprenderam a estrutura básica de uma página HTML, a utilização de tags, a organização do conteúdo, a criação de links, imagens e menus, além dos conceitos de estilização utilizando CSS, como cores, fontes, espaçamentos e organização visual das páginas. Também foram realizadas atividades práticas para que os alunos compreendessem como os sites são construídos e funcionam na internet.
Após essa introdução ao desenvolvimento web, os alunos conheceram a plataforma Blogger, utilizada como ferramenta para a criação de sites e blogs. Foram trabalhados conteúdos relacionados à criação de páginas, elaboração de postagens, inserção de imagens, organização de menus e configuração básica do site.
Em seguida, iniciamos as discussões sobre a criação de um site coletivo da turma. O objetivo era desenvolver um projeto real, onde todos os estudantes pudessem participar da produção e publicação de conteúdos.
Embora fosse possível construir todo o site utilizando apenas HTML, CSS e outras linguagens de programação, a turma demonstrou pouco interesse pela área de desenvolvimento web. Diante dessa realidade, optou-se por direcionar o projeto para a produção de conteúdo digital, sem deixar de apresentar os conceitos de programação e estruturação de páginas estudados anteriormente.
A proposta passou a focar na criação e gestão de um site real, permitindo que os alunos desenvolvessem habilidades relacionadas à pesquisa, escrita, produção de conteúdo, organização de informações, edição de imagens, trabalho colaborativo e publicação na internet.
O site criado pertence à turma e será alimentado coletivamente pelos alunos ao longo do ano letivo. Cada estudante ou grupo possui funções específicas dentro do projeto, contribuindo para a produção das postagens, revisão dos conteúdos, organização das categorias e manutenção do site.
Mais do que aprender a utilizar uma plataforma digital, os alunos estão vivenciando um projeto prático que envolve planejamento, comunicação, criatividade e uso das tecnologias digitais em situações reais. Dessa forma, o site torna-se um espaço de aprendizagem colaborativa, onde os estudantes podem divulgar projetos, eventos escolares, conteúdos culturais, tecnológicos e informações de interesse da comunidade escolar.
Ao unir conhecimentos de HTML, CSS, produção de conteúdo e ferramentas de publicação online, o projeto busca aproximar os alunos da realidade da internet, mostrando que a construção de um site envolve não apenas programação, mas também organização, criatividade, comunicação e trabalho em equipe.
Aulas anteriores
Antes do início dessas aulas, algumas etapas importantes do projeto já haviam sido concluídas. O domínio principal do portal foi adquirido, a hospedagem configurada e os subdomínios criados de acordo com os nomes escolhidos pelas turmas. Dessa forma, quando os alunos iniciaram as atividades práticas, a estrutura básica do ambiente já estava pronta, permitindo que o trabalho fosse direcionado para a organização, personalização e produção dos conteúdos que seriam publicados nos respectivos sites.
Aula 1 – Organização do Projeto do Site
Objetivo
Organizar e registrar as informações já definidas pela turma sobre o site coletivo.
Desenvolvimento
Antes desta etapa, os alunos já haviam participado de aulas em que planejaram e criaram um site da turma no Blogger. O nome do site, a proposta do projeto e os responsáveis por cada equipe já estavam definidos.
Nesta aula, os alunos receberam o Mapa de Organização do Site da Turma para registrar as informações já decididas e complementar os dados que ainda faltavam.
Foram preenchidos os seguintes tópicos:
- Objetivo do site;
- Público-alvo;
- Categorias iniciais;
- Equipes e funções;
- Recursos e personalização.
O professor conduziu uma discussão coletiva, registrando na lousa ou na televisão as informações definidas pela turma para que todos pudessem completar o mapa.
Atividade
Preenchimento parcial do mapa de organização do site.
Aula 2 – Conclusão do Mapa e Criação da Identidade Visual
Objetivo
Finalizar a organização do site e desenvolver sua identidade visual.
Desenvolvimento
Os alunos concluíram os campos restantes do mapa de organização, deixando apenas a parte relacionada aos conteúdos que seriam produzidos futuramente.
Em seguida, a turma participou da criação da identidade visual do projeto, discutindo:
- Nome do site;
- Cores principais;
- Estilo visual;
- Logotipo.
Ao final da aula, o logotipo oficial do site foi definido.
Atividade
Finalização do mapa de organização e criação do logotipo.
Aula 3 – Personalização do Site e Organização das Postagens
Objetivo
Aplicar as definições realizadas pela turma na estrutura do site.
Desenvolvimento
Com o mapa concluído e o logotipo criado, os alunos iniciaram a personalização do site.
Foram realizadas as seguintes atividades:
- Inserção do logotipo;
- Ajuste da aparência do site;
- Organização do menu principal;
- Criação das categorias;
- Revisão das páginas existentes.
Após a organização estrutural do site, a turma foi dividida em grupos responsáveis pela produção dos conteúdos.
Cada grupo recebeu um tema para desenvolver suas futuras postagens.
Atividade
Configuração do site e definição dos grupos de produção.
Aula 4, 5 e 6 – Produção e Publicação dos Conteúdos
Objetivo
Produzir, revisar e publicar os primeiros conteúdos do site da turma.
Desenvolvimento
Após a organização do site, definição das categorias, criação do logotipo e distribuição das equipes, os alunos iniciaram a etapa de produção dos conteúdos que seriam publicados.
Como a criação de uma postagem envolve diversas etapas, essa fase foi desenvolvida ao longo de duas ou três aulas, permitindo que os estudantes realizassem o trabalho com mais qualidade.
As atividades desenvolvidas incluíram:
- Pesquisa sobre os temas escolhidos;
- Seleção e análise das fontes de informação;
- Produção dos textos;
- Correção ortográfica e revisão dos conteúdos;
- Escolha e edição das imagens;
- Formatação das postagens;
- Inserção dos conteúdos no Blogger;
- Organização das categorias e marcadores;
- Revisão final antes da publicação.
Durante as aulas, o professor acompanhou os grupos, orientando a escrita dos textos, a organização das informações, a utilização adequada das imagens e a estrutura das postagens.
Os alunos foram incentivados a produzir conteúdos originais, relacionados à escola, à comunidade, à cultura local, às tecnologias digitais e aos temas de interesse da turma.
Atividade
Cada grupo ficou responsável por:
- Pesquisar o tema escolhido;
- Produzir pelo menos uma postagem;
- Selecionar imagens adequadas ao conteúdo;
- Revisar o texto antes da publicação;
- Publicar a postagem no site da turma.
Avaliação
Foram observados:
- Participação nas atividades;
- Trabalho em equipe;
- Organização das informações;
- Qualidade dos textos produzidos;
- Uso adequado da plataforma Blogger;
- Cumprimento das responsabilidades assumidas pelo grupo.
Produto Final
Site da turma personalizado, organizado e contendo as primeiras postagens produzidas pelos próprios alunos, dando início à construção colaborativa de um ambiente digital de divulgação de conhecimentos, projetos e atividades escolares.
Desenvolvimento
Os grupos iniciaram a elaboração das primeiras postagens.
As equipes ficaram responsáveis por:
- Pesquisar informações;
- Produzir os textos;
- Selecionar imagens;
- Organizar os conteúdos conforme as categorias definidas.
Os temas escolhidos envolveram assuntos relacionados à escola, cultura, eventos e tecnologia.
Durante a aula, o professor acompanhou os grupos, orientando a escrita, a organização das informações e o uso adequado da plataforma.
Atividade
Produção das primeiras postagens do site da turma.
Produto Final
Site organizado, personalizado e com as primeiras publicações em desenvolvimento pelos próprios alunos.
OBS as imagem foram criadas com ajuda da IA

Competências e Habilidades:
Competências
- Utilizar tecnologias digitais de forma crítica, ética e responsável.
- Planejar, organizar e produzir conteúdos digitais para diferentes públicos.
- Trabalhar de forma colaborativa na execução de projetos.
- Comunicar informações de maneira clara por meio de diferentes linguagens e mídias.
- Resolver problemas e tomar decisões durante o desenvolvimento de projetos digitais.
- Compreender o papel das tecnologias na produção e disseminação da informação.
Habilidades
- Criar e gerenciar conteúdos em plataformas de publicação na web.
- Organizar informações em categorias e estruturas de navegação.
- Produzir textos adequados para publicação em ambientes digitais.
- Pesquisar, selecionar e validar informações de diferentes fontes.
- Utilizar recursos básicos de edição de imagens e formatação de conteúdos.
- Aplicar conhecimentos básicos de HTML e CSS para compreender a estrutura de páginas web.
- Configurar menus, páginas e elementos visuais de um site.
- Trabalhar em equipe assumindo diferentes responsabilidades dentro do projeto.
- Planejar cronogramas e organizar etapas de produção de conteúdo.
- Utilizar ferramentas digitais para comunicação, colaboração e publicação de informações.
Competências para o Mundo do Trabalho
- Comunicação digital.
- Trabalho em equipe.
- Organização e planejamento.
- Criatividade e inovação.
- Autonomia na execução de tarefas.
- Responsabilidade no uso das tecnologias.
- Produção e gestão de conteúdo digital.
- Resolução de problemas em ambientes tecnológicos.
Habilidades Socioemocionais
- Cooperação.
- Responsabilidade.
- Organização.
- Protagonismo.
- Comprometimento.
- Criatividade.
- Comunicação.
- Respeito às opiniões dos colegas.
- Capacidade de trabalhar em projetos colaborativos.
Observação: As imagens utilizadas nesta atividade e nos materiais de apoio foram produzidas com o auxílio de ferramentas de Inteligência Artificial (IA) e têm finalidade exclusivamente educacional. Os recursos visuais foram desenvolvidos para auxiliar a compreensão dos conteúdos, apoiar as explicações em sala de aula e complementar os planos de aula disponibilizados neste site.
