Fundamentos de Internet

•

Exatas

Rebeca Lopes

25/05/2024

Prévia do material em texto

GABARITO 
DISCIPLINA 
COM130 - Fundamentos de Internet e Web 
APLICAÇÃO 
03/12/2020 
CÓDIGO 
DA PROVA P001/P002 
 
QUESTÕES OBJETIVAS 
Questão 1.1 
Acerca da WWW (World Wide Web) analise as afirmações a seguir: 
 
I. Ela é um sistema de documentos em hipermídia que são interligados e executados na internet. 
II. Ela é baseada apenas no HTTP, protocolo da camada de aplicação da arquitetura TCP/IP. 
III. As funcionalidades da web são baseadas em 3 padrões: URL, HTTP e HTML. 
IV. O navegador é um programa de computador usado para visualizar recursos da WWW. 
 
a) Apenas I, III e IV estão corretas. 
b) Apenas I e II estão corretas. 
c) Apenas I e III estão corretas. 
d) Apenas II, III e IV estão corretas. 
e) Apenas I e IV estão corretas. 
 
RESOLUÇÃO 
A resposta correta é: Apenas I, III e IV estão corretas. 
 
Justificativa 
Os pilares da WWW fundamentam-se no protocolo HTTP, na linguagem de marcação HTML e na URL, 
que especifica como cada página de informação recebe um único endereço, de modo que possa ser 
encontrada. 
 
 
Questão 1.2 
Considere o código de uma página HTML com folhas de estilo, usada para simplificar o modo de 
construir o design de páginas na Web. 
 
<html> 
 <head> 
 <style> 
 <div> 
 { 
 border:2px solid red; 
 width: 300px; 
 height: 300px; 
 } 
 </div> 
 </style> 
 </head> 
 <body> 
 <div>texto</div> 
 </body> 
</html> 
 
Assinale a alternativa que contém o trecho que precisa ser inserido entre o “heigth: 300px;” e o “}” para 
alinhar a div ao centro da página. 
a) margin: 50% 
b) center: 0px auto 
c) margin: 0px auto 
d) margin: 100% 
e) center: 100% 
 
RESOLUÇÃO 
A resposta correta é: margin: 0px auto. 
 
O código ficará da seguinte forma: 
<html> 
 <head> 
 <style> 
 <div> 
 { 
 border:2px solid red; 
 width: 300px; 
 height: 300px; 
 margin: 0px auto 
 } 
 </div> 
 </style> 
 </head> 
 <body> 
 <div>texto</div> 
 </body> 
</html> 
 
Justificativa 
Pela sintaxe definida pelo CSS, dentro do div usamos margin. Dessa forma, não podem ser as 
alternativas “center: 0px auto” e “center: 100%”. Quando colocarmos auto, estamos dizendo para o 
browser calcular automaticamente a margem. 
 
 
Questão 1.3 
HTML define o significado e a estrutura do conteúdo da web, sendo uma das linguagens utilizadas para 
desenvolver websites. Dentre as novas tags introduzidas pelo HTML 5, destacam-se: 
a) <bdi>, <audio>, <mark>. 
b) <head>, <audio>, <mark>. 
c) <div>, <mark>, <bdi>. 
d) <headergroup>, <meter>, <rd>. 
e) <mark>, <dd>, <bdi>. 
 
RESOLUÇÃO 
A resposta correta é: <bdi>, <audio>, <mark>. 
 
Justificativa 
Considere a ordem das alternativas como a dada a seguir: 
a) <bdi>, <audio>, <mark>. (Correta) 
b) <head>, <audio>, <mark>. 
c) <div>, <mark>, <bdi>. 
d) <headergroup>, <meter>, <rd>. 
e) <mark>, <dd>, <bdi>. 
 
As tags div, mark e head já eram conhecidas. Por isso as alternativas b), c) e e) estão erradas. A 
alternativa d) está errada porque não há uma tag chamada rd. A tag bdi é útil ao incorporar um texto 
com uma direção desconhecida no interior de um texto com direção fixa. 
 
 
Questão 1.4 
Para escolher a cor de background de um elemento <div></div> em HTML5, é preciso: 
 
I. Utilizar o atributo bgcolor. 
II. Utilizar a propriedade color. 
III. Utilizar a propriedade background-color do CSS. 
IV. A cor somente pode ser especificada pelo nome: por exemplo, red, blue, green. 
 
a) Apenas I está correta. 
b) Apenas I e III estão corretas. 
c) Apenas I, III e IV estão corretas. 
d) Apenas II e IV estão corretas. 
e) Apenas III está correta. 
 
RESOLUÇÃO 
A resposta correta é: Apenas III está correta. 
 
Justificativa 
Como a versão 5.0 do HTML para poder modificar a cor de fundo, basta utilizar a propriedade 
background-color do CSS. 
 
Por exemplo: 
<div style="background-color: red"></div> 
 
Não há atributo bgcolor e nem mesmo color nesse contexto. A cor pode ser por nome, em notação 
hexadecimal e como RGB. 
QUESTÕES DISSERTATIVAS 
 
Questão 2 
Considere o código HTML5 abaixo: 
 
<!DOCTYPE html> 
<html> 
<head> 
<style> 
table, th, td { 
 border: 1px solid black; 
} 
</style> 
</head> 
<body> 
 
<table> 
 <tr> 
 <th>Mês</th> 
 <th>Salário</th> 
 </tr> 
 <tr> 
 <td>Janeiro</td> 
 <td>R$100</td> 
 </tr> 
 <tr> 
 <td>Fevereiro</td> 
 <td>R$80</td> 
 </tr> 
</table> 
</body> 
</html> 
 
Como seria o código em CSS que deve ser utilizado para centralizar a tabela apresentada? 
 
RESOLUÇÃO 
<!DOCTYPE html> 
<html> 
<head> 
<style> 
table, th, td { 
 border: 1px solid black; 
} 
table.center { 
 margin-left: auto; 
 margin-right: auto; 
} 
</style> 
</head> 
<body> 
 
<table class="center"> 
 <tr> 
 <th>Mês</th> 
 <th>Salário</th> 
 </tr> 
 <tr> 
 <td>Janeiro</td> 
 <td>R$100</td> 
 </tr> 
 <tr> 
 <td>Fevereiro</td> 
 <td>R$80</td> 
 </tr> 
</table> 
</body> 
</html> 
 
Rubricas | critérios de correção 
Basta que o aluno coloque os códigos de centralização no local correto, ou seja, entre as tags 
<style></style>. O valor de class pode ser outro ao invés de center, que o efeito será o mesmo, desde 
que este seja definido depois de table dentro do <style></style>. 
 
 
Questão 3 
Os sistemas de camadas de protocolos apresentam vantagens conceituais e estruturais, o que facilita a 
discussão de componentes de sistemas. Nesse contexto, discuta de forma geral as funcionalidades da 
camada de aplicação e da camada de transporte da pilha de protocolos da internet. 
 
RESOLUÇÃO 
A camada de aplicação é onde residem as aplicações de rede e seus protocolos. Dentre esses 
protocolos o mais importante é o HTTP. 
A camada de transporte carrega mensagens da camada de aplicação entre os lados do cliente e 
servidor de uma aplicação. 
 
Rubricas | critérios de correção 
É importante que o aluno saiba minimamente diferenciar as camadas da pilha de protocolos da 
internet e qual a funcionalidade de cada uma delas, em especial falar das duas mencionadas na 
pergunta. Para cada camada explicada adequadamente, indicar 50% na hora da correção.