Prova web development

Prévia do material em texto

Prova RWD 03-07-21
Questão 1) - 0,67 ponto(s)
Um cliente necessita criar uma página para a internet com uma imagem que deverá se adequar automaticamente ao tamanho de cada tela de navegador, inclusive dos navegadores de smartphones. Sabe-se que é necessário que a imagem torne-se flexível para essa forma de exibição.
Considerando essa informação, assinale a alternativa que corresponde a esse recurso na TAG IMG.
A) 
<img src="imagem.jpg" />
B) 
<img src="imagem.jpg" top="100%" down="100%" />
C) 
<img src="imagem.jpg" fixed="100%" />
D) 
<img src="imagem.jpg" width="100%" height="100%" />
E) 
<img src="imagem.jpg" alt="100%" comp="100%" />
Questão 2) - 0,67 ponto(s)
Em um site, é fundamental que os textos exibidos na página estejam ordenados por títulos, subtítulos e parágrafos, para uma melhor apresentação visual para os usuários.
Em uma página html, podemos criar parágrafos com características de títulos e subtítulos da seguinte forma:
Considerando essa disposição, assinale a alternativa que corresponde ao código adequado para modificar um parágrafo como título.
A) 
<body=”1” >Parágrafo.</body>
B) 
<p = “1”>Parágrafo.</p>
C) 
<h=”1“>Parágrafo.</h>
D) 
<html=”1” >Parágrafo.</html>
E) 
<h1 >Parágrafo.</h1>
Questão 3) - 0,67 ponto(s)
A tag form do HTML define um formulário que é usado para coletar os dados informados pelo usuário.(ref: https://www.w3schools.com/html/html_forms.asp - tradução livre). Um formulário enviará todos os dados de entrada ao ser submetido pelo usuário.
 
 
Considerando essas afirmações, analise o formulário HTML abaixo.
 
  
 
 Assinale a alternativa com os códigos HTML que será renderizado conforme a imagem acima.
A) 
B) 
C) 
  
D) 
E) 
Questão 4) - 0,67 ponto(s)
Em CSS é perfeitamente possível usar seletores em inputs do tipo radiobox e/ou checkbox. O uso destes recursos faz com que o site torne-se mais atrativo e com interações amigáveis para os usuários que irão navegar. Além disso, o seu código ficará mais leve e rápido para abertura nos navegadores.
 
Vejamos o seguinte código HTML:
<input type="checkbox" />
<label>Clique na opção</label>
 
Com o CSS usando o seguinte seletor:
input:checked + label {
  color: lightgreen;
}
 
Podemos afirmar que ao clicar no checkbox, o usuário irá
 
I. ativar o checkbox e automaticamente mudar a cor do texto para lightgreen.
II. ativar o checkbox e automaticamente mudar a cor do checkbox, mantendo a cor do texto sem alteração.
III. ativar o checkbox e não realizar nenhuma mudança no texto.
IV. ativar o checkbox e inserir uma sombra no texto com a cor lightgreen.
 
É correto o que se afirma em
A) 
I, apenas
B) 
III, apenas
C) 
I e II, apenas
D) 
II, apenas
E) 
IV, apenas
Questão 5) - 0,67 ponto(s)
A linguagem JavaScript surgiu na década de 1990, com a proposta de oferecer maior dinamismo aos sites criados na época. Com o passar dos anos, a linguagem sofreu uma grande evolução e passou de um mero complemento funcional de sites a uma robusta estrutura com várias bibliotecas e sublinguagens vinculadas. Assim como outras linguagens de programação, o JavaScript possui os recursos triviais como apontamento de variáveis, laços de repetição, vetores e condicionais. Assim sendo, as condicionais realizam testes do tipo verdadeiro ou falso (true/false) em uma ou mais proposições, apresentando um determinado retorno, se for o caso.
 
A seguir, um trecho de código JavaScript apresenta um uso típico de condicionais para teste de verificação de dados.
 
 
Esse código é composto pela estrutura a seguir.
· Linha 4: uma variável chamada "nome" com o valor "User";
· Linha 5: uma variável chamada "usuario" cujo valor será preenchido pelo usuário por meio de um campo;
· Linha 6: um teste condicional para verificar a corretude dos dados;
· Linha 7: a impressão de um "ok" na tela, caso o teste condicional da linha 6 resulte em verdadeiro.
 
 
Considerando as informações do texto apresentado, avalie as asserções a seguir e a relação proposta entre elas. 
 
I. As condicionais em JavaScript podem utilizar como operador relacional uma sequência de três sinais de igual (===) em determinadas situações, como na comparação de uma senha, por exemplo.
 
PORQUE 
 
II. O uso dos três sinais juntos simboliza identicidade, ou seja, o algoritmo irá verificar se ambas as proposições são idênticas e não apenas iguais uma a outra. 
 
Acerca dessas asserções, assinale a opção correta.
A) 
As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I.
B) 
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
C) 
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
D) 
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I.
E) 
As asserções I e II são proposições falsas.
Questão 6) - 0,67 ponto(s)
Uma empresa solicitou ao seu desenvolvedor de sistemas web que criasse uma página web que deverá enviar, de forma assíncrona, os seguintes dados do cliente: Nome, Telefone e Email. O desenvolvedor, então, escolheu utilizar o envio pelo método POST.
Utilizando o comando .ajax, qual o código correto que corresponde a essa ação?
A) 
$.ajax({
method: "POST",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
B) 
$.ajax({
method: "VIEWER",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
C) 
$.ajax({
method: "GET",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
D) 
$.ajax({
method: "FILES",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
E) 
$.ajax({
method: "SESSION",
url: "enviar.php",
data: { name: "João", tel: "8888-8888", email: "empresa@empresa.com.br" }
})
Questão 7) - 0,67 ponto(s)
A linguagem de programação JavaScript é uma linguagem leve, que conta com interpretação e orientação a objetos. O JavaScript possui funções de primeira classe, sendo conhecida por ser uma linguagem muito utilizada em páginas web, mas também, muito utilizada em ambientes fora dos navegadores web. É uma linguagem de programação baseada em protótipos, multiparadigma e dinâmica, suportando os paradigmas de orientação a objetos, imperativo e funcional. Neste contexto, pode-se observar que o JavaScript roda no lado do cliente da web, podendo ser utilizado para projetar e programar o comportamento de uma página web, a partir da ocorrência de um evento.
 
MILETTO, E. M.; BERTAGNOLLI, S. C. Desenvolvimento de software II: introdução ao desenvolvimento web com HTML, CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014. 276 p.
 
 
Um desenvolvedor web, durante a criação de uma página publicitária para um cliente, optou por fazer uso da linguagem JavaScript durante o desenvolvimento. Para tomar tal decisão, ele se baseou nas características da linguagem em relação à sua aplicação nos navegadores.
 
Tendo em vista qual dessas características pode ter sido decisiva para o desenvolvedor, avalie as asserções a seguir e a relação entre elas.
I. Na maioria das aplicações criadas com JavaScript, o código fonte é embarcado em páginas HTML, permitindo que este seja interpretado e executado para fornecer mais recursos e interatividade a estas aplicações.
 
PORQUE
 
II. Atualmente, todos os navegadores web modernos e populares contam com suporte à linguagem JavaScript, além da incorporação de interpretadores integrados.
 
A respeito dessas asserções, assinale a opção correta.
A) 
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
B) 
As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I.
C) 
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa.
D) 
As asserções I e II são proposições falsas.
E) 
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I.
Questão 8) - 0,67 ponto(s)
Um cliente solicita que seja desenvolvida uma única página de internet contendo:
- 1 imagem de fundo.
- 1 Título centralizado.- 1 imagem de um produto centralizado.
Para a criação correta dessa página, é necessário utilizar TAGs em HTML para a exibição adequada da página.
Com base nessa informação, assinale a alternativa que corresponde a todas as tags necessárias para a exibição dessa página.
A) 
<head>
<title>Página de Site<title>
<head>
<body background="imagem_fundo.jpg">
<p align="fix:center">Titulo Centralizado</p>
<p align="fix:center"><img src="imagem.jpg" /></p>
<body>
B) 
<html>
<head>
<title>Página de Site</title>
</head>
<body background="imagem_fundo.jpg">
<p align="center">Titulo Centralizado</p>
<p align="center"><img src="imagem.jpg" /></p>
</body>
</html>
C) 
<html>
<head>
<title>Página de Site</title>
</head>
<body>
<p background="imagem_fundo.jpg" />
<p align="centralizar">Titulo Centralizado</p>
<p align="centralizar"><img src="imagem.jpg" /></p>
</body>
</html>
D) 
</html>
</head>
</title>Página de Site</title>
</head>
</body "imagem_fundo.jpg">
</p "Center">Titulo Centralizado</p>
</p "Center"><img src="imagem.jpg" /></p>
</body>
</html>
E) 
<head>
<title>Página de Site</title>
</head>
<body background="imagem_fundo.jpg">
<p align="center">Titulo Centralizado</p>
<p align="center"><img src="imagem.jpg" /></p>
<body>
Questão 9) - 0,67 ponto(s)
HTML (Hyper Text Markup Language – Linguagem de Marcação de Hipertexto) é a principal linguagem utilizada na web. Ela permite a criação de documentos estruturados em títulos, parágrafos, listas, links, tabelas, formulários e em muitos outros elementos nos quais podem ser incorporadas imagens e objetos como, por exemplo, uma animação ou um vídeo. Junto do HTML também podem ser incluídas em um documento web outras linguagens, como JavaScript e o PHP, que adicionam mais interatividade com o usuário e permitem o acesso a informações de bancos de dados. A linguagem HTML é escrita na forma de tags delimitadas pelos sinais < > e </>, que indicam a função e o conteúdo de cada elemento da linguagem.
 
FLATSCHART, F. HTML5 Embarque Imediato. Rio de Janeiro: BRASPORT Livros e Multimídia Ltda., 2011.
 
Tendo em vista as informações do texto acima, avalie as afirmações a seguir.
 
I. Um site é formado por várias páginas HTML, sendo construído por linhas de códigos de marcação, ou seja, elementos do HTML, divididos entre as suas tags e o seu conteúdo.
  
II. A inserção de imagens e objetos junto ao código HTML só se torna possível quando associada a outra linguagem de programação, proporcionando maior interatividade com o usuário.
 
III. As tags podem são utilizadas de duas formas, quando classificadas quanto à necessidade de fechamento, sendo <tag> </tag> utilizado quando exige fechamento e <tag/> quando não exige.
 
É correto o que se afirma em
A) 
I e III, apenas.
B) 
I, II e III.
C) 
I, apenas.
D) 
II e III, apenas.
E) 
I e II, apenas.
Questão 10) - 0,67 ponto(s)
O atributo target é utilizado em links de páginas HTML para indicar em que janela o documento linkado será aberto. Os principais valores possíveis para o atributo target são
A) 
parent, blank, self e top.
B) 
_blank, _self e _top.
C) 
_user, _client, _post, _get.
D) 
_parent, _blank, _set.
E) 
blank, self e top.
Questão 11) - 0,67 ponto(s)
Um recurso presente nas páginas web quando acessadas, é a ligação de conteúdos de textos e imagens que possibilita a navegação dos internautas e o redirecionamento a informações mais detalhadas. O termo relacionado esse evento é devido ao:
A) 
Download
B) 
Cache
C) 
Hipertexto
D) 
URL
E) 
Protocolo HTTP
Questão 12) - 0,67 ponto(s)
Para inserir uma imagem em uma página HTML utilizamos uma tag e, rigorosamente, um atributo que seriam: 
A) 
Tag IMG / Atributo SRC
B) 
Tag IMG / Atributo HREF
C) 
Tag Image / Atributo SIZE
D) 
Tag IMG/ Atributo SIZE
E) 
Tag Image / Atributo SRC
Questão 13) - 0,67 ponto(s)
Uma empresa necessita criar em seu site um campo para que os usuários possam cadastrar seus e-mails para receberem informações atualizadas dos produtos desta empresa. Para isso, é necessário criar um formulário em html, e estes dados deverão ser enviados para o marketing da empresa. Abaixo são apresentados cinco possíveis códigos para receber o email do usuário. 
I - <input type="text" name="email" id="email" /> 
II - < option value="text" name="email" id="email" />
III - < select="text" name="email" id="email" />
IV - <form ID="text" name="email" id="email" />
V - <list text="text" name="email" id="email" /> 
Assinale a alternativa que apresenta  o(s) código(s) correto(s) para receber o email dos usuários. 
A) 
I, apenas. 
B) 
III e IV, apenas. 
C) 
IV e V, apenas. 
D) 
III, apenas. 
E) 
I e II, apenas. 
Questão 14) - 0,67 ponto(s)
Um programador web necessita criar em um site uma lista de definição contendo as principais cidades do Sul e do Sudeste, separadas por região. A ordenação dos itens deverá ser numérica. O resultado final ficará da seguinte forma:
 
Sul
1. Porto Alegre
2. Florianópolis
3. Blumenau
4. Curitiba
5. Caxias do Sul
 
Sudeste
1. São Paulo
2. Rio de Janeiro
3. Belo Horizonte
4. Vitória
5. Campinas
 
A partir do exposto, assinale a alternativa que corresponde ao código correto para realizar a ação proposta.
A) 
<h2>Sul</h2>
    <ol>
      <li>Porto Alegre</li>
      <li>Florianópolis</li>
      <li>Blumenau</li>
      <li>Curitiba</li>
      <li>Caxias do Sul</li>
</ol>
<h2>Sudeste</h2>
<ol>
  <li>São Paulo</li>
  <li>Rio de Janeiro</li>
  <li>Belo Horizonte</li>
  <li>Vitória</li>
  <li>Campinas </li>
</ol>
B) 
<h2>Sul</h2>
    <type>
      <list>Porto Alegre</list>
      <list>Florianópolis</list>
      <list>Blumenau</list>
      <list>Curitiba</list>
      <list>Caxias do Sul</list>
</type>
<h2>Sudeste</h2>
<type>
  <list>São Paulo</list>
  <list>Rio de Janeiro</list>
  <list>Belo Horizonte</list>
  <list>Vitória</list>
  <list>Campinas </list>
</type>
C) 
<h2>Sul</h2>
    <ol>
      <list>Porto Alegre</list>
      <list>Florianópolis</list>
      <list>Blumenau</list>
      <list>Curitiba</list>
      <list>Caxias do Sul</list>
</ol>
<h2>Sudeste</h2>
<ol>
  <list>São Paulo</list>
  <list>Rio de Janeiro</list>
  <list>Belo Horizonte</list>
  <list>Vitória</list>
  <list>Campinas </list>
</ol>
D) 
<h2>Sul</h2>
    <li>
      <ol>Porto Alegre</ol>
      <ol>Florianópolis</ol>
      <ol>Blumenau</ol>
      <ol>Curitiba</ol>
      <ol>Caxias do Sul</ol>
</li>
<h2>Sudeste</h2>
<li>
  <ol>São Paulo</ol>
  <ol>Rio de Janeiro</ol>
  <ol>Belo Horizonte</ol>
  <ol>Vitória</ol>
  <ol>Campinas </ol>
</li>
E) 
<h2>Sul</h2>
    <list>
      <li>Porto Alegre</li>
      <li>Florianópolis</li>
      <li>Blumenau</li>
      <li>Curitiba</li>
      <li>Caxias do Sul</li>
</list>
<h2>Sudeste</h2>
<list>
  <li>São Paulo</li>
  <li>Rio de Janeiro</li>
  <li>Belo Horizonte</li>
  <li>Vitória</li>
  <li>Campinas </li>
</list>
Questão 15) - 0,67 ponto(s)
Sabe-se que funções em javascript são instruções que irão executar diferentes tarefas. Para isso, é fundamental que a declaração da função esteja adequada.
Assim, que alternativa CORRETA abaixo declara uma função retornaValor e que retornará o valor de um número com a soma dele mesmo?
A) 
function retornaValor(num) {
return num;
}
B) 
function retornaValor(número) {
return num / num;
}
C) 
function retornaValor(número) {
return num + num;
}
D) 
function retornaValor(num) {
   return num + num;
} 
E) 
function retornaValor(retorna) {
return num *+ num;
}