Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
A1_DISTRIBUICAO_WEB_I
Compartilhar
Prévia do material em texto
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 1/7
Local: AUDITÓRIO - EAD - Auditório / Andar / Polo Barra da Tijuca / POLO UVA BARRA MARAPENDI - RJ
Acadêmico: EAD-IL10316-20201A
Aluno: DANIEL FRANCISCO ALVES FELICIANO
Avaliação: A2-
Matrícula: 20182300254
Data: 27 de Março de 2020 - 08:00 Finalizado
Correto Incorreto Anulada Discursiva Objetiva Total: 7,50/10,00
1 Código: 36503 - Enunciado: No desenvolvimento de sites e aplicações para a web, precisamos
apresentar diversos tipos de conteúdos. Em muitos casos, é necessário combinar diferentes tags
para compor o resultado final esperado. Observe o seguinte resultado:
Diante do exposto, identifique o conjunto de códigos HTML originais para a geração do resultado
esperado:
a) CH<sup>2</sup>O - <u>H R<sub>2</sub></u> <br>
b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
c) CH<sub>2</sub>O - H R<sup>2</sup> <br>
d) CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>
e) CH<sup>2</sup>O - H R<sub>2</sub> <br>
Alternativa marcada:
b) CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>
Justificativa: Resposta correta:CH<sub>2</sub>O - <u>H R</u><sup>2</sup> <br>.Resulta em:
CH2O - H R2. Representa corretamente o uso das tags de subscrito, sobrescrito e
sublinhado. Distratores:CH<sub>2</sub>O - H R<sup>2</sup> <br>. Errada, pois o resultado não
apresenta o trecho sublinhado <u> e </u>.CH<sup>2</sup>O - <u>H R<sub>2</sub></u>
<br>. Errada, pois o resultado apresenta uma inversão entre o uso do subscrito e do
sobrescrito.CH<sup>2</sup>O - H R<sub>2</sub> <br>. Errada, pois o resultado não apresenta o
trecho sublinhado <u> e </u>, além de apresentar uma inversão entre o subscrito e o
sobrescrito.CH<sub>2</sub>O - <u>H R<sup>2</sup></u> <br>. Errada, pois no resultado, o
trecho sublinhado se estende até o valor 2 sobrescrito, que diverge do padrão original
apresentado.
0,50/ 0,50
2 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-order:0;" src="ilumno.jpg"></p> <p><img
style="position:absolute; top:20%; le�:20%;" 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: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
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 2/7
</html>
d) <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>
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:
d) <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>
</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.
3 1,50/ 1,50
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 3/7
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) a.texto_negrito { font-weight : bold; }
d) p.texto_negrito { font-weight : bold; }
e) 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 componentespara 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
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.
4 Código: 35445 - Enunciado: Com a aplicação de estilos com CSS, podemos determinar conjuntos
de estilos específicos para serem utilizados com um ou mais componentes. Isso permite que
mudanças de estilos possam ser realizadas de forma extremamente simples e rápida, mesmo em
sites com grande quantidade de páginas.A partir do código apresentado a seguir, indique o que
especificamente esta configuração representa em CSS:a.sem_sublinhado {text-decoration : none;
}
a) Seletor.
b) Classe.
c) Estilo externo.
d) Estilo local.
e) Estilo incorporado.
Alternativa marcada:
e) Estilo incorporado.
Justificativa: Resposta correta:Seletor. Representa um conjunto de estilos que deve ser aplicado
aos componentes determinados, em que a letra (a) representa uma âncora, e o ponto deve
preceder o nome de identificação do estilo, sendo utilizado para determinar configurações de
seletores.
Distratores:Estilo incorporado. Errada. Não representa um tipo de estilo, mas uma forma de
aplicação de estilos, com configuração dentro da página.Estilo local. Errada. Não representa um
tipo de estilo, mas uma forma de aplicação de estilos, com configuração diretamente no
componente da página. Estilo externo. Errada. Não representa um tipo de estilo, mas uma forma
de aplicação de estilos, com configuração em arquivo externo.Classe. Errada. Representa um
0,00/ 0,50
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 4/7
conjunto de estilos que pode ser aplicado em qualquer tipo de componente, e não
especificamente a âncoras (seletores).
5 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/sobre.html">Sobre</a>
c) <a href="../sobre/index.html">Sobre</a>
d) <a href="/sobre/../index.html">Sobre</a>
e) <a href="../../sobre/index.html">Sobre</a>
Alternativa marcada:
c) <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
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.
1,50/ 1,50
6 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" characters = "10"> </input>
c) <input type = "text" name = "mat" digits = "10"> </input>
d) <input type = "text" name = "mat" size = "10"> </input>
e) <input type = "text" name = "mat" length = "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
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 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.
7 Código: 35919 - Enunciado: Um desenvolvedor precisa apresentar um conjunto de parágrafos
em um conjunto de 100 páginas de conteúdo. A maioria dos parágrafos será exibida na cor preta
(ausência de cor). Além disso, em um total de 15 páginas, todos os parágrafos deverão ser
apresentados na cor azul; eventualmente, alguns parágrafos em qualquer página poderão ser
realçados na cor vermelha.Diante do exposto e considerando a codificação de uma página desse
projeto, escolha qual das alternativas apresenta o conjunto de códigos correto para atender aos
seguintes critérios:Todo o site deve estar com a definição de cores em estilos CSS na cor preta
para os seus parágrafos.Os parágrafos dessa página devem estar na cor azul.O parágrafo com o
texto “Parágrafo 2” deve estar na cor vermelha.
a) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body>
<p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p>
<p>Parágrafo 4</p> </body></html>
b) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html>
c) arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body>
<p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p>
<p>Parágrafo 4</p> </body></html>
d) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html>
e) codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p
style="color: #0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p
style="color: #0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body>
</html>
Alternativa marcada:
d) arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #0000FF; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html>
Justificativa: Resposta correta:arquivo:prova_1.css:p { color: #000000; } codificação HTML:
<html> <head> <title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css"
href="prova_1.css"> <style type="text/css"> <!-- p { color: #0000FF; } -->
</style> </head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p>
<p>Parágrafo 3</p> <p>Parágrafo 4</p> </body></html>
O arquivo CSS externo não influenciará as cores da página, mas deve ser carregado para atender
ao estilo global do site. Os estilos incorporados (azul) e locais (vermelho) estão corretos para a
definição do estilo do site porque atendem aos requisitos embarcados e locais.
Distratores:arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head>
2,00/ 2,00
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 6/7
<title>CSS - Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css">
</head> <body> <p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo
3</p> <p>Parágrafo 4</p> </body></html>
Errada. O arquivo CSS externo está com a configuração de parágrafos configurada na cor azul,
não atendendo aos requisitos do site, que deve ter configuração global de parágrafos na cor
preta. A cor azul deve ser configurada com estilo incorporado, e não externo, na página.
codificação HTML:<html> <head> <title>CSS - Estilos</title> </head> <body> <p style="color:
#0000FF">Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p style="color:
#0000FF">Parágrafo 3</p> <p style="color: #0000FF">Parágrafo 4</p> </body></html> Errada. A
página, apesar de apresentar os mesmos resultados de cores esperados, contém apenas estilos
locais, dificultando não só a manutenção do site, mas também não atendendo aos requisitos
embarcados e externos descritos no problema.
arquivo:prova_1.css:p { color: #0000FF; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"> <style
type="text/css"> <!-- p { color: #000000; } --> </style> </head> <body> <p>Parágrafo
1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p> <p>Parágrafo
4</p> </body></html>
Errada. A página, apesar de apresentar os requisitos de estilos externo, incorporado e local
configurados, não apresenta corretamente as cores preta e azul, que estão invertidas quanto à
cor do estilo.
arquivo:prova_1.css:p { color: #000000; } codificação HTML:<html> <head> <title>CSS -
Estilos</title> <link rel="stylesheet" type= "text/css" href="prova_1.css"></head> <body>
<p>Parágrafo 1</p> <p style="color: #FF0000">Parágrafo 2</p> <p>Parágrafo 3</p>
<p>Parágrafo 4</p> </body></html> Errada. A página, apesar de apresentar o requisito de estilo
externo na cor preta, não apresenta o estilo incorporado na cor azul, o que não atende aos
requisitos da página.
8 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) Get e Post.
b) Set e Get.
c) Submit e Get.
d) Submit e Post.
e) Set e Post.
Alternativa marcada:
a) 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.
0,50/ 0,50
06/04/2020 Ilumno
ilumno.sgp.starlinetecnologia.com.br/ilumno/schedule/resultcandidatedetailprint/4635694/1104d9b8-5eba-11e8-8a4d-0242ac110036/ 7/7
Continue navegando
Materiais relacionados
Perguntas relacionadas
Compartilhar