Prévia do material em texto
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 1/7
Local: Sala 1 - BT - Prova On-line / Andar / Polo Barra da Tijuca / POLO UVA BARRA MARAPENDI - RJ
Acadêmico: EAD-IL10316-20202A
Aluno: BRUNO SANTANA VASCONCELOS
Avaliação: A2-
Matrícula: 20193301657
Data: 18 de Junho de 2020 - 08:00 Finalizado
Correto Incorreto Anulada Discursiva Objetiva Total: 8,00/10,00
1 Código: 35918 - Enunciado: Um desenvolvedor precisa apresentar duas imagens parcialmente
sobrepostas, sendo que a segunda imagem ficará levemente à direita da primeira imagem. A
primeira imagem deverá ser exibida completa, e a segunda será exibida parcialmente.De acordo
com a situação exposta, avalie qual é a solução correta para atender aos requisitos da aplicação,
em função da propriedade a ser definida e dos valores adequados para a configuração.
a) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-index:1;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-index:2;" src="ilumno.jpg"></p> </body>
</html>
b) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-index:2;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-index:1;" src="ilumno.jpg"></p> </body>
</html>
c) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-order:0;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%;" src="ilumno.jpg"></p> </body>
</html>
d) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-order:2;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-order:1;" src="ilumno.jpg"></p> </body>
</html>
e) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-order:1;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-order:2;" src="ilumno.jpg"></p> </body>
</html>
Alternativa marcada:
a) <html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-index:1;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-index:2;" src="ilumno.jpg"></p> </body>
</html>
Justificativa: Resposta correta:<html> <head> <title>CSS - Estilos</title> </head> <body> <p>
<img style="position:absolute; top:10%; le�:10%; z-index:2;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-index:1;" src="ilumno.jpg"></p> </body></html>A
propriedade de configuração é a z-index, e a ordem de exibição está correta: será apresentada
inicialmente a segunda imagem; depois, a primeira. Dessa forma, a primeira imagem será exibida
completa, e a segunda apenas parcialmente.
Distratores:<html> <head> <title>CSS - Estilos</title> </head> <body> <p><img
style="position:absolute; top:10%; le�:10%; z-order:2;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%; z-order:1;" src="ilumno.jpg"></p> </body>
0,00/ 2,00
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 2/7
</html>Errada. A propriedade de configuração correta é a z-index, e não a z-order; dessa forma,
não ocorrerá definição de ordem de exibição das imagens.
<html> <head> <title>CSS - Estilos</title> </head> <body> <p><img style="position:absolute;
top:10%; le�:10%; z-index:1;" src="ilumno.jpg"></p> <p><img style="position:absolute;
top:20%; le�:20%; z-index:2;" src="ilumno.jpg"></p> </body></html>Errada. A propriedade de
configuração z-index está correta, mas a ordem de exibição não, pois será apresentada
inicialmente a primeira imagem e, depois, a segunda; dessa forma, a segunda imagem será
exibida completa, e a primeira, apenas parcialmente.
<html> <head> <title>CSS - Estilos</title> </head> <body> <p><img style="position:absolute;
top:10%; le�:10%; z-order:1;" src="ilumno.jpg"></p> <p><img style="position:absolute;
top:20%; le�:20%; z-order:2;" src="ilumno.jpg"></p> </body></html>Errada. A propriedade de
configuração correta é a z-index, e não a z-order; dessa forma, não ocorrerá definição de ordem
de exibição das imagens.
<html>
<head>
<title>CSS - Estilos</title>
</head>
<body>
<p><img style="position:absolute; top:10%; le�:10%; z-order:0;" src="ilumno.jpg"></p>
<p><img style="position:absolute; top:20%; le�:20%;" src="ilumno.jpg"></p>
</body>
</html>Errada. A propriedade de configuração correta é a z-index, e não a z-order; dessa forma,
não ocorrerá definição de ordem de exibição das imagens.
2 Código: 35909 - Enunciado: Um desenvolvedor precisa apresentar uma lista de itens para que o
usuário, ao clicar sobre o item de sua escolha, faça com que o navegador o direcione para uma
outra página. A lista não deverá apresentar descrição dos itens ou qualquer tipo de numeração,
conforme apresentado no exemplo.
Diante do exposto, determine qual das alternativas criará uma lista que atenderá às necessidades
do desenvolvedor para acessar as páginas: sobre.html e contato.html.
a) <p><a href="sobre.html">Sobre</a> <a href="contato.html">Contato</a></p>
b) <dl> <dt><a href="sobre.html">Sobre</a></dt> <dt><a
href="contato.html">Contato</a></dt></dl>
c) <p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p>
d) <ol> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ol>
e) <ul> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ul>
Alternativa marcada:
e) <ul> <li><a href="sobre.html">Sobre</a></li> <li><a href="contato.html">Contato</a>
</li></ul>
Justificativa: Resposta correta:<ul> <li><a href="sobre.html">Sobre</a></li> <li><a
href="contato.html">Contato</a></li></ul>A tag para a criação de listas não numeradas e sem
descrição é a <ul>. Distratores:<dl> <dt><a href="sobre.html">Sobre</a></dt> <dt><a
href="contato.html">Contato</a></dt></dl>Errada. A tag <dl> é utilizada para a criação de listas
de definição com opção de apresentação de descrição. Essa tag não permite a apresentação de
itens identificados com o ponto na frente.
<p><a href="sobre.html">Sobre</a></p><p><a href="contato.html">Contato</a></p>Errada. A
1,50/ 1,50
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 3/7
tag <p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. No
exemplo acima, os itens aparecerão um abaixo do outro, mas não será apresentado o ponto de
identificação dos itens na frente.
<p><a href="sobre.html">Sobre</a> <a href="contato.html">Contato</a></p> Errada. A tag
<p> é usada para a criação de parágrafos, não sendo indicada para o uso com listas. Nesse
código, os itens irão aparecer lado a lado.
<ol> <li><a href="sobre.html">Sobre</a></li> <li><a href="contato.html">Contato</a></li>
</ol>Errada. A tag <ol> é usada para a criação de listas numeradas, em que o ponto identificador
do item é substituído por um número.
3 Código: 36012 - Enunciado: Uma aplicação para a web necessita verificar a validade de um
endereço de e-mail. Para isso, é preciso que a aplicação confirme a digitação dos seguintes
itens:Símbolo de arroba: @. Ao menos um símbolo de ponto: “ . ”. No mínimo 12 caracteres e/ou
dígitos. O e-mail só será validado se os três critérios forem atendidos. Sabe-se que, para realizar
essa operação, o desenvolvedor deve trabalhar com os eventos na linguagem JavaScript para
que, caso o e-mailnão esteja correto, a aplicação retorne o foco para o componente responsável
pela digitação do e-mail, identificado como email na propriedade name do componente
input.Com base no exposto, escolha a opção que atende corretamente aos critérios de análise do
e-mail.
a) function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>=12){ validaEmail=true; }
else { alert("Favor verificar o E-mail "); document.formulario.email.focus(); }}
b) function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>=12){ validaEmail=true; }
else { alert("Favor verificar o E-mail "); document.formulario.email.setFocus(); }}
c) function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>=12){ validaEmail=true; }
else { alert("Favor verificar o E-mail "); document.formulario.email.focus(); }}
d) function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf("@")>0 && email.indexOf(".")>0 && email.length>="12"){ validaEmail=true;
} else { alert("Favor verificar o E-mail "); document.formulario.email.focus(); }}
e) function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>="12"){ validaEmail=true; }
else { alert("Favor verificar o E-mail "); document.formulario.email.setFocus(); }}
Alternativa marcada:
c) function testaEmail(){ var email=document.formulario.email.value; if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>=12){ validaEmail=true; } else { alert("Favor
verificar o E-mail "); document.formulario.email.focus(); }}
Justificativa: Resposta correta:function testaEmail(){ var
email=document.formulario.email.value; if(email.indexOf("@")>0 && email.indexOf(".")>0 &&
email.length>=12){ validaEmail=true; } else { alert("Favor verificar o E-mail ");
document.formulario.email.focus(); }}
A verificação dos símbolos de @ e . devem ser analisados pela função indexOf entre aspas, uma
vez que são símbolos e, dessa forma, são considerados caracteres. A comparação do tamanho
está correta, pois o tamanho (quantidade de caracteres e/ou dígitos) não deve estar entre aspas,
uma vez que se deve comparar o valor, e não os símbolos. Além disso, foi usado o método correto
para determinar o foco, que é o método focus(), pois o setFocus(), apresentado em outras
opções, não é um método válido na linguagem JavaScript.
Distratores:function testaEmail(){ var email=document.formulario.email.value;
if(email.indexOf(@)>0 && email.indexOf(.)>0 && email.length>=12){ validaEmail=true; } else
{ alert("Favor verificar o E-mail "); document.formulario.email.focus(); }}
Errada. A verificação dos símbolos de @ e . não estão entre aspas, o que não está correto, uma
2,00/ 2,00
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 4/7
vez que são símbolos, considerados caracteres. O tamanho (quantidade de caracteres e/ou
dígitos) está correto, ao não estar entre aspas, uma vez que se deve comparar o valor, e não os
símbolos. Já o método para determinar o foco está correto, o focus(), pois setFocus() não é um
método válido da linguagem JavaScript.
function testaEmail(){ var email=document.formulario.email.value; if(email.indexOf(@)>0 &&
email.indexOf(.)>0 && email.length>="12"){ validaEmail=true; } else { alert("Favor
verificar o E-mail "); document.formulario.email.setFocus(); }} Errada. A verificação dos
símbolos de @ e . não estão entre aspas, o que não está correto, uma vez que são símbolos,
considerados caracteres. O tamanho (quantidade de caracteres e/ou dígitos) não está correto ao
estar entre aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o evento para a
definição do foco não está correto ao se utilizar o método setFocus(), que não faz parte da
linguagem JavaScript, pois o método correto na linguagem JavaScript é o focus().
function testaEmail(){ var email=document.formulario.email.value; if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>="12"){ validaEmail=true; } else { alert("Favor
verificar o E-mail "); document.formulario.email.focus(); }} Errada. A verificação dos
símbolos de @ e . estão entre aspas, o que está correto, uma vez que são símbolos, considerados
caracteres. O tamanho (quantidade de caracteres e/ou dígitos) não está correto ao estar entre
aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o método para determinar o
foco está correto, o focus(), pois setFocus() não é um método válido da linguagem JavaScript.
function testaEmail(){ var email=document.formulario.email.value; if(email.indexOf("@")>0
&& email.indexOf(".")>0 && email.length>=12){ validaEmail=true; } else { alert("Favor
verificar o E-mail "); document.formulario.email.setFocus(); }} Errada. A verificação dos
símbolos de @ e . está correta, pois estão entre aspas, uma vez que são símbolos, considerados
caracteres. O tamanho (quantidade de caracteres e/ou dígitos) está correto ao não estar entre
aspas, uma vez que se deve comparar o valor, e não os símbolos. Já o evento para a definição do
foco não está correto ao utilizar o método setFocus(), pois o método na linguagem JavaScript é o
focus().
4 Código: 35467 - Enunciado: No decorrer do processo de desenvolvimento de uma aplicação para
a web, foi criado pela equipe o seguinte formulário:
Durante a apresentação para o supervisor, este pediu para que o campo “Matrícula” só aceite, no
máximo, 10 caracteres. Sendo assim, determine qual das tags abaixo permite que o usuário só
insira até 10 caracteres ou dígitos no campo matrícula (mat).
a) <input type = "text" name = "mat" maxlength = "10"> </input>
b) <input type = "text" name = "mat" length = "10"> </input>
c) <input type = "text" name = "mat" digits = "10"> </input>
d) <input type = "text" name = "mat" characters = "10"> </input>
e) <input type = "text" name = "mat" size = "10"> </input>
Alternativa marcada:
a) <input type = "text" name = "mat" maxlength = "10"> </input>
Justificativa: Resposta correta:<input type = "text" name = "mat" maxlength = "10"> </input>.O
parâmetro que permite configurar a quantidade de caracteres ou dígitos que poderão ser
digitados é maxlength.
Distratores:<input type = "text" name = "mat" size = "10"> </input>. Errada. O parâmetro
size permite definirmos o tamanho visual da caixa de texto na criação do componente.<input
type = "text" name = "mat" characters = "10"> </input>. Errada. Como o parâmetro
characters não é reconhecido pelo HTML, o navegador irá desconsiderá-lo, lembrando que um
componente <input> pode receber dígitos, além de caracteres.<input type = "text" name = "mat"
1,50/ 1,50
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 5/7
length = "10"> </input>. Errada. Como o parâmetro length não é reconhecido pelo HTML, o
navegador irá desconsiderá-lo e não limitará a quantidade de caracteres ou dígitos.<input type =
"text" name = "mat" digits = "10"> </input>. Errada. Como o parâmetro digits não é reconhecido
pelo HTML, o navegador irá desconsiderá-lo, lembrando que um componente <input> pode
receber caracteres, além de dígitos.
5 Código: 35446 - Enunciado: A utilização de cores em componentes HTML e nos estilos em CSS
permitem chamar a atenção do usuário ou mesmo melhorar a apresentação de um componente
ou conteúdo. Sabendo disso, identifique a cor que seráutilizada para apresentação de um
componente HTML ou conteúdo em CSS ao se definir a codificação de cores #0000FF:
a) Verde.
b) Vermelha.
c) Branca.
d) Preta.
e) Azul.
Alternativa marcada:
e) Azul.
Justificativa: Resposta correta:Azul. Pelo padrão RGB, está correto o uso do terceiro grupo de
cores somente, para atingir o resultado esperado: #0000FF.
Distratores:Branca. Errada. Pelo padrão RGB, seria o uso de todas as cores para atingir o
resultado esperado: #FFFFFF.Verde. Errada. Pelo padrão RGB, seria o uso do segundo grupo de
cores somente, para atingir o resultado esperado: #00FF00.Preta. Errada. Pelo padrão RGB, seria
a ausência de todas as cores para atingir o resultado esperado: #000000.Vermelha. Errada. Pelo
padrão RGB, seria o uso do primeiro grupo de cores somente, para atingir o resultado esperado:
#FF0000.
0,50/ 0,50
6 Código: 35466 - Enunciado: Durante o processo da construção de um site, o cliente solicitou ao
desenvolvedor para que ele inserisse uma imagem (cujo nome é textura.jpg) como fundo da
página. Para atender o cliente, o desenvolvedor deve alterar a tag <body> para:
a) <body img = “textura.jpg”>.
b) <body bgimg = “textura.jpg”>
c) <body bgcolor = “textura.jpg”>.
d) <body img = “textura.jpg” backgroung>.
e) <body background = “textura.jpg”>.
Alternativa marcada:
e) <body background = “textura.jpg”>.
Justificativa: Resposta correta:<body background = “textura.jpg”>. Para definirmos uma
imagem de fundo de página, utilizamos o parâmetro background.
Distratores:<body img = “textura.jpg”>. Errada. Não existe o parâmetro img na tag body (<body>).
<body bgimg = “textura.jpg”>. Errada. Não existe o parâmetro bgimg na tag body (<body>).<body
bgcolor = “textura.jpg”>. Errada. O parâmetro bgcolor é usado para definir a cor de fundo.<body
img = “textura.jpg” backgroung>. Errada. Não existe o parâmetro img na tag body (<body>).
1,50/ 1,50
7 Código: 35448 - Enunciado: Na criação de formulários em HTML, devemos determinar o método
(method) de envio dos dados para o servidor. Nesse contexto, identifique as possíveis formas de
envio de dados para o servidor ao submeter o conteúdo de um formulário.
a) Submit e Get.
0,50/ 0,50
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 6/7
b) Submit e Post.
c) Set e Post.
d) Get e Post.
e) Set e Get.
Alternativa marcada:
d) Get e Post.
Justificativa: Resposta correta:Get e Post.Post e Get são os únicos métodos de envio de dados de
um formulário HTML para o servidor. O método Get realiza o envio dos dados junto com a URL de
chamada do servidor, sendo uma forma de envio em que os dados são exibidos durante a
chamada. O método Post realiza o envio de forma separada, por meio de um bloco de dados com
mais segurança, além de permitir o envio de uma quantidade maior de dados.
Distratores:Set e Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas
Set é um tipo de métodos de acesso utilizados na programação orientada a objetos. Submit e
Post. Errada. Post é um método de envio utilizado em fomulários HTML, mas Submit é o tipo de
botão associado à ação de envio dos dados em um formulário HTML.Set e Get. Errada. Get é um
método de envio utilizado em fomulários HTML, mas Set é um tipo de métodos de acesso
utilizados na programação orientada a objetos. Submit e Get. Errada. Get é um método de envio
utilizado em fomulários HTML, mas Submit é o tipo de botão associado à ação de envio dos
dados em um formulário HTML.
8 Código: 35444 - Enunciado: Com o CSS, também conhecido como folha de estilos em cascata,
podemos determinar os estilos por meio de três diferentes formas, sendo que cada uma possui
uma ordem de precedência superior à outra. A partir das opções apresentadas a seguir, defina a
ordem de precedência ao aplicar estilos em CSS, da maior precedência para a menor
precedência:
a) Externa (linked) à incorporada (embedded) à externa (inline).
b) Local (inline) à externa (linked) à incorporada (embedded).
c) Incorporada (embedded) à externa (linked) à local (inline).
d) Local (inline) à incorporada (embedded) à externa (linked).
e) Externa (linked) à local (inline) à incorporada (embedded).
Alternativa marcada:
d) Local (inline) à incorporada (embedded) à externa (linked).
Justificativa: Resposta correta: Local (inline) à incorporada (embedded) à externa (linked). Essa
ordem permite que todos os padrões possam ser aplicados sem que um se sobreponha aos
demais, porque é essa ordem de precedência que determina o estilo que será aplicado quando
temos mais de um estilo a ser aplicado a um mesmo componente.
Distratores:Local (inline) à externa (linked) à incorporada (embedded). Errada. Com a aplicação
dessa ordem de precedência, não poderíamos utilizar o estilo incorporado em conjunto com os
demais, pois o estilo externo se sobreporia ao estilo incorporado, não permitindo que em uma
determinada página possamos alterar o estilo externo por outro específico para essa
página.Externa (linked) à local (inline) à incorporada (embedded). Errada. Com a aplicação dessa
ordem de precedência, não poderíamos utilizar os estilos locais e incorporados em conjunto com
o externo, pois o estilo externo se sobreporia aos estilos locais e incorporados, não permitindo o
uso de estilos específicos a uma determinada página ou determinado componente.Incorporada
(embedded) à externa (linked) à local (inline). Errada. Com a aplicação dessa ordem de
precedência, não poderíamos utilizar o estilo local em conjunto com os demais, pois os estilos
incorporados e externos se sobreporiam ao estilo local, não permitindo a definição de um estilo
específico para um componente.Externa (linked) à incorporada (embedded) à externa (inline).
Errada. Com a aplicação dessa ordem de precedência, não poderíamos utilizar os estilos locais e
incorporados em conjunto com o externo, pois o estilo externo se sobreporia aos estilos locais e
0,50/ 0,50
03/09/2021 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5736889/eee9c2a2-bf94-11e9-8efb-0242ac110033/ 7/7
incorporados, não permitindo o uso de estilos específicos a uma determinada página ou
determinado componente. Ainda teríamos o estilo incorporado se sobrepondo ao local, o que
não permitiria o uso de estilos em componentes específicos.