Exercício 4

Fazer em html/css uma barra de logos horizontal para um footer com as versões dos logos a branco com fundo transparente sobre uma imagem de fundo escura, com os seguintes logotipos: Fundação para a ciência e Tecnologia / Compete 2020 Portugal / portugal 2020 / União Europeia / Universidade do Porto / Câmara Municipal do Porto

Procedimentos
a) Arranjar uma qualquer imagem de tons escuros;
b) Localizar os logos na internet, quase todos estão disponíveis nos respectivos sites institucionais;
c) Exportar os logotipos vetorialmente no formato svg (através do Illustrator) e montar os logos em html;
d) Alinhar no footer os logos pela sequência indicada e com os tamanhos e espaços ajustados para que nenhum pareça mais importante que outro [maquetizar em illustrator pode ser uma boa ajuda para controlar a composição geral antes de verter tudo em html];
e) Entregar uma pasta zipada com um ficheiro html e os respectivos ficheiros anexos.

Possível ajuda para colocar ficheiros svg em páginas html

Prazo
Na próxima aula fazer upload do trabalho comprimido, nomeado da seguinte maneira “NomeApelido.zip”, nesta Pasta.