Este é um trabalho de avaliação da disciplina de Linguagem de Programação Web realizado no curso de Sitemas para Internet - IFSul. Este projeto consiste na criação de um site com o tema do Sistema Solar, explorando informações sobre os planetas, curiosidades cósmicas e permitindo a interação dos usuários por meio de um formulário de opiniões. O site foi desenvolvido utilizando HTML5 e CSS, seguindo as diretrizes e práticas recomendadas.
O projeto possui no mínimo quatro páginas, cada uma abordando um aspecto específico do tema principal. A estilização CSS está centralizada em um arquivo único chamado estilo.css. A seguir, são detalhadas as páginas principais:
A página inicial contém um conteúdo principal e secundário, cabeçalho com logo e menu de navegação, além de um rodapé com informações de contato, como endereço, telefone e e-mail.
Esta página apresenta uma tabela (4x4) que demonstra informações importantes sobre o Sistema Solar. A tabela é estilizada de forma que a primeira e a última linha se destacam das demais. O recurso de mesclar células é utilizado na última linha.
A terceira página contém uma lista ordenada das descobertas dos planetas. A estilização diferencia os elementos pares e ímpares, proporcionando uma apresentação visualmente atraente.
A quarta página é destinada a um formulário que permite aos usuários enviarem suas opiniões sobre o site. O formulário inclui campos de texto, caixas de seleção, área de texto, seleção, botões de rádio e um botão de envio. Todo o formulário é estilizado utilizando CSS.
O design do site é flexível e responsivo, fazendo uso das propriedades CSS max-width e min-width. As unidades em % foram empregadas para garantir que o site se adapte a diferentes tamanhos de tela, proporcionando uma experiência de usuário consistente.
Foram aplicadas estilizações diferenciadas a elementos específicos do site, utilizando uma combinação de seletores de pelo menos quatro níveis. Isso contribui para uma apresentação visual única e atraente.
O projeto faz amplo uso das tags HTML5, como <header>, <nav>, <section>, <aside>, <footer>, entre outras, garantindo uma estrutura semântica e moderna.
As imagens utilizadas no site foram armazenadas em uma pasta dedicada chamada IMG. Isso mantém uma organização clara e facilita a manutenção do projeto.
O código HTML e CSS foi estruturado de maneira hierárquica, seguindo as melhores práticas de desenvolvimento web. O projeto foi validado utilizando ferramentas de validação de código HTML e CSS para garantir conformidade com os padrões estabelecidos.
Este projeto proporciona informações educativas com uma experiência de usuário agradável. A estrutura organizada, o design flexível e as práticas recomendadas de codificação contribuem para um site eficiente e visualmente atrativo.