Proposta 04: Mini site de um festival de música

A partir do cartaz de CSS que fizeste na proposta 03, desenha o layout de um site de página única, para um festival de música. O cartaz serve como base gráfica para compor a restante informação. Tipografia e grelha devem ser as mesmas do cartaz inicial. Podes manter ou alterar o esquema cromático.

O alinhamentos dos músicos que vão integrar o festival é composto por ti. Não é necessário manter o nomes dos músicos que estavam no cartaz da proposta 03.

Conteúdo do site

Os textos na página que vais criar devem ser escritos de acordo com o mote do festival. Podes reutilizar biografias dos músicos (da Wikipédia, site do músico/banda…) mas o restante texto do site deve ser escrito por ti.
Não é permitido usar texto sem sentido, como “Lorem ipsum”.

Informação mínima a constar no site:

  • Hero ou ecrã de abertura do site, adaptado da composição do cartaz da proposta 03. Aqui é importante pensar como compor a informação principal – músicos principais, data, nome do festival – no ecrã, de forma a esta fique visível mal se abre o site. Informação que deve constar nesta secção:
    • Nome do festival
    • Músicos destacados (cabeças de cartaz)
    • Data e local
    • Botão para comprar bilhete/passe
  • Breve descrição, que apresente o conceito do festival. Por exemplo “Um festival desvairado, onde cada banda vai tentar fazer mais barulho que a banda seguinte.” Esta descrição pode ser integrada no pode ser hero ou ter uma secção própria.
  • Secção com músicos que irão atuar: foto/ilustração, pequena descrição e link para site próprio de cada músico/banda que participa. A ordem pode ser alfabética; pode ser por “palco” (caso haja mais de um palco com programação paralela); … desde que siga uma lógica.
  • Secção para o programa detalhado: data, hora, e local de cada concerto.
  • Secção para contactos: local onde vai ser o festival; morada desse local; mapa; telefone e email para questões; links para redes sociais
  • Rodapé com entidades que apoiam o festival
  • Navegação: compõe um menu com as secções do principais do site
  • Ilustração: expande a ilustração do cartaz da proposta 03, para criar uma identidade gráfica coerente para o site.
  • Favicon e ícones: deves incluir o desenho de um favicon e ícone, de acordo com a imagem do festival.

Detalhes técnicos:

  • Começa com o site com esta base: html5-estrugido. Aqui tens os ficheiros HTML e CSS necessários para começar a construir o site.
  • Usa os elementos HTML5 mais indicados para cada conteúdo. Por exemplo, a navegação deve fazer uso do elemento <nav>

Entrega: 27 de novembro (quarta-feira), até às 23:59.

Entrega alargada: 4 de dezembro (quarta-feira), até às 23:59.

Coloca o site numa pasta chamada "proposta-04", no Tilde.pt e acrescenta o link na tua página pessoal.

Próxima aula (21 novembro):
traz um exemplo de um site de página única que aches interessante. Quero que expliques porque escolheste o site, o que está bem conseguido no layout e funcionamento do interface. Deves ter também o conteúdo todo do site no HTML porque vamos trabalhar no layout.