Colaborar - Av1 - Programação Web

Prévia do material em texto

Programação Web (/aluno/timeline/index/30… 
 
Av1 - Programação Web 
(/notific 
 
 
 
 
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. 
 
Aumenta a segurança contra ataques, uma vez que impede a prática de click-jacking 
b) (quando um usuário é enganado ao clicar em um botão que leva a um endereço diferente 
do desejado). 
Alternativa assinalada 
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 
 
 
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. Alternativa assinalada 
c) number. 
 
 
 
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. Alternativa assinalada 
b) Design experience. 
c) Desenvolvimento front-end. 
d) Estilo adaptável. 
e) Web development. 
 
 
 
 
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. Alternativa assinalada 
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> 
 
 
 
d) email. 
e) text. 
 
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. Alternativa assinalada 
d) Aproximadamente 640px. 
e) Aproximadamente 1024px.