WEB DESIGN
Edital N. 36/2011 REITORIA/IFRN
29 de janeiro de 2012
Total de
questes
02 questes
25 questes
Pontuao por
questo
15 pontos
2,8 pontos
Total de
pontuao
30 pontos
70 pontos
DOCUMENTO DE IDENTIFICAO:
QUESTES DISCURSIVAS
ESTAS QUESTES DEVERO SER RESPONDIDAS NAS FOLHAS DE RESPOSTAS DAS QUESTES
DISCURSIVAS, MANTENDO O MEMORIAL DE CLCULO, QUANDO FOR O CASO.
Questo 1
Descreva o cdigo correspondente criao de uma pgina Web que contenha um formulrio com dois
campos Nome e Valor em que esses dados devero ser enviados seguinte URL:
http://portal.ifrn.edu.br/form.php, atravs da propriedade Submit do formulrio. Para que esse evento se
torne mais seguro e mais til, atrele-o a uma funo criada em JavaScript que retorne mensagem Tudo
Ok...Dados Submetidos quando todos os campos forem preenchidos corretamente. E a mensagem
Campos no Preenchidos...Dados no Submetidos quando um dos campos no forem preenchidos.
Lembrando que os dados s sero submetidos se todos os campos forem preenchidos corretamente, caso
no o seja, os dados no sero enviados.
Questo 2
Os sites que seguem os Padres Web utilizam uma metodologia de desenvolvimento baseada em trs
camadas (Informao, Formatao e Comportamento), alm de no utilizar tabelas na estruturao do
layout. Considere o modelo de site que segue e descreva, com detalhes, como dever ser o seu cdigo
XHTML (eXtensible Hypertext Markup Language) e CSS (Cascading Style Sheets) para que os critrios de
Informao e Formatao sejam bem atendidos.
Orientaes para descrio do cdigo:
02. Para formar uma determinada cor, misturam-se, entre si, cores especficas. Assinale a opo que
corresponde afirmativa correta.
A) Violeta, verde e laranja so cores pigmento primrias.
B) Em se tratando de impressos, o vermelho, o verde e o azul so cores primrias.
C) A mistura do vermelho, verde e azul, em iguais quantidades, resulta na cor preta ou cinza-neutro,
tambm conhecido como sntese subtrativa.
D) A mistura do vermelho, azul e verde, em quantidades iguais, produz o branco, tambm conhecido
como sntese aditiva.
03. A propriedade CSS que possibilita posicionar um elemento qualquer a position. Das afirmaes que
seguem, sobre posicionamento em folhas de estilos, marque a opo INCORRETA.
A) Qualquer unidade de medida CSS pode ser usada para definir as coordenadas, inclusive, medidas
relativas como, por exemplo, cm (centmetros).
B) Usando essa tcnica, pode-se posicionar um elemento HTML em qualquer lugar na tela do usurio,
tanto usando medidas absolutas como valendo-se de medidas relativas.
C) A propriedade CSS que determina o afastamento em volta dos elementos margin.
D) O valor absolute para a propriedade position, quando declarado para um elemento X, controla a
posio do elemento, tomando como origem do sistema de coordenadas o canto superior esquerdo
do primeiro box ancestral de X que tenha sido posicionado com os valores fixed, relative ou
absolute. Caso no exista um elemento ancestral posicionado, a origem do sistema de
coordenadas ser o canto superior esquerdo da tela.
04. Citam-se o RGB e o CMYK como os padres mais conhecidos para a gerao de cores. No primeiro
padro, o R o vermelho, G o verde e o B o azul. J no segundo padro, o CMYK, utilizado
comumente nas impressoras das grficas, a letra Y significa amarelo. As demais, C, M e K, referem-se,
respectivamente, s seguintes cores:
A) ciano, magenta e preto.
B) turquesa, fcsia e preto.
C) ciano, magenta e verde.
D) turquesa, fcsia e branco.
05. Um dos padres mais populares da internet, por aliar duas caractersticas importantes, oferece nveis
razoveis de qualidade de imagem e gera arquivos de tamanho pequeno, quando comparado a outros
formatos, facilitando o seu armazenamento e a sua distribuio, alm de ser capaz de trabalhar com
quase 16,8 milhes de cores (24 bits). Essa caracterstica, aliada capacidade de compresso que
reduz o tamanho dos arquivos, faz do formato uma excelente opo para a distribuio de imagens
fotogrficas, tanto que o formato muito utilizado para a gerao de imagens em cmeras digitais. Isso
porque, mesmo havendo perda de qualidade, esta ocorre de maneira pouco ou nada perceptiva, desde
que, claro, no haja "abuso" do uso de compresso nem salvamentos frequentes. O texto fala do
formato
A) GIF.
B) PNG.
C) BMP.
D) JPG.
06. A usabilidade geralmente considerada um fator que garante que produtos sejam fceis de usar,
eficientes e agradveis, do ponto de vista do usurio. Dessa forma, as interaes estabelecidas pelas
pessoas com os produtos devem ser otimizadas, a fim de permitir que as atividades sejam realizadas
em qualquer local, seja no trabalho, na escola ou em casa. A respeito das metas da usabilidade,
correto afirmar que o sistema deve ser
A) produtivo, ou seja, se refere capacidade que um sistema tem de produzir resultados efetivos.
B) seguro no uso, ou seja, proteger o usurio de condies perigosas e situaes indesejveis.
C) dinmico, dando informaes ao usurio com o mnimo de passos possveis.
D) interativo, ou seja, capaz de fornecer respostas exatas a partir das aes dos usurios.
07. No planejamento grfico, faz-se necessrio que a leitura de uma pgina seja feita de uma forma macro,
a partir do todo (visualizao). Para que a mensagem seja bem recebida pelo leitor, cada elemento
possui uma funo especfica. Assim, o Designer precisa criar uma forma que se adeque s
caractersticas de quem recebe a mensagem, ou seja, seu pblico alvo. Em um mercado no qual
grande a variedade do pblico e das publicaes, faz-se necessrio, cada vez mais, estudar o leitor.
Dessa forma, existe uma srie de teorias e tcnicas para a criao de um projeto grfico. Um dos
princpios bsicos do design o(a)
A) proximidade.
B) brilho.
C) ordenamento.
D) distino.
08. No Programa Adobe Photoshop, para selecionar dois ou mais objetos e deix-los selecionados,
simultaneamente, escolhe-se a ferramenta de seleo e, em seguida, pressiona-se a tecla ou conjunto
de teclas para a realizao da referida tarefa e clica-se nos objetos que se deseja selecionar. Marque a
opo que aponta a tecla ou teclas utilizadas para a ao de seleo no Adobe Photoshop.
A) CTRL
B) SHIFT
C) CTRL + SHIFT
D) CTRL + ALT
09. Os "tipos de mdia" em CSS2 (Folhas de Estilo em Cascata Nvel 2) permitem aos autores e aos
usurios projetar folhas de estilo que renderizem os documentos de forma mais apropriada ao
dispositivo utilizado. Essas folhas de estilo moldam os contedos para apresentao em dispositivos
diversos. Em se tratando dos tipos de mdia, assinale a opo INCORRETA quanto representao da
mdia CSS2.
A) Print.
B) Handheld.
C) Mobile.
D) Braile.
10. Atravs do XML, possvel ao programador criar seus prprios elementos de marcao e atributos para
escrever seu documento Web. Isso significa que esse profissional quem cria sua linguagem de
marcao. XHTML foi criado dentro desse conceito e, por isso, uma aplicao XML. As Tags e
atributos da XHTML foram criados aproveitando-se as nossas conhecidas Tags e atributos da HTML e
suas regras. Assinale a opo que descreve a diferena entre XHTML e HTML.
A) No HTML, o uso das Tags de fechamento obrigatrio e os elementos vazios devem ser fechados.
B) No XHTML, todas as Tags podem ser escritas em maisculas e os documentos devem ser bem
formados.
C) No XHTML, todas as Tags devem ser escritas em letras minsculas, alm de estarem
convenientemente aninhadas.
D) No HTML, as Tags no precisam ficar aninhadas, mas as Tags de fechamento so elementos
indispensveis.
11. Em se tratando da Linguagem de Marcao de Hipertextos (HTML), com o passar do tempo, algumas
Tags (Etiquetas) passaram a no ser mais recomendadas. Assinale a opo que apresenta uma Tag
que se encontra em utilizao e est de acordo com a W3C (World Wide Web Consortium).
A) Background
B) Language
C) Optgroup
D) Nowrap
12. Considerando as Leis de Gestalt, aplicadas na construo de Websites, analise o portal do Instituto
Federal de Educao, Cincia e Tecnologia do Rio Grande do Norte (IFRN), por meio da figura que
segue.
15. A linguagem JavaScript foi concebida para ser uma linguagem script com orientao a objetos,
baseada em prottipos, tipagem fraca e dinmica e funes de primeira classe. Seus tipos de dados
suportam operaes de nmeros, booleanos e texto. JavaScript trata, de maneira peculiar, desses
dados. Analise o cdigo descrito abaixo.
<script language="javascript">
document.writeln(0/0, "<br />");
</script>
Assinale a opo que indica o valor que ser retornado.
A) Undefined
B) Infinity
C) NaN
D) Null
Figura 01
Figura 02
Considerando a ferramenta do Fireworks, utilizada para aplicar o efeito, ou seja, retirar o casal da
imagem, sem causar-lhe prejuzo resultante, marque a opo que indica a ferramenta utilizada para
aplicar o efeito acima descrito.
A) Eraser.
B) Stamp.
C) Blur.
D) Magic Wand.
17. Tabelas so elementos que podem ser inseridas e manipuladas dentro de um documento XHTML. Elas
possuem legenda, linhas de cabealho, linhas de rodap e corpo, que so definidos atravs de Tags.
Conforme a ordem dos elementos citados acima, assinale a opo que corresponde sequncia de
Tags representativa dos elementos descritos em ordem.
A) <menu></menu>, <noembed></noembed>,<tbody> </tbody>, <tr> </tr>, <td> </td>, <caption>
B) <frameset> </frameset>, <frame> </frame>, <caption> </caption>, <thead> </thead>, <tfoot>
</tfoot>, <tbody> </tbody>.
C) <layer></layer>,
<td> </td>.
D) <table> </table>, <caption> </caption>, <thead> </thead>, <tfoot> </tfoot>, <tbody> </tbody>, <tr>
</tr>, <td> </td>.
20. De acordo com o conceito de objetos simtricos e assimtricos, correto afirmar que
A) simetria uma relao de eixo entre as partes de um desenho, uma repetio.
B) assimetria quando no existe uma relao de eixo, considerando as formas ou medidas do objeto.
C) o eixo de assimetria pode ser horizontal, vertical e diagonal.
D) as relaes de simetricidade e assimetricidade s existem no design para Web.
As questes 21 e 22 esto baseadas na Lei n 9.394/1996 (LDB), atualizada pela Lei n 11.741/2008,
que redimensiona os dispositivos referentes educao profissional.
21. De acordo com o Art. 39 da LDB, a educao profissional e tecnolgica abrange os cursos de
A) educao profissional tcnica de nvel mdio; educao de jovens e adultos; educao profissional
tecnolgica de graduao e ps-graduao.
B) educao profissional tcnica de nvel mdio; educao de jovens e adultos; formao inicial e
continuada ou qualificao profissional.
C) educao profissional tcnica de nvel mdio; educao profissional tecnolgica de graduao;
formao bsica para o trabalho.
D) educao profissional tcnica de nvel mdio; educao profissional tecnolgica de graduao e
ps-graduao; formao inicial e continuada ou qualificao profissional.
A educao profissional tcnica de nvel mdio articulada, segundo essa Lei, ser
desenvolvida nas formas integrada e concomitante.
II
III
IV
A educao profissional tcnica de nvel mdio, por ter total autonomia pedaggica,
prescinde de organizar cursos seguindo as orientaes contidas nas diretrizes curriculares
nacionais estabelecidas pelo Conselho Nacional de Educao.
23. Um dos pressupostos norteadores do currculo para a educao de jovens e adultos integrada
educao profissional tcnica de nvel mdio a formao integral do educando. Esse pressuposto
refere-se
A) formao que integra, no currculo, o trabalho que o aluno jovem ou adulto j exercia na prtica,
mas que no tinha habilitao para tal, oferecendo-lhe melhores oportunidades de emprego e
renda.
B) formao de cidados-profissionais comprometidos com a sustentabilidade local e com o esprito
competitivo, o que lhe permite ocupar as melhores vagas no mercado de trabalho e alavancar,
sustentavelmente, a economia local.
C) formao que contempla uma educao bsica slida, em vnculo estreito com a formao
profissional, com vistas a formar cidados-profissionais capazes de compreender e atuar no mundo
do trabalho de forma crtica, tica e competente.
D) formao que integra diferentes habilitaes profissionais, permitindo que o aluno ocupe diversas
funes no mundo do trabalho, o que aumenta suas possibilidades de emprego e oportuniza ao
jovem ou adulto inserir-se mais adequadamente na sociedade.
10
24. O Programa Nacional de Integrao da Educao Profissional com a Educao Bsica na modalidade
de Educao de Jovens e Adultos (PROEJA), como poltica pblica, tem procurado contribuir para a
incluso de jovens e adultos na sociedade. O decreto n 5.840/2006 estabelece, como um dos objetivos
do PROEJA, elevar o nvel de escolaridade dos trabalhadores.
A esse respeito, julgue os itens que seguem como verdadeiros (V) ou falsos (F):
(
Na educao profissional tcnica de nvel mdio, o PROEJA poder ser desenvolvido nas
formas integrada, concomitante e subsequente.
11