Caderno de Provas

WEB DESIGN
Edital N. 36/2011 REITORIA/IFRN

29 de janeiro de 2012

INSTRUES GERAIS PARA A REALIZAO DA PROVA

Use apenas caneta esferogrfica azul ou preta.
Escreva o seu nome completo e o nmero do seu documento de identificao no espao indicado nesta capa.
A prova ter durao mxima de 4 (quatro) horas, incluindo o tempo para responder a todas as questes do
Caderno de Provas e preencher as Folhas de Respostas.
O Caderno de Provas somente poder ser levado depois de transcorridas 2 (duas) horas do incio da
aplicao da prova.
Confira, com mxima ateno, o Caderno de Provas, observando o nmero de questes contidas e se h
defeito(s) de encadernao e/ou de impresso que dificultem a leitura.
A quantidade de questes e respectivas pontuaes desta prova esto apresentadas a seguir:
Tipo de questo
Discursiva
Mltipla escolha

Total de
questes
02 questes
25 questes

Pontuao por
questo
15 pontos
2,8 pontos

Total de
pontuao
30 pontos
70 pontos

Para cada questo de mltipla escolha, h apenas uma resposta correta.

Confira, com mxima ateno, se os dados (nome do candidato, inscrio, nmero do documento de
identidade, matria/disciplina e opo de campus) constantes nas Folhas de Respostas esto corretos.
Em havendo falhas nas Folhas de Respostas, comunique imediatamente ao fiscal de sala.
As Folhas de Respostas no podero ser dobradas, amassadas ou danificadas. Em hiptese alguma, sero
substitudas.
Assine as Folhas de Respostas no espao apropriado.
Transfira as respostas para as Folhas de Respostas somente quando no mais pretender fazer
modificaes.
No ultrapasse o limite dos crculos na Folha de Respostas das Questes de Mltipla Escolha.
As questes discursivas devero ser respondidas unicamente no espao destinado para cada resposta nas
Folhas de Respostas das Questes Discursivas. Respostas redigidas fora do espao reservado sero
desconsideradas.
Ao retirar-se definitivamente da sala, entregue as Folhas de Respostas ao fiscal.
NOME COMPLETO:

DOCUMENTO DE IDENTIFICAO:

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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:

Estruture o site utilizando camadas.

O nome do arquivo CSS dever ser estilo.css.
O site possui uma fina borda ao redor.
No XHTML, onde houver textos (Home e Notcias), estes devero ser substitudos, no cdigo, por
texto1 e texto2, respectivamente.
Na barra de ttulo do navegador dever aparecer ....:::IFRN:::....
A fonte utilizada dever ser Verdana e pelo menos trs cores distintas para os planos de fundos das
camadas do topo, do contedo central e do texto direita. A cor do rodap dever ser a mesma do
topo.
O site dever ficar centralizado na horizontal, quando for exibido, em pelo menos um dos seguintes
navegadores: Internet Explorer, Firefox ou Google Chrome.
Crie os menus em forma de lista e no CSS insira a disposio em linha.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

QUESTES DE MLTIPLA ESCOLHA

AS RESPOSTAS DESTAS QUESTES DEVERO SER ASSINALADAS NA FOLHA DE RESPOSTAS
DAS QUESTES DE MLTIPLA ESCOLHA.
01. A criao de vnculos muito importante para a navegao Web. Isso pode ajudar os autores a
recomendar outros recursos relacionados ao assunto atual, e os usurios podem acessar esse
contedo vinculado de forma mais fcil. Assinale a opo que relaciona o conjunto de Tags utilizado
para se criar um vnculo.
A) <a></a>
B) <b></b>
C) <link></link>
D) <hiperlink></hiperlink>

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.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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.

Feita a anlise, marque a opo que contempla a afirmativa correta.

A) A lei da separao faz com que o site fique dividido aparentemente em trs colunas: esquerda, o
menu; no centro, as notcias e, direita, o banner.
B) Clausura a lei que pode ser mais bem notada no site. De acordo com essa lei, as coisas so
visualizadas juntas se elas parecem completar alguma imagem.
C) Observa-se perfeitamente a lei da semelhana no menu, esquerda do site, que apresenta a lista
dos Campi do IFRN.
D) Nota-se a lei da proximidade no menu, esquerda e nas notcias ao centro, onde os itens prximos
uns dos outros parecem formar um grupo s.

13. Em relao s listas, INCORRETO afirmar que

A) a tag <dt> s pode existir dentro do contexto de um termo de definio (tag <dd>). Todo texto
colocado entre as tags <dd> e </dd> ser interpretado como uma descrio do termo.
B) a tag <dd> vem do ingls definition description e significa descrio de definio.
C) aceito nas especificaes DTD: Estrito, Transicional e Frameset.
D) o uso combinado das tags <dl>, <dt> e <dd> permite a obteno de resultados similares ao das
tags de listas <ul> e <li>,exceto pelo marcador.
14. Em CSS, uma folha de estilo dita incorporada ou interna quando as regras CSS esto declaradas
A) em um documento, parte do documento HTML.
B) dentro da Tag do elemento HTML.
C) em um mesmo elemento, em folhas de estilos diferentes.
D) no prprio documento HTML, e so vlidas to somente para aquele documento especfico.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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

16. Analise as figuras 01 e 02.

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>.

<s></s>, <shadow></shadow>, <strike></strike>, <tbody> </tbody>, <tr> </tr>,

D) <table> </table>, <caption> </caption>, <thead> </thead>, <tfoot> </tfoot>, <tbody> </tbody>, <tr>
</tr>, <td> </td>.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

18. Observe o cdigo descrito no JavaScript.

var i=0;
do
{
document.write("The number is " + i);
document.write("<br />");
i++;
}
while (i<=5);
Ao final da execuo do trecho do cdigo acima, assinale a opo que corresponde ao valor da varivel
"i".
A) 6
B) 5
C) 4
D) 0
19. Em JavaScript, eventos so fatos que ocorrem durante a execuo dos sistemas, a partir dos quais o
programa pode definir aes a serem realizadas pelo programa. Assinale a opo que menciona o
evento que ocorre na carga do documento, ou seja, no BODY.
A) Onload.
B) Onblur.
C) Onunload.
D) Onfocus.

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.

IFRN Concurso Pblico Grupo Magistrio Webdesign

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

22. A partir do que estabelece a Lei n 9.394/1996, analise as afirmativas a seguir.

I

A educao profissional tcnica de nvel mdio articulada, segundo essa Lei, ser
desenvolvida nas formas integrada e concomitante.

II

A educao de jovens e adultos dever ser oferecida, preferencialmente, articulada

educao profissional.

III

As instituies de educao profissional e tecnolgica oferecero cursos regulares e cursos

especiais, abertos comunidade.

IV

Na educao profissional tcnica de nvel mdio, a preparao geral para o trabalho e,

facultativamente, a habilitao profissional podero ser desenvolvidas nos prprios
estabelecimentos de ensino mdio ou em cooperao com instituies especializadas em
educao profissional.

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.

Das afirmativas acima, esto corretas, apenas

A) I, II, III e IV.
B) II, III, IV e V.
C) I e V.
D) II e IV.

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.

IFRN Concurso Pblico Grupo Magistrio Webdesign

10

CONCURSO PBLICO GRUPO MAGISTRIO

EDITAL N. 36/2011-REITORIA/IFRN

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):
(

O PROEJA tem como um dos seus fundamentos poltico-pedaggicos o trabalho como

princpio educativo.

A pesquisa como fundamento da formao do sujeito constitui-se em um dos princpios do

PROEJA, caracterizada como modo de produzir conhecimentos e contribuir para a
compreenso da realidade.

As instituies de ensino ofertantes de cursos e programas do PROEJA sero responsveis

pela estruturao dos cursos oferecidos e o MEC responsvel pela expedio de certificados
e diplomas.

Na educao profissional tcnica de nvel mdio, o PROEJA poder ser desenvolvido nas
formas integrada, concomitante e subsequente.

A opo que indica a sequncia correta

A) F, V, V, F.
B) V, V, F, F.
C) V, F, V, F.
D) V, F, V, V.

25. O processo de aprendizagem explicado de diferentes formas, a depender da perspectiva terica

adotada, nos campos da Psicologia do Desenvolvimento e da Psicologia da Aprendizagem.
Analise as afirmativas a seguir, julgando-as se verdadeiras (V) ou se falsas (F).
Para a perspectiva comportamentalista, a aprendizagem ocorre por processos de
condicionamento do comportamento. Nesse processo, nos casos de aprendizagem por
condicionamento operante, os reforadores so importantes para modelar o comportamento
dos indivduos.

As perspectivas construtivistas reconhecem como importantes as relaes que so

estabelecidas entre o aluno, o professor, o colega e os contedos.

Para a abordagem inatista, a aprendizagem e o ambiente externo tm um papel determinante

no desenvolvimento dos indivduos, tendo em vista que so inatos os atributos genticos e
biolgicos necessrios para que o meio externo determine como sero constitudos os
indivduos.

Na perspectiva gentico-cognitivista piagetiana, a internalizao fundamental para o

processo de aprendizagem, pois por meio da internalizao que as pessoas fazem sua
autorregulao sempre que se deparam com um conflito cognitivo.
Na perspectiva sociocultural, o processo de aprendizagem impulsiona o processo de
desenvolvimento humano, considerando que nas relaes com o outro que as pessoas vo
se apropriando das significaes que so socialmente construdas.

A opo que corresponde sequncia correta

A) V, F, V, V, F.
B) F, V, F, V, V.
C) V, V, V, F, F.
D) V, F, F, V, V.

11

IFRN Concurso Pblico Grupo Magistrio Webdesign