DESENVOLVIMENTO DE APLIC DISTRIBUÍDAS E WEB I(IL10316)

Prévia do material em texto

09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 1/6
Local: Sala 1 - TJ - Prova On-line / Andar / Polo Tijuca / POLO UVA TIJUCA
Acadêmico: EAD-IL10316-20202A
Aluno: RENAN FELIPE DOS SANTOS GONÇALVES
Avaliação: A3
Matrícula: 20193301513
Data: 4 de Julho de 2020 - 08:00 Finalizado
Correto Incorreto Anulada  Discursiva  Objetiva Total: 10,00/10,00
1  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></p><p><a href="contato.html">Contato</a></p>
 b) <ol>      <li><a href="sobre.html">Sobre</a></li>      <li><a
href="contato.html">Contato</a></li></ol>
 c) <p><a href="sobre.html">Sobre</a>   <a href="contato.html">Contato</a></p>
 d) <dl>      <dt><a href="sobre.html">Sobre</a></dt>      <dt><a
href="contato.html">Contato</a></dt></dl>
 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
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.
1,50/ 1,50
2  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) Incorporada (embedded) à externa (linked) à local (inline).
0,50/ 0,50
09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 2/6
 b) Externa (linked) à local (inline) à incorporada (embedded).
 c) Local (inline) à externa (linked) à incorporada (embedded).
 d) Externa (linked) à incorporada (embedded) à externa (inline).
 e) Local (inline) à incorporada (embedded) à externa (linked). 
Alternativa marcada:
e) 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
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.
3  Código: 35975 - Enunciado: Uma aplicação para a web necessita realizar a verificação de um
valor numérico digitado pelo usuário em um campo de texto (componente do tipo <input>). Para
tanto, é preciso que a aplicação obedeça aos seguintes critérios:Verificar se o usuário digitou de
fato um número.O valor só deve ser verificado quando o usuário tiver preenchido totalmente o
campo e tiver alterado o foco para o próximo campo. Para realizar a operação relatada, o
desenvolvedor deve trabalhar com os eventos na linguagem JavaScript para que, caso o valor
não esteja correto, a aplicação retorne o foco para o componente anterior no qual o usuário não
digitou corretamente um valor.Sabe-se também que:O formulário possui identificador:
formCadastro. O campo que irá armazenar o preço tem como identificador: preco, e o próximo
campo tem como identificador: data. Diante do exposto, escolha a opção que atenda
corretamente às características necessárias aos campos na montagem do código HTML dos
componentes do tipo input da aplicação.
 a) O campo preço (identificador: data) deve possuir o método onClick() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 b) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 c) O campo preço (identificador: data) deve possuir o método onBlur() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 d) O campo preço (identificador: preco) deve possuir o método onClick() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
 e) O campo preço (identificador: preco) deve possuir o método onInput() e, caso não seja um
valor, utilizar a instrução document.formCadastro.preco.focus();.
Alternativa marcada:
2,00/ 2,00
09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 3/6
b) O campo preço (identificador: preco) deve possuir o método onBlur() e, caso não seja um valor,
utilizar a instrução document.formCadastro.preco.focus();.
Justificativa: Resposta correta:O campo preço (identificador: preco) deve possuir o método
onBlur() e, caso não seja um valor, utilizar a instruçãodocument.formCadastro.preco.focus();.O
componente correto a ter o método associado é input preco, que deve utilizar o método onBlur,
que é executado sempre que um componente perde o foco, conforme os requisitos apresentados
pela aplicação.
Distratores:O campo preço (identificador: preco) deve possuir o método onInput() e, caso não
seja um valor, utilizar a instrução document.formCadastro.preco.focus();. Errada. O componente
correto a ter o método associado é input preco. O método onInput é executado sempre que
existe uma alteração em componentes do tipo input, mas a aplicação tem como requisito a
perda do foco, não atendendo aos requisitos apresentados pela aplicação.O campo preço
(identificador: preco) deve possuir  o método onClick() e, caso não seja um valor, utilizar a
instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o método
associado é input preco, mas o método onClick não deve ser utilizado em conjunto com
componentes do tipo input, porque componentes de input são para realizar entrada de dados e
não devem ser associados a ações de cliques dos usuários, o que não atende aos requisitos
apresentados pela aplicação.O campo preço (identificador: data) deve possuir o método
onClick() e, caso não seja um valor, utilizar a instrução document.formCadastro.preco.focus();.
Errada. O componente correto a ter o método associado é input preco, e não o componente data,
porque a perda de foco deve ocorrer com o próprio campo, e não com o próximo; além disso, o
método onClick não deve ser utilizado em conjunto com componentes do tipo input, porque
componentes de input são para realizar entrada de dados e não devem ser associados a ações de
cliques dos usuários, o que não atende aos requisitos apresentados pela aplicação.O campo
preço (identificador: data) deve possuir o método onBlur() e caso não seja um valor, utilizar a
instrução document.formCadastro.preco.focus();. Errada. O componente correto a ter o método
associado é input preco, e não o componente data, porque a perda de foco deve ocorrer com o
próprio campo, e não com o próximo. Apesar do uso correto do método onBlur, que é executado
sempre que um componente perde o foco, os requisitos da aplicação não foram atendidos.
4  Código: 35914 - Enunciado: No desenvolvimento de aplicações web, utilizamos o CSS para criar
conjuntos de formatação para a criação de estilos para o site. É comum definir uma série de
estilos e aplicá-los quando necessário.Nesse contexto, determine qual dos códigos CSS a seguir
se refere à criação de uma classe CSS para uso com diferentes componentes.
 a) .texto_negrito { font-weight : bold; }
 b) h1, h2, h3 .texto_negrito { font-weight : bold; }
 c) p.texto_negrito { font-weight : bold; }
 d) texto_negrito { font-weight : bold; }
 e) a.texto_negrito { font-weight : bold; }
Alternativa marcada:
a) .texto_negrito { font-weight : bold; }
Justificativa: Resposta correta:.texto_negrito { font-weight : bold ; }.Uma classe é identificada
pelo ponto no início do identificador e o nome que será usado para identificar o estilo, podendo
ser utilizado localmente por diversos componentes diferentes. 
Distratores:texto_negrito { font-weight : bold ; }. Errada. Uma classe é identificada pelo ponto no
início do identificador e o nome que será usado para identificar o estilo. O código apresentado
não possui o ponto inicial para a identificação de uma classe. p.texto_negrito { font-weight : bold
; }. Errada. Não se usa o nome de componente para a criação de uma classe; devemos apenas
iniciar por um ponto e identificar o nome e o estilo. h1, h2, h3 .texto_negrito { font-weight : bold ;
}. Errada. Não se usa o nome de um ou mais componentes para a criação de uma classe; apesar
de podermos separar a identificação dos componentes por meio do uso de vírgulas, uma classe
não possui identificação de componentes; devemos apenas iniciar por um ponto e identificar o
1,50/ 1,50
09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 4/6
nome e o estilo.a.texto_negrito { font-weight : bold ; }. Errada. O uso de um componente de
âncora com um ponto e um nome para identificar o estilo é usado para a criação de seletores,
que servem para padronizar links (âncoras). Nesse caso, são criados classes de padronização,
mas essas classes estão restritas a uso apenas com componentes específicos, e não com
diferentes componentes.
5  Código: 35450 - Enunciado: Na programação em JavaScript, podemos trabalhar com eventos
que são relacionados aos componentes de um formulário, por exemplo. Vários desses eventos
podem ser relacionados a um mesmo componente, que, dependendo da interação do usuário,
irá realizar uma diferente ação. Diante do exposto, quando detectamos, por meio do código de
programação, que ocorreu uma mudança de um componente para outro e desejamos verificar se
o componente anterior, que perdeu o foco, foi preenchido corretamente ou não foi preenchido,
devemos utilizar o evento:
 a) onClick.
 b) onInput.
 c) onBlur.
 d) onChange.
 e) onFocus.
Alternativa marcada:
c) onBlur.
Justificativa: Resposta correta:onBlur. Esse evento ocorre quando um elemento deixa de estar
em foco e perde o foco para outro componente, sendo o evento correto para o caso.
Distratores:onInput. Errada. Esse evento ocorre quando um elemento do tipo input tem seu valor
modificado.onClick. Errada. Esse evento ocorre quando é realizado um clique com o mouse
sobre o componente.onFocus. Errada. Esse evento ocorre quando um elemento ganha o foco e
passa a ser o elemento de interface do usuário.onChange. Errada. Esse evento ocorre quando um
input, select ou textarea tem seu valor alterado pelo usuário.
0,50/ 0,50
6  Código: 35910 - Enunciado: Um desenvolvedor precisa criar um link para uma página que se
encontra em um outro diretório (de mesma hierarquia do diretório corrente) para uma aplicação
web. Para isso, é necessário informar a localização do outro diretório a partir do diretório
corrente. Diante do exposto, determine a opção correta de codificação do link para atender ao
requisito da aplicação.
 a) <a href="index.html">Sobre</a>
 b) <a href="../sobre/index.html">Sobre</a>
 c) <a href="sobre/sobre.html">Sobre</a>
 d) <a href="/sobre/../index.html">Sobre</a>
 e) <a href="../../sobre/index.html">Sobre</a>
Alternativa marcada:
b) <a href="../sobre/index.html">Sobre</a>
Justificativa: Resposta correta:<a href=”../sobre/index.html”>Sobre</a>.Fará um link retornando
um nível de diretório e depois acessará o subdiretório sobre, atendendo ao requisito da
aplicação.  Distratores:<a href=”sobre/index.html”>Sobre</a>. Errada. Fará um link para um
diretório de nível inferior ao diretório corrente, não atendendo ao requisito da aplicação.<a
href=”index.html”>Sobre</a>. Errada. Fará um link para o mesmo diretório, ou seja, para o
diretório corrente, não atendendo ao requisito da aplicação. <a
href=”../../sobre/index.html”>Sobre</a>. Errada. Fará um link retornando dois níveis de diretório,
para um diretório de nível superior ao diretório corrente, e não para um de mesmo nível, não
atendendo ao requisito da aplicação. <a href=”/sobre../index.html”>Sobre</a>. Errada. O link
1,50/ 1,50
09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 5/6
não foi formado de maneira correta. Dessa forma, o link será para o diretório sobre da raiz do
disco corrente, não sendo o local correto para o link, não atendendo ao requisito da aplicação.
7  Código: 35912 - Enunciado: Um desenvolvedor precisa preparar um formulário de entrada de
dados para um site. Esse formulário, que será usado para receber reclamações dos usuários,
deve atender aos seguintes requisitos:Conter um local para armazenar a reclamação do usuário,
com a disponibilização de cinco linhas de texto e 60 colunas de caracteres por linha, conforme o
exemplo apresentado a seguir:
Diante do exposto, escolha a codificaçãoque criará o componente adequado.
 a) <textarea name="reclamacao" rows="5" cols="60">Digite aqui...</textarea>
 b) <textarea name="reclamacao" rows="60" cols="5">Digite aqui...</textarea>
 c) <input type="text" name="reclamacao" rows="5" cols="60">Digite aqui...</input>
 d) <input type="multiline" name="reclamacao" rows="5" cols="60">Digite aqui...</input>
 e) <input type="text" name="reclamacao" rows="60" cols="5">Digite aqui...</input>
Alternativa marcada:
a) <textarea name="reclamacao" rows="5" cols="60">Digite aqui...</textarea>
Justificativa: Resposta correta:<textarea name="reclamacao" rows="5" cols="60">Digite aqui...
</textarea>.Fará a criação de um espaço para o registro do texto da relação com cinco linhas e 60
colunas, de acordo com o exemplo apresentado. Distratores:<textarea name="reclamacao"
rows="60" cols="5">Digite aqui...</textarea>. Errada. Fará a criação de um espaço para o registro
do texto da relação com 50 linhas e cinco colunas, muito diferente do exemplo apresentado, pois
será criado um espaço para digitação com uma largura muito pequena e com um número grande
de linhas, sendo necessário usar a rolagem da página.<input type="text" name="reclamacao"
rows="60" cols="5">Digite aqui...</input>. Errada. O componente <input> trabalha com apenas
uma linha, e não com múltiplas linhas. Podemos determinar o número de colunas para o texto,
mas não o número de linhas.<input type="text" name="reclamacao" rows="5" cols="60">Digite
aqui...</input>. Errada. O componente <input> trabalha com apenas uma linha, e não com
múltiplas linhas. Podemos determinar o número de colunas para o texto, mas não o número de
linhas.<input type="multiline" name="reclamacao" rows="5" cols="60">Digite aqui...</input>.
Errada. O componente <input> não permite o seu uso com múltiplas linhas e não possui um tipo
“multiline”.
2,00/ 2,00
8  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) Branca.
 c) Preta.
 d) Azul.
 e) Vermelha.
Alternativa marcada:
d) 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
0,50/ 0,50
09/10/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/5791983/9584ef0c-bf94-11e9-8efb-0242ac110033/ 6/6
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.