Beruflich Dokumente
Kultur Dokumente
Observaes importantes:
1. Esta avaliao consiste no desenvolvimento do site de uma loja especializada
em caf expresso, onde o usurio pode comprar mquinas domsticas e
sachs de caf para estas mquinas.
2. As imagens utilizadas nas pginas de exemplo estaro disponveis para
download na plataforma em breve (arquivos auxiliares). Voc pode utilizar
outras imagens desde que respeite o layout estabelecido em cada questo.
3. A resoluo do monitor ou o tamanho da janela do navegador onde as
pginas sero exibidas no tem importncia. Nas figuras ilustrativas das
questes, a janela do navegador foi dimensionada para exibir um efeito
visual que sua pgina deve reproduzir, quando dimensionada de forma
semelhante.
4. Fazer as ADs muito importante, no apenas pela nota, mas principalmente
pela experincia que permitir um melhor desempenho nas avaliaes
presenciais. Os assuntos abordados na AD podem cair na prova presencial
mesmo no tendo sido abordados nos vdeos ou no material escrito.
5. ATENO: A avaliao individual. Caso existam duas ou mais
implementaes excessivamente coincidentes, independente de qualquer
motivo, todas as avaliaes envolvidas recebero nota ZERO!
6. No sero aceitos trabalhos APENAS em papel. Se desejar o aluno pode
TAMBM entregar uma listagem da sua avaliao. imprescindvel que o
tutor receba todos os arquivos que compem o site. A entrega destes arquivos
deve ser feita atravs da plataforma na forma de um arquivo de extenso zip.
O arquivo zip deve conter os arquivos html, css e os arquivos de imagem
individualizados (e no tudo junto num arquivo pdf).
7. No sero aceitos trabalhos em arquivos de texto DOC ou PDF. Os arquivos
HTML, JS ou CSS devem estar individualizados (mesmo que agrupados num
ZIP) para que o tutor possa testar seu site.
<a>
<ol> e <ul>
<ul> dentro Cor de texto #FFEEBB, crculo como caractere de incio de elemento
de <nav>
de lista e margem superior de 30px.
ender
apres
imgLogo
header
nav
3. A Fig. 3 mostra a section da pgina que ser aberta quando o link Histria for
selecionado na pgina da segunda questo. A pgina utiliza os mesmo estilos da questo
anterior, com os acrscimos das classes historia, imgesq, imgdir e fonte. A descrio
destes novos estilos est no quadro 3 e eles devem ser adicionados ao arquivo CSS usado
na questo anterior. Apenas o interior da tag section foi modificado em relao pgina
da segunda questo (header e nav permanecem como na questo anterior) [1,5 pontos]
historia
imgesq
imgdir
fonte
tabInfo
<td> e <th>
linTH
colTH
preco
6. A Fig. 6 mostra a pgina que ser aberta quando o link Compras for selecionado na
pgina da segunda questo. A pgina utiliza as mesmas cores e estilos definidos para as
pginas das questes anteriores e alguns novos estilos. Utilizando tags como <label>,
<fieldset>, <legend>, <form>, <textarea>, <select>, <optgroup>,
<option> e <input/>, faa o formulrio de modo que o posicionamento de seus
elementos seja como o mostrado na figura. A fig. 7 mostra o contedo de cada uma das
trs listas de seleo do formulrio. Defina o atributo readonly nos campos dentro do
fieldset selecionado, na lista de compras e no campo ao lado do label total. Apenas o
interior da tag section foi modificado em relao pgina da segunda questo. A
descrio dos novos estilos est no quadro 5 e eles devem ser adicionados ao arquivo
CSS usado na questo anterior. [2 pontos]
<form>
<fieldset>
fsForm
fsResDir
fsResEsq
tem largura de 90px. Os que aparecem em segundo na lista tem largura de 70px e
uma margem esquerda de 28px.
c. A textarea com os produtos selecionados tem largura de 200px e altura de 80px.
d. Os botes de envio e limpeza esto alinhados a direita com o formulrio.
e. A figura 7 mostra o contedo das listas de produtos.