1)

iFrames são tags HTML que permitem a inserção de um documento dentro de outro
documento. Na prática, um <iframe> insere um quadro na página atual que irá exibir o
conteúdo de outra página.
 
Um exemplo comum de uso de iframes é a plataforma YouTube, que permite a incorporação
de vídeos em páginas externas. Assim, ao acessar a página desejada que possui um vídeo do
YouTube incorporado, o navegador irá carregar o conteúdo do vídeo de um servidor externo,
não sendo necessário gastar recursos do servidor que hospeda o site para transferência de
dados.
 
Entretanto, muitos servidores utilizam estratégias para impedir que seus sites sejam
incorporados por meio de tags <iframe>. Uma forma de fazer isso é usando o cabeçalho de
resposta HTTP X-Frame-Options, que permite o bloqueio do carregamento do site em tags do
tipo <frame>, <iframe>, <embed> ou <object>.
 
MSD Web Docs. Disponível em:
https://developer.mozilla.org/pt-BR/docs/Web/HTTP/Headers/X-Frame-Options. Acesso em
21 de dez. 2020.
Assinale a alternativa que apresenta corretamente os argumentos válidos para o bloqueio de
incorporação de páginas em frames.

Alternativas:
a)
O uso de iframes têm um alto custo computacional, uma vez que duas páginas são carregadas
ao mesmo tempo, forçando o navegador a aumentar o consumo de memória e
processamento.
b)
Aumenta a segurança contra ataques, uma vez que impede a prática de click-jacking (quando
um usuário é enganado ao clicar em um botão que leva a um endereço diferente do desejado).
c)
Nunca se deve usar iframes. Logo, servidores que não utilizam a resposta HTTP X-Frame-
Options ativa por padrão estão fadados a sofrer ataques de negação de serviço.
d)
O bloqueio de iframes, como por meio da resposta HTTP X-Frame-Options, é um recurso
legado de versões anteriores do HTML. Portanto, seu uso não é recomendado.
e)
A tag <iframe> foi abolida do HTML5, sendo substituída pela tag <embed>.
2)
Leia o texto a seguir sobre UX design (User Experience) e UI design (User Interface):
 
"O UX Design é o processo pelo qual um profissional ou uma equipe identificam uma dor ou
necessidade do usuário. Esta dor precisa ser validada ou invalidada utilizando pesquisas,
prototipagem ou diversos outros processos dependendo da fase em que o projeto se encontra.
Já o UI Design é responsável pelo desenvolvimento da interface, que pode ser visual ou não
(voz), do site, aplicativo ou sistema. E pela forma como as pessoas interagem com ela. O que
seres humanos esperam de interações com uma máquina e como se comportam diante das
soluções propostas são perguntas do dia a dia de um UI Designer. Indo muito além de beleza
estética."
 
Editorial Aela.io. Qual a diferença entre UX e UI Design? — entenda de uma vez. Nov 18, 2019.
Disponível em: https://medium.com/aela/qual-a-diferen%C3%A7a-entre-ux-e-ui-design-
entenda-de-uma-vez-95b4aeb68479.
 
UX e UI design são práticas utilizadas para desenvolvimento de sistemas que se adaptam as
necessidades do usuário. Em desenvolvimento web, existe um conjunto de práticas que visa a
construção de páginas adaptáveis ao dispositivo.
Qual o nome dado a esse conjunto de práticas? Assinale a alternativa correta.

Alternativas:
a)
Design responsivo.
b)
Design experience.
c)
Desenvolvimento front-end.
d)
Estilo adaptável.
e)
Web development.
3)
As tags do tipo input podem ter vários tipos e aplicações, que vão desde a simples declaração
de caixas de texto a caixas de seleção de cores. Elas podem ser declaradas da seguinte forma:
 
<input type="NOME-DO-TIPO">
 
O nome do tipo define a forma do elemento de entrada.
Assinale a alternativa que corresponde corretamente a um tipo de <input> usado para a
inserção de arquivos.

Alternativas:
a)
hidden.
b)
file.
c)
number.
d)
email.
e)
text.
4)
Elementos de entrada declarados com tag <input> podem ter várias formas. Existe um tipo
especial de elemento que é oculto. Esse tipo é utilizado principalmente para envio de
informações em que não se deseja que o usuário faça alterações. As informações dessa tag
ficam disponíveis apenas no atributo value e, em geral, é processado apenas após a submissão
do formulário.
Qual o tipo dessa entrada? Assinale a alternativa correta.

Alternativas:
a)
hidden.
b)
url.
c)
week.
d)
submit.
e)
image.
5)
Observe o código a seguir:
 
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <title>html/css</title>
  </head>
  <body>
    <table style="width: 100%">
      <tr>
        <td style="width: 25%">A</td>
        <td style="background-color: yellow">B</td>
        <td style="width: 15%">C</td>
        <td style="background-color: blue">D</td>
     </tr>
   </table>
  </body>
</html>
 
 
Esse código constrói uma tabela HTML com uma linha e quatro colunas. Para cada elemento
foi inserida propriedade de estilo por meio do atributo style.
Sabendo que o atributo width determina a largura de um elemento HTML (considere que na
ausência de valores, o navegador distribui as larguras igualmente) e o atributo background-
color determina a cor de fundo, qual a largura aproximada (em pixels) da célula azul quando
vista em um monitor FULL-HD (1920x1080)? 

Alternativas:
a)
Aproximadamente 324px.
b)
Aproximadamente 480px.
c)
Aproximadamente 576px.
d)
Aproximadamente 640px.
e)
Aproximadamente 1024px.