AoL 1

Prévia do material em texto

Avaliação On-Line 1 (AOL 1) - 
Questionário 
Pergunta 1 
/1 
Leia o trecho a seguir: 
“Os estilos lógicos são definidos na folha de estilos, referida no início de cada página. Desse 
modo, todas as páginas têm o mesmo estilo e, se o webmaster decidir mudar <strong> de 
itálico com 14 pontos em azul para negrito com 18 pontos na cor rosa choque, bastará alterar 
uma definição para converter o Web site inteiro.” 
Fonte: TANENBAUM, A. S. Redes de Computadores. Rio de Janeiro: Editora Elsevier, 2003. p. 
677. 
Considerando essas informações e o conteúdo estudado sobre a formatação de documentos 
HTML usando folhas de estilos, pode ser afirmar que essa técnica é fundamental para a 
padronização das páginas de um Web site, visto que: 
Ocultar opções de resposta 
1. 
as folhas de estilos precisam ser registradas em um servidor externo para funcionarem, 
dificultando a alteração por desenvolvedores não autorizados. 
2. 
uma folha de estilos pode ser comparada a um arquivo #include em C: a mudança de 
uma definição provoca a alteração em todos os arquivos do programa. 
Resposta correta 
3. 
as folhas de estilos já estão padronizadas pelos navegadores, sem possibilidade de 
mudança pelo desenvolvedor, evitando erros de programação. 
4. 
existe linearidade sequencial entre classes de folhas de estilos, então as classes 
definidas ficam no mesmo nível em uma folha de estilos, padronizando a format 
5. 
as folhas de estilos necessitam de validação de design e funcionam com dependência 
conectiva a frameworks clássicos de padronização de sites. 
2. Pergunta 2 
/1 
A versão 3 da tecnologia CSS permite o uso das chamadas Web Fonts e, sobre isso, leia o trecho 
a seguir: 
“A regra @font-face serve para que você utilize fontes fora do padrão do sistema em seus sites. 
Para que isso funcione, nós disponibilizamos as fontes necessárias em seu servidor e linkamos 
estas fontes no arquivo CSS. A sintaxe é bem simples e tem suporte a todos os navegadores, 
com algumas ressalvas.”. 
Fonte: W3C. Curso de CSS 3 do Escritório W3C Brasil. 2019. p. 55. Disponível em: 
http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf. Acesso em 12 set. 2019. 
Considerando o trecho e o conceito estudado sobre CSS, analise as asserções a seguir e a 
relação proposta entre elas: 
I. Antes da versão 3 do CSS, os desenvolvedores estavam limitados a utilizar fontes de texto 
(tipos de letras) que são básicas dos dispositivos clientes. A solução de incorporar o arquivo de 
fonte no CSS 3 foi acertada, melhorando a usabilidade e facilitando ao desenvolvedor, 
angariando mais recursos a ele. 
Porque: 
II. Atualmente, os sites podem ter tipografias mais sofisticadas, sem a necessidade de 
"artimanhas" de desenvolvedores que utilizavam imagens (GIF ou JPEG, por exemplo) para 
escreverem textos. Isso dificultava a manutenção por necessitar abrir editores de imagens para 
alteração de textos, deixava os sites mais pesados e não permitia que leitores de tela fizessem 
um bom trabalho. 
A seguir, assinale a alternativa correta: 
Ocultar opções de resposta 
1. 
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira. 
2. 
As asserções I e II são proposições verdadeiras, e a II é uma justificativa correta da I. 
Resposta correta 
3. 
A asserção I é uma proposição verdadeira, e a II é uma proposição falsa. 
4. 
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa correta 
da I. 
5. 
As asserções I e II são proposições falsas. 
3. Pergunta 3 
/1 
A JQuery é uma biblioteca rápida e pequena de JavaScript desenvolvida para simplificar os 
scripts do lado do cliente (client-side), oferecendo recursos otimizados, que interagem com 
elementos do documento HTML e solucionam problemas de incompatibilidade entre 
navegadores. 
Fonte: JQUERY. JQuery. 2019. Disponível em: <https://jquery.com>. Acesso em 15 set. de 2019. 
Considerando o trecho apresentado e o conceito estudado sobre a JQuery, analise as 
afirmativas a seguir. 
I. A JQuery auxilia no processo de passagem e manipulação de itens dos documentos HTML e 
também de conteúdo internos de anexos, como planilhas .xls e documentos de texto do tipo 
.doc. 
II. Para utilização da biblioteca JQuery, basta incorporar seu código na página, usando a tag 
<script> e depois utilizar seletores para acessar os objetos e realizar ações. 
III. Para efetuar a seleção de um elemento e realizar uma ação na biblioteca JQuery, utilizamos 
a sintaxe Sel(“#ID”).acao();. 
IV. A biblioteca JQuery possui arquitetura compatível com instalação de plug-ins e extensões 
em geral. 
Está correto apenas o que se afirma em: 
Ocultar opções de resposta 
1. 
II e IV. 
Resposta correta 
2. 
I e III. 
3. 
 II e III. 
4. 
III e IV. 
5. 
I e IV. 
4. Pergunta 4 
/1 
Leia o trecho a seguir: 
“Embutindo todos os comandos de marcação em cada arquivo de HTML e padronizando-os, 
torna-se possível para qualquer navegador da Web ler e reformatar qualquer página da Web. A 
capacidade de reformatar páginas da Web depois de recebê-las é crucial [...].” 
Fonte: TANENBAUM, A. S. Redes de Computadores. Rio de Janeiro: Editora Elsevier Brasil, 
2003. p. 671. 
Considerando essas informações e o conteúdo estudado sobre a linguagem HTML, analise as 
marcações a seguir e associe-as a suas respectivas funções: 
1) <b> 
2) <i> 
3) <p> 
4) <br> 
5) <sup> 
( ) Adiciona uma quebra de linha. 
( ) Inicia um parágrafo. 
( ) Formata um texto para itálico. 
( ) Formata um texto para sobrescrito. 
( ) Formata um texto para negrito. 
Agora, assinale a alternativa que apresenta a sequência correta: 
Ocultar opções de resposta 
1. 
4, 2, 1, 5, 3. 
2. 
1, 2, 3, 4, 5. 
3. 
1, 4, 2, 3, 5. 
4. 
5, 3, 4, 2, 1. 
5. 
4, 3, 2, 5, 1. 
Resposta correta 
5. Pergunta 5 
/1 
Leia o trecho a seguir: 
“A vantagem de uma linguagem de marcação sobre outra sem marcação explícita é a maior 
facilidade para criar um navegador destinado à linguagem de marcação: o 
navegador só precisa entender os comandos de marcação. TeX e troff são outros exemplos 
muito conhecidos de linguagens de marcação.” 
Fonte: TANENBAUM, A. S. Redes de Computadores. Rio de Janeiro: Editora Elsevier, 2003. p. 
670. 
Considerando essas informações e o conteúdo estudado sobre a linguagem HTML, analise as 
marcações e associe-as com suas respectivas funções: 
1) <ul> 
2) <td> 
3) <span> 
4) <li> 
5) <hr> 
( ) Cria uma divisão horizontal. 
( ) Cria uma célula da tabela. 
( ) Cria uma lista desordenada. 
( ) Define uma seção no documento. 
( ) Define um item da uma lista. 
Agora, assinale a alternativa que apresenta a sequência correta: 
Ocultar opções de resposta 
1. 
5, 2, 1, 3, 4. 
Resposta correta 
2. 
4, 2, 1, 5, 3. 
3. 
 5, 2, 3, 4, 1. 
4. 
1, 3, 2, 4, 5. 
5. 
4, 2, 1, 3, 5. 
6. Pergunta 6 
/1 
Leia o trecho a seguir: 
“Uma página da Web consiste em um cabeçalho e um corpo entre as tags (comandos de 
formatação/marcação) <html> e </html>, embora a maioria dos navegadores não reclame se 
essas tags não estiverem presentes.” 
Fonte: TANENBAUM, A. S. Redes de Computadores. Rio de Janeiro: Editora Elsevier, 2003. p. 
671. 
Considerando essas informações e o conteúdo estudado sobre a linguagem HTML, analise as 
marcações e associe-as com suas respectivas funções: 
1) <ol> 
2) <blockquote> 
3) <h1> 
4) <tr> 
5) <input> 
( ) Cria um cabeçalho do nível 1. 
( ) Define uma lista ordenada. 
( ) Cria uma citação longa. 
( ) Define um campo de entrada de dados. 
( ) Cria uma linha da tabela. 
Agora, assinale a alternativa que apresenta a sequência correta: 
Ocultar opções de resposta 
1. 
3, 4, 2, 1, 5. 
2. 
3, 1, 2, 4, 5. 
3. 
4, 2, 1, 3, 5. 
4. 
3, 1, 2, 5, 4. 
Resposta correta 
5. 
1, 3, 2, 4, 5. 
7. Pergunta 7 
/1 
Leia o trecho a seguir: 
“Bootstrap é uma biblioteca popular front-end de código livre para desenvolvimento HTML, 
CSS e JS que contempla recursos para o desenvolvimento rápido e fácil de sites e aplicações 
web responsivos. Crie um protótiporápido de suas ideias ou crie seu aplicativo inteiro [...]”. 
Fonte: Bootstrap. Bootstrap (Referência oficial). 2019. Disponível em: 
https://getbootstrap.com/. Acesso em 17 set. 2019. 
Considerando o trecho apresentado e o conceito estudado sobre Bootstrap, analise as 
afirmativas a seguir. 
I. Alert, Card e Carousel são alguns dos principais componentes básicos do Bootstrap. 
II. Apesar de facilitar o desenvolvimento, o Bootstrap tende a deixar o site parecido com 
outros, pela dificuldade alta em customizar detalhes de interface dos componentes. 
III. O Bootstrap funciona com um sistema de grids responsivos que possibilita que o design 
tenha sua divisão clara em colunas, que não precisam, necessariamente, ficar lado a lado na 
tela. 
IV. O Bootstrap nasceu de um esforço de desenvolvedores da empresa mundial Facebook. 
Está correto somente o que se afirma em: 
Ocultar opções de resposta 
1. 
III e IV. 
2. 
II e III. 
3. 
I e III. 
Resposta correta 
4. 
II e IV. 
5. 
I e IV. 
8. Pergunta 8 
/1 
Leia o trecho a seguir: 
“Utilizar o conceito de Mobile First, que significa dispositivo móvel primeiro, faz com que você 
se prepare para o crescimento explosivo e as novas oportunidades emergentes nos celulares 
atualmente; force o foco e a priorização de seus produtos, adotando as restrições inerentes ao 
design móvel e que novas experiências sejam oferecidas ao desenvolvimento de novos 
recursos nativos para dispositivos móveis e modos de uso”. 
Fonte: WROBLEWSKI L. 2011. Mobile First. New York: Editora A book apart. p. 1. (Tradução 
nossa.) 
Considerando as informações desse trecho e sobre as melhores maneiras de desenvolvimento 
para a Web com foco na técnica “dispositivos móveis primeiro”, pode-se afirmar que: 
Ocultar opções de resposta 
1. 
apesar de a ideia ser interessante, grandes empresas de Web do mundo estão reticentes 
para iniciar de fato a utilização desse conceito, visto que reduzir os elementos na tela 
causa muitos espaços em branco, deixando ruim o design. 
2. 
o uso desse conceito traz problemas na manutenção das interfaces responsivas, já que é 
difícil realizar um design que se adapte a todos os tamanhos de telas, sendo necessário 
criar vários arquivos de estilos. 
3. 
esse conceito facilita o desenvolvimento por eliminar a preocupação com a ordem dos 
elementos, já que o navegador quebra automaticamente as colunas na ordem 
sequencial. 
4. 
tem-se nesse conceito uma oportunidade para avaliar o que usuário realmente 
necessita, priorizando o minimalismo no conteúdo e na navegação, com usabilidade e 
acessibilidade. 
Resposta correta 
5. 
 o hipertexto foi idealizado no amplo espaço disponível na tela de um computador e 
agora é necessário fazer adaptações manuais na tecnologia HTML para que seus 
elementos funcionem em telas menores. 
9. Pergunta 9 
/1 
Leia o trecho a seguir: 
“Atualmente, as páginas da Web são escritas em uma linguagem denominada HTML 
(HyperText Markup Language). A HTML permite que os usuários produzam páginas da Web 
que incluem texto, gráficos e ponteiros para outras páginas da Web.” 
Fonte: TANENBAUM, A. S. Redes de Computadores. Rio de Janeiro: Editora Elsevier, 2003. p. 
670. 
Considerando essas informações e o conteúdo estudado sobre a linguagem HTML, pode-se 
afirmar que essa linguagem é fundamental para a navegação Web, porque: 
Ocultar opções de resposta 
1. 
permite a formatação dos documentos por meio de marcações e possibilita a escrita de 
conteúdo sob a forma de hipertexto, que pode ser alterado em editores de texto. 
Resposta correta 
2. 
faz um controle rígido das informações e comandos sem se preocupar com o texto, que é 
anexado nos servidores. 
3. 
realiza a geração de novas páginas no servidor por meio de seus comandos, que são 
semelhantes aos da linguagem C++. 
4. 
faz a importação de documentos textuais e de outras mídias, transformando-os em 
arquivos executáveis binários nos navegadores. 
5. 
realiza o controle de quais empresas podem fornecer um navegador Web, que faz o 
cadastro (registro) de páginas junto a mecanismos de buscas. 
10. Pergunta 10 
/1 
Leia o trecho a seguir: 
“Os designs flexíveis não fazem suposições sobre a largura da janela do navegador e se 
adaptam bem aos dispositivos que têm modos retrato e paisagem. Mas nenhum design, fixo ou 
fluido, é dimensionado perfeitamente além do contexto para o qual foi originalmente 
planejado.” 
Fonte: MARCOTTE, E. Responsive Web Design. 2010. Disponível em: 
<https://alistapart.com/article/responsive-web-design/>. Acesso em: 13 set. 2019. 
Considerando as informações presentes nesse trecho e sobre os melhores modos de 
desenvolvimento de design para a Web, pode-se afirmar que os designs flexíveis: 
Ocultar opções de resposta 
1. 
são feitos com o alto poder da programação Javascript que fica dentro do documento 
feito em HTML, ajustando as larguras em tempo real. 
2. 
são feitos a partir de diferentes arquivos de estilos, em que o navegador envia 
informações sobre o cliente ao servidor e recebe a folha de estilos específica para o 
dispositivo. 
3. 
fazem parte do conceito de interatividade plena, em que os navegadores utilizam de 
recursos de inteligência artificial para dimensionarem a página, sem necessidade de 
trabalho extra do desenvolvedor. 
4. 
apesar de serem soluções interessantes, ainda são pouco utilizadas pela dificuldade de 
implementação, sem tecnologias que dão suporte a esse desenvolvimento. 
5. 
fazem parte do conceito de responsividade em que os elementos da interface reagem de 
modo programático às necessidades dos usuários e seus dispositivos. 
Resposta correta