LE01 - Perfil no Tzeeter

Para cada dia em atraso será descontado 0.5 pontos da nota da atividade.

Descrição:

O intuito dessa atividade é construir a página principal do Tzeeter, utilizando apenas as tags HTML vistas em sala de aula. A página inicial deve ficar bastante parecida com a página do Twitter, contendo basicamente as mesmas informações. Na figura abaixo, as informações numeradas são aquelas que deve aparecer na nossa página.

Página de um perfil no Twitter

  • Para a informação 1 utilize uma lista não ordenada. Cada item dever ser um link e com uma imagem opcional.
  • Para a foto do usuário, informação 2, utilize uma imagem de 64x64 pixels.
  • A informação 3 contém o nome completo do usuário, utilize um heading(Ex: h4).
  • A informação 4 o nome usuário acrescido com o arroba no início. deve ser utilizado outro heading(Ex: h5 ou h6).
  • A informação 5 trata-se de um botão para que o usuário possa editar o seu perfil. Logo, utilize um botão (tag button).
  • A informação 6 indica o localzação o usuário e a data de entrada na rede. Utilize links ou uma lista não ordenadas de links.
  • A informação 7 contém a quantidade de tweets,o número de seguidores e números de usuário que estão sendo seguidos. Utilize links ou uma lista não ordenada de links.
  • A informação 8 representa um tweet. Utilize uma section ou um article e dentro ocê deve ter a imagem do usuário, o nome completo, o nome do usuário, a data do tweet e a texto do tweet. Além disso é necessário incluir o item 9.
    • O item 9 são uma série de links em forma de ícones, nessa atividade você pode utilizar links de texto.

Como não estamos utilizando CSS para mudar o estilo das tags ao final da tarefa a aparência da página não será das melhores. A imagem abaixo dá uma ideia de como deve ficar a página após concluída a atividade.

Página de um perfil no Tzeeter


Sugestões de cursos para auxiliar na atividade: