Colaborar - Av1 - Programação Web

Prévia do material em texto

17/10/22, 17:12 Colaborar - Av1 - Programação Web
https://www.colaboraread.com.br/aluno/avaliacao/index/3386520501?atividadeDisciplinaId=13437588 1/3
 Programação Web (/aluno/timeline/index/33…
Av1 - Programação Web
  
(/notific
Informações Adicionais
Período: 12/09/2022 00:00 à 24/10/2022 23:59
Situação: Cadastrado
Pontuação: 750
Protocolo: 788091515
Avaliar Material
a)
b)
c)
d)
e)
1)
2)
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:
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.
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).
Alternativa assinalada
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.
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.
A tag <iframe> foi abolida do HTML5, sendo substituída pela tag <embed>.
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."
 
https://www.colaboraread.com.br/aluno/timeline/index/3386520501?ofertaDisciplinaId=1844001
https://www.colaboraread.com.br/notificacao/index
javascript:void(0);
17/10/22, 17:12 Colaborar - Av1 - Programação Web
https://www.colaboraread.com.br/aluno/avaliacao/index/3386520501?atividadeDisciplinaId=13437588 2/3
a)
b)
c)
d)
e)
a)
b)
c)
d)
e)
3)
a)
b)
c)
d)
e)
4)
5)
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:
Design responsivo. Alternativa assinalada
Design experience.
Desenvolvimento front-end.
Estilo adaptável.
Web development.
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:
hidden.
file. Alternativa assinalada
number.
email.
text.
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:
hidden. Alternativa assinalada
url.
week.
submit.
image.
Observe o código a seguir:
 
<!DOCTYPE html>
17/10/22, 17:12 Colaborar - Av1 - Programação Web
https://www.colaboraread.com.br/aluno/avaliacao/index/3386520501?atividadeDisciplinaId=13437588 3/3
a)
b)
c)
d)
e)
<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:
Aproximadamente 324px.
Aproximadamente 480px.
Aproximadamente 576px. Alternativa assinalada
Aproximadamente 640px.
Aproximadamente 1024px.