Tecnologias Web: Design Responsivo, HTML e JavaScript

Prévia do material em texto

O AMBIENTE WEB CLIENTE X SERVIDOR E AS TECNOLOGIAS 
 
 
1. 
 
 
 (INSTITUTO AOCP/2018) Existem diversas técnicas utilizadas 
para se obter um design responsivo de aplicações web e também 
diversos motivos para que se procure essa responsividade. Um 
dos pontos principais é que as pessoas já acessam a internet mais 
em dispositivos móveis do que em computadores desktops e 
notebooks. Sobre esse design responsivo e as aplicações móveis, 
assinale a alternativa correta. 
 
 
 
A técnica Mobile First é muito eficiente: começar projetando para mobile e depois projetar 
com melhoramento progressivo permite abranger todos os devices. 
 
De maneira geral, as pessoas que usam dispositivos móveis ficam com "um olho no gato e 
outro no peixe", então pensar primeiro em um design para elas não é uma boa tática. 
 
Projetar levando em conta Mobile Last requer uma revisão profunda e fundamental de um 
site e, mais importante, requer uma revisão mental. 
 
Uma das principais técnicas adotadas é o desenvolvimento de aplicações em grandes 
dispositivos, para então pensar nos menores. Do maior para o menor. 
 
Projetar usando Mobile Last requer um planejamento cuidadoso, tempo e execução séria e 
com disciplina. 
Data Resp.: 13/01/2023 19:50:22 
 
Explicação: 
Uma das abordagens de design responsivo mais utilizadas atualmente é a mobile first. Tal 
abordagem está centrada no crescente uso de dispositivos móveis na navegação no ambiente web 
e defende que em primeiro lugar seja pensado o design para telas menores e, posteriormente, 
para telas maiores. Trata-se de um enfoque progressivo (progressive enhancement), no qual se 
parte dos recursos e tamanhos de tela disponíveis nos dispositivos menores, progredindo com a 
adição de recursos e conteúdo tendo em vista as telas e os dispositivos maiores. 
 
 
 
 
 
2. 
 
 
Em relação à arquitetura de sistemas multicamadas, considere as 
assertivas abaixo. 
I. A estação cliente faz acesso direto ao servidor de banco de 
dados. 
II. Um conjunto de bibliotecas, localizadas no computador cliente, 
tem a função de viabilizar a comunicação entre ele e o servidor. 
III. As conexões no banco de dados são realizadas pelo servidor 
de aplicação. 
IV. O gargalo de I/O (Input/Output) é evitado, uma vez que é 
possível ter a mesma regra de negócio dividida entre vários 
servidores através do balanceamento de carga. 
Os itens I a IV referem-se, respectivamente, aos modelos de: 
 
 
2, 2, 2 e 2 camadas. 
 
3, 3, 3 e 3 camadas. 
 
2, 3, 2 e 3 camadas. 
 
 
2, 2, 3 e 3 camadas. 
 
3, 3, 2 e 2 camadas. 
 
 
Explicação: 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
A resposta correta é: 2, 2, 3 e 3 camadas. 
 
 
 
 
 
 
LINGUAGEM DE MARCAÇÃO DE HYPERTEXTOHTML 
 
 
3. 
 
 
(OBJETIVA/2021 - Adaptada) HTML é uma linguagem de marcação 
que faz uso de tags para estruturar o seu conteúdo. Em uma 
página HTML, para que é utilizada a tag abaixo? 
<a></a> 
 
 
Inserção de imagem. 
 
Definição de tabela. 
 
Definição de parágrafo. 
 
 
Inserção de link. 
 
Definição de título. 
 
 
Explicação: 
A tag <a> é usada para inserir links. 
 
 
 
 
 
4. 
 
 
(UFMT/2021 - Adaptada) O HyperText Markup Language (HTML) é 
usado para estruturar páginas web. A respeito de HTML, marque V 
para as afirmativas verdadeiras e F para as falsas. 
 
( ) É uma linguagem de programação. 
( ) Substitui o uso de código JavaScript. 
( ) Utiliza tags para delimitar conteúdo. 
( ) Possui diferentes níveis de título. 
 
Assinale a sequência correta. 
 
 
F V V F 
 
F F F F 
 
V V F V 
 
V F F F 
 
 
F F V V 
 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
 
Explicação: 
HTML não é uma linguagem de programação e não substitui o uso de código JavaScript. 
 
 
 
 
 
 
LINGUAGEM JAVASCRIPT 
 
 
5. 
 
 
(UFRPE/2018) Como resposta a uma requisição AJAX, o script 
executando no servidor envia para o cliente a cadeia de caracteres 
seguinte, no formato JSON: 
 
que é recebida no seguinte campo do objeto XMLHttpRequest, em 
Javascript: 
 
 
 
responseText 
 
JSONResponseString 
 
JSONResponse 
 
serverResponse 
 
responseString 
 
 
Explicação: 
A resposta correta é: responseText, que retorna o texto recebido de um servidor após o envio de 
uma solicitação. 
 
 
 
 
 
6. 
 
 
Utilizando JavaScript , qual é a sintaxe correta para alterar o 
conteúdo do elemento HTML de id="teste", por meio do clique do 
botão abaixo? 
 
 
 
#demo.innerHTML = "Universidade Federal do Ceará" 
 
 
document.getElementById('teste').innerHTML = 'Universidade Federal do Ceará' 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
 
document.getElementByName("p").innerHTML = "Universidade Federal do Ceará" 
 
document.p.innerHTML = "Universidade Federal do Ceará" 
 
document.getElement("p").innerHTML = "Universidade Federal do Ceará" 
Data Resp.: 13/01/2023 20:11:58 
 
Explicação: 
A resposta correta é: document.getElementById('teste').innerHTML = 'Universidade Federal do 
Ceará' 
document.getElementById serve para referenciar um elemento da árvore DOM através do valor do 
seu atributo ¿id¿. 
 
 
 
 
 
 
PROGRAMAÇÃO DE PÁGINAS DINÂMICAS COM PHP 
 
 
7. 
 
 
(VUNESP/2020) Analise o trecho de código PHP a seguir. 
<?php 
 $x = 10; 
 if ($x == '10') { 
 echo "SIM"; 
 } else { 
 echo "NÃO"; 
 } 
?> 
Ao ser executado, esse código apresentará a mensagem: 
 
 
 
"SIM", pois o operador "==" compara apenas o valor e não o tipo. 
 
"SIM", visto que o operador "==" é de atribuição, e seu resultado é sempre verdadeiro. 
 
"NÃO", pois os tipos das variáveis são diferentes e não podem ser comparados. 
 
"NÃO", pois a comparação de variáveis com tipos diferentes sempre retorna "falso". 
 
"NÃO", pois cadeias de caracteres devem ser delimitadas por aspas duplas, caso contrário 
apenas o primeiro caractere é considerado. 
 
 
Explicação: 
Na imagem abaixo podemos visualizar o código e a direita a saída dele. Cabe ressaltar que seria 
"NÃO" se fosse: "if ($x === '10')". Pois estaria comparando o valor e o tipo. 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
 
 
 
 
 
 
 
 
LINGUAGEM DE MARCAÇÃO E ESTILOSCSS 
 
 
8. 
 
 
(AOCP/2013 - Adaptada) HTML e CSS podem ser utilizados em 
conjunto. Qual a responsabilidade dos códigos CSS para uma 
aplicação web? 
 
 
O código CSS irá fazer chamadas assíncronas para o servidor. 
 
O código CSS é responsável por processar conteúdos de downloads. 
 
O código CSS é responsável por prover o conteúdo da aplicação. 
 
O código CSS é responsável por processar os dados no lado do servidor. 
 
 
O código CSS irá cuidar da formatação visual do conteúdo apresentado. 
 
 
Explicação: 
A CSS, ou folhas de Estilo em Cascata (Cascading Style Sheets), é uma linguagem de estilo que 
fornece total controle sobre a apresentação de um documento escrito em HTML. 
 
 
 
 
 
9. 
 
(AOCP/2013) As regras do CSS podem ser definidas em alguns 
lugares diferentes em um documento HTML. Assinale a seguir a 
alternativa que descreve as formas onde podemos aplicar as 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp
 
formatações com CSS. 
 
 
 
Em um documento separado fora de todos os documentos HTML, no cabeçalho do 
documento HTML, dentro de cada tag HTML e fora das tags HTML. 
 
Em um documento separado fora de todos os documentos HTML e no cabeçalho do 
documento HTML. 
 
 
Em um documento separado fora de todos os documentos HTML, no cabeçalho do 
documento HTML e dentro de cada tag HTML.Somente no cabeçalho do documento HTML. 
 
No cabeçalho do documento HTML e dentro de cada tag HTML. 
 
 
Explicação: 
Há três formas usuais de aplicar estilos em um documento HTML fazendo uso de CSS: Inline, 
Interna e Externa. CSS interna também chamada de CSS incorporada, é declarada na seção < 
head > do documento HTML. CSS externa onde os estilos são declarados em um arquivo externo, 
com extensão ".css" e vinculados ao documento HTML por meio da tag < link > ou da diretiva 
@import dentro da tag < head >. A forma CSS inline implica em declarar o estilo CSS diretamente 
na tag, no código HTML. 
 
 
 
 
 
 
INTEGRAÇÃO DO PHP COM BANCO DE DADOS 
 
 
10. 
 
 
(IFB - 2017 - IFB - Professor - Informática/ 
Desenvolvimento de Sistemas) 
Segundo Beighley e Morrison (2010), quando 
um formulário HTML envia dados a um script 
PHP, utiliza-se um conjunto de variáveis 
superglobais (superglobais são variáveis pré-
definidas pelo interpretador PHP e que estão 
sempre disponíveis em todos os escopos) para 
acessar os dados enviados pelo formulário 
HTML. Assinale a alternativa que apresenta os 
identificadores/nomes de variáveis 
superglobais corretos para a tarefa de acessar 
dados enviados por um formulário HTML: 
 
 
$_SUPER_FORM, $_SUPER_HTTP 
 
$_FORM, $_HTTP 
 
$_SUPER_GET, $_SUPER_POST 
 
$_FORM, $_RESPONSE 
 
 
$_GET, $_POST 
Explicação: 
A resposta correta é: $_GET, $_POST 
 
 
https://simulado.estacio.br/bdq_simulados_exercicio_ensineme.asp