Projeto_Portifolio_Web

Aluna: Heloísa Fernanda Ferreira Jorge

Objetivo: Criar um Portfólio Pessoal Estático usando apenas HTML5 e (opcional) CSS inline ou interno documentando um projeto fictício ou real, e incorporando uma tabela para exibição de dados relevantes, além de um formulário de contato para interação com o usuário.

Requisitos Mínimos

• Utilização intensiva de tags semânticas (por exemplo, article, section, header, footer).

• Pelo menos quatro seções distintas (por exemplo, Sobre Mim, Projeto 1 e Projeto 2, Contato).

• Inclusão de títulos, parágrafos, listas e links em cada seção.

• Incorporação de pelo menos uma imagem representativa do portfólio.

• Tabela dinâmica com pelo menos cinco entradas que faça sentido com o projeto. Uso da tag para fornecer um título à tabela.

• Implementação de um formulário de contato com campos para nome, e-mail, mensagem e um botão de envio. Uso da tag para associar rótulos aos campos do formulário.

Requisitos Adicionais Idealizados

• Utilização do type hidden em input para adicionar a data do envio do formulário e o dado de país do usuário. A principal motivação para a adição dessa funcionalidade foi a de conseguir visualizar e organizar as mensagens recebidas com base na data e poder receber os dados sobre a nacionalidade, sem que o usuário soubesse. Porém essa funcionalidade só seria possível com a utilização de um script, o que pretendo implementar posteriormente.

Requisitos Adicionais Aplicados

• Uso de um iframe para mostrar os dados da parte sobre mim, meus projetos, outros projetos e entrar em contato a partir de uma barra de navegação. A motivação para adição desse recurso foi facilitar a navegação dos usuários entre cada uma das páginas.

• Uso de CSS (usando um arquivo .css) para todas as páginas, com o objetivo de aprender na prática como aplicar o CSS, para realizar diversos ajustes no site, como exemplo, adicionar uma imagem ao plano de fundo, ajustar a disposição dos links na barra de navegação, adicionar cores as páginas, e assim melhorar a experiência do usuário.

• Usar a tag meta para adicionar descrição da página, palavras chaves, autor da página, com objetivo de especificar o conteúdo do meu portifólio aos motores de busca, aumentando as chances dele aparecer em uma pesquisa relacionada.

• Usar a tag meta com atributo viewport para adaptar a estrutura do portifólio para diferentes dispositivos, e assim promover uma maior acessibilidade.