Pg.

: 1 de 3

Aluno(a): Professor: Gildo A. Leonel Prova Substitutiva Turma: 1A Data: 2 !"#!2"1$ %alor Total: &'ts (ota )btida: Data da *orre+,o e devolu+,o: -----!-----!-----------------------------------------------------------------------------------------O site da Coast Middle School est precisando desesperadamente de um novo design (Figura 1). Voc pode usar este documento de para repro etar o site e!istente. " meta deste documento de design # resumir as etapas necessrias para melhorar o $uncionamento% usa&ilidade e acessi&ilidade do pro eto de novo design do site da Coast Middle School. %is,o geral do 'ro.eto Desafios do site ' Conte(do e navega)*o+ a pgina (nica da Coast Middle School # muito longa e e!ige ,ue os visitantes rolem a tela e!cessivamente. - muitas in$orma).es em poucos t/picos. 0or e!emplo% a se)*o So&re n/s pode ser dividida em "tletismo% "tividades e Oportunidades para voluntrios. ' 1sa&ilidade e acessi&ilidade+ a pgina usa ta&elas -2M3 anti,uadas e lin4s ,ue $a5em com ,ue o conte(do da pgina se a e!i&ido de $orma inconsistente em diversos navegadores da 6e& e dispositivos. "s imagens n*o contm um te!to alternativo para os leitores de tela tradu5irem o conte(do visual de uma imagem em um $ormato ade,uado para usurios com dispositivos de assistncia. ' "parncia+ o site tem uma aparncia sem inspira)*o% as cores n*o $uncionam &em untas e as imagens n*o s*o visualmente interessantes. Solu+,o 'ro'osta ' Conte(do e navega)*o+ divida a pgina (nica e!istente da Coast Middle School em m(tiplas pginas organi5adas por t/picos% com uma estrutura de navega)*o clara e consistente. ' "parncia+ repro ete o logotipo da Coast Middle School e selecione duas ou trs cores uni$icantes a $im de criar uma identidade visual consistente em todo o site. /etas do site O novo design deve incluir o seguinte+ ' 7ncorpore um novo logotipo da Coast Middle School. ' 1se um calendrio para in$ormar a comunidade so&re eventos na escola. ' Facilite o acesso 8s categorias de in$orma).es. ' "traia o p(&lico9alvo a $im de aumentar a participa)*o da comunidade e dos pais na escola.

Pg.: : de 3

De a*ordo *om as es'e*ifi*a+0es anteriores o aluno deve formular um novo la1out e 'rototi'ar o site da 2oast /iddle S*3ool utili4ando a ferramenta Adobe 5ire6or7s.

8e9uisitos de entrega Conte(do do site -ome page+ ' 3ogotipo para a Coast Middle School+ ; <ever utili5ar duas $erramentas de manipula)*o de paths na cria)*o da logo (".&'ts) ' 2=tulo para a Coast Middle School ' Menu <rop <o6n para as seguintes reas+ (1."'ts) ; "cadmico+ departamentos% agendas% pginas de aula% &i&lioteca ; "tividades do aluno+ atletismo% clu&es e organi5a).es ; 7n$orma).es da escola+ not=cias% calendrio% manual% voluntariado ; Corpo docente e e,uipe+ pro$essores% administradores% e,uipe ; So&re n/s+ miss*o% diret/rio% educa)*o c=vica% in$orma).es de contato% mapas% lin4s ' 1m s=m&olo do tipo >utton% com os ? estados di$erentes (1."'ts) ' @rea interna livre para cria)*o ' Aome do aluno do rodap# "mostra de pgina de conte(do da pgina Organi5a).es+ ' Aovo logotipo da Coast Middle School ' >arra de navega)*o com Menu <rop <o6n ' 1tili5ar gr$ico de torta% dispon=vel no $ire6or4s (".&'ts) ' 1ma imagem com uma $un)*o Boll Over Simples com dois $rames (1."'ts) ' Aome do aluno do rodap#

O site deve ser $atiado e e!portado como -2M3. (".&'ts) Criatividade (".&'ts) A':s a reali4a+,o o aluno deve *riar um ar9uivo 4i' *om o 3tml e as fatias. ;ste ar9uivo deve ser nomeado *om o 'rimeiro e o segundo nome do aluno S;/ es'a+os.

Pg.: 3 de 3