HTML5-Analise-e-Funcoes-dos-Elementos-no-Layout-de-Pagina-Web

CONTEÚDOS DE REFERÊNCIA E PESQUISA Para explorar e construir um embasamento teórico sólido pesquise em UNIDADE 3 HTML5 Analise a imagem abaixo e dê atenção a cada elemento do HTML5 inserido nas respectivas partes do layout do site a ser desenvolvido LAYOUT DO SITE Fonte Estrella 2023 Referência ESTRELLA C O que é HTML5 e quais vantagens ele traz para seu site 1 fev 2023 Disponível em httpswwwhostingercombrtutoriaisdiferencaentre htmlehtml5 Acesso em 6 fev 2023 CONTEXTUALIZAÇÃO O desenvolvedor web frontend deve construir os layouts das páginas do site ou aplicação de acordo com as diretrizes determinadas pelo cliente solicitante do trabalho Nesse sentido ele cria a UI User Interface Interface Gráfica em português utilizando HTML CSS e outras tecnologias que julgar necessárias Dessa maneira o profissional web frontend deve dominar as tecnologias atuais para a construção de interfaces gráficas limpas amigáveis e úteis Nesse contexto HTML5 trouxe diversas novidades que facilitam o desenvolvimento frontend centrado no usuário e na sua melhor experiência de navegação PROPOSTA DA ATIVIDADE Considere que você é o desenvolvedor frontend de uma empresa e recebeu a tarefa de construir uma página web com o layout mostrado na figura mostrada anteriormente Assim após analisar a imagem faça o seguinte Liste cada componente de HTML5 presente no layout e explique a função de cada um deles Há alguma vantagem na inserção desses novos elementos advindos com a nova versão de HTML O texto deverá conter cabeçalho informando o nome do curso disciplina tutor e o nome do aluno A resposta não deve ultrapassar uma lauda 1 página UNIVERSIDADE XXXXXXXXXXXXX CAMPUS XXXXXXXXXX Professor XXXXXXXXX Disciplina XXXXXXXX Turma XXX NOME DO ALUNOA Atividade da disciplina xxxxxxxxxxxxx CIDADE ESTADO 2023 Data de entrega XXXXXXXX Os componentes presentes no layout são Header é um elemento que representa o cabeçalho de uma página ou seção dela Ele geralmente contém elementos como o logotipo o título da página o menu de navegação e outros elementos importantes de identificação É recomendado que cada página tenha apenas um header Nav É um elemento que representa a seção de navegação de uma página ou site Ele contém links para outras páginas do site ou para outras seções da mesma página é utilizado quando precisase representar um agrupamento de links de navegação que são criados pelos elementos ul li e a Article É um elemento que representa um conteúdo independente e completo em uma página Ele pode ser usado para representar um artigo uma postagem de blog uma receita uma notícia entre outros É recomendado que cada article represente um único conteúdo independente e completo Footer É um elemento que representa o rodapé de uma página ou seção dela Ele geralmente contém informações como direitos autorais data de criação do conteúdo créditos links para páginas relacionadas ou informações de contato É recomendado que cada página tenha apenas um footer A principal vantagem da inserção desses novos elementos na versão HTML 5 é a melhoria da semântica do código HTML Isso ajuda os desenvolvedores e motores de busca a entender melhor a estrutura e o significado do conteúdo da página além de tornar a acessibilidade para usuários com deficiência mais fácil Além disso a adição desses novos elementos permite que os desenvolvedores criem páginas mais estruturadas e organizadas melhorando a manutenção do código e a escalabilidade do projeto