DESENV. WEB EM HTML5, CSS, JAVASCRIPT E PHP - Atividade - TEMA 1

Prévia do material em texto

O AMBIENTE WEB CLIENTE X SERVIDOR E AS TECNOLOGIAS 
 
 
 
 
 
 
1. 
 
 
Dentre as alternativas a seguir, assinale a que NÃO se aplica ao conceito de 
Design Responsivo: 
 
 
 
As consultas de mídias são essenciais para páginas responsivas, pois permitem adaptação do layout. 
 
 
Um site responsivo utiliza apenas uma URL, servindo a todos os usuários, independentemente de seus 
dispositivos. 
 
 
Um sítio responsivo simplifica o desenvolvimento, pois só precisa de um código para os diversos 
dispositivos. 
 
O design de uma interface responsiva precisa entender o viewport, espaço de renderização da página. 
 
Como uma estratégia de desenvolvimento, recomenda-se começar o design responsivo pelas interfaces 
maiores e mais complexas. 
Data Resp.: 08/08/2023 10:59:15 
 
Explicação: 
A resposta correta é: Como uma estratégia de desenvolvimento, recomenda-se começar o design responsivo 
pelas interfaces maiores e mais complexas. 
 
 
 
 
 
 
 
 
 
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. 
 
2, 2, 3 e 3 camadas. 
 
 
3, 3, 3 e 3 camadas. 
 
 
3, 3, 2 e 2 camadas. 
 
2, 3, 2 e 3 camadas. 
Data Resp.: 08/08/2023 11:02:19 
 
Explicação: 
A resposta correta é: 2, 2, 3 e 3 camadas. 
 
 
 
 
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
 
 
 
 
 
3. 
 
 
 (OBJETIVA/2021) Conforme BONATTI, sobre tecnologias e linguagens 
utilizadas na construção de websites, numerar a 2ª coluna de acordo com a 1ª 
e, após, assinalar a alternativa que apresenta a sequência CORRETA: 
 
(1) CSS. 
(2) PHP. 
(3) HTML. 
 
( ) É uma linguagem de programação open source, que é interpretada pelo 
servidor, muito utilizada para o desenvolvimento de aplicações voltadas para 
a internet. 
( ) Serve para promover o acabamento visual das páginas web. Pode ser 
compartilhado entre várias páginas, permitindo, assim, uma padronização 
visual muito simplificada e lógica. 
( ) É uma linguagem de marcação, que é interpretada pelo browser para dar 
formatação e posicionamento ao conteúdo do website. 
 
 
2 - 1 - 3. 
 
 
3 - 2 - 1. 
 
 
3 - 1 - 2. 
 
 
2 - 3 - 1. 
 
 
1 - 2 - 3. 
Data Resp.: 08/08/2023 10:55:49 
 
Explicação: 
PHP é uma linguagem de programação amplamente utilizada. CSS é um mecanismo para adicionar estilo a um 
documento web. HTML é uma linguagem de marcação, que é interpretada pelo browser para dar formatação e 
posicionamento ao conteúdo do website. 
 
 
 
 
 
 
 
 
 
4. 
 
 
 (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. 
 
 
 
Projetar levando em conta Mobile Last requer uma revisão profunda e fundamental de um site e, mais 
importante, requer uma revisão mental. 
 
 
Projetar usando Mobile Last requer um planejamento cuidadoso, tempo e execução séria e com disciplina. 
 
 
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. 
 
A técnica Mobile First é muito eficiente: começar projetando para mobile e depois projetar com 
melhoramento progressivo permite abranger todos os devices. 
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
 
 
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. 
Data Resp.: 08/08/2023 10:56:21 
 
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. 
 
 
 
 
 
 
 
 
 
5. 
 
 
(COPESE/2020 - Adaptada) O modelo cliente X servidor é a base do 
ambiente web e de suas aplicações. Sobre a arquitetura cliente-servidor, 
marque a opção CORRETA. 
 
 
 
Os clientes são responsáveis por armazenar os dados nesta arquitetura, pois possuem um controle de 
segurança superior aos servidores. 
 
 
Esta arquitetura entrou em desuso em decorrência da arquitetura ponto-a-ponto. 
 
 
Os servidores não compartilham quaisquer dos seus recursos. 
 
O navegador Web Opera é um exemplo de cliente. 
 
O servidor se preocupa principalmente em requisitar informações. 
Data Resp.: 08/08/2023 10:56:38 
 
Explicação: 
Os servidores são responsáveis por armazenar os dados nesta arquitetura. O cliente se preocupa principalmente 
em requisitar informações. É uma arquitetura amplamente utilizada. 
 
 
 
 
 
 
 
 
 
6. 
 
 
 (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, F, F, F 
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
 
 
V, V, F, V 
 
F, F, V, V 
 
 
F, V, V, F 
 
 
V, F, F, F 
Data Resp.: 08/08/2023 11:02:41 
 
Explicação: 
HTML não é uma linguagem de programação e não substitui o uso de código JavaScript. 
 
 
 
 
 
 
 
 
 
7. 
 
 
(INSTITUTO AOCP/2018) Em nosso dia-a-dia, já é possível perceber que os 
mais diversos dispositivos mobile chegaram para ficar e já assumiram seu 
lugar, tornando-se o meio padrão para acesso à web. Como esses 
dispositivos possuem os mais variados tamanhos de telas, é importante que o 
desenvolvedor sempre pense no web design responsivo. Para conseguir 
desenvolver um design responsivo para a web, três tecnologias principais ou 
modos de aplicar essas tecnologias estão envolvidas. Assinale a alternativa 
que apresenta essas três tecnologias. 
 
 
 
Layout Tabular; ícones flexíveis; e Links Âncoras. 
 
 
Layout Tabular; imagens e recursos flexíveis; e Media Queries. 
 
 
Layout fluído; imagens e recursos flexíveis; e Links Âncoras. 
 
 
Layout fluído; botões lineares; e Links Âncoras. 
 
Layout fluído; imagens e recursos flexíveis; e Media Queries. 
Data Resp.: 08/08/2023 10:58:47 
 
Explicação: 
O conceito de Layout fluido versa sobre a adaptabilidade ao campo de visão conforme as dimensões do 
dispositivo que visualiza a página. Uma media query é um recurso que faz com que uma página da web se 
adapte ao seu layout para tamanhos de tela e tipos de mídia diferentes. 
 
 
 
 
 
 
 
 
 
8. 
 
 
(ESAF/2012 - Adaptada) A popularização dos dispositivos móveis (como 
tablets e smartphones) está alterandoo paradigma de tornar disponíveis as 
informações na web, o que tem impacto direto nas boas práticas de web 
design. Sobre esta questão, marque a alternativa correta. 
 
 
 
a necessidade de adaptação de conteúdo para dispositivos diversos é um incentivo ao desenvolvimento de 
aplicações baseadas em navegadores web. 
 
 
tanto nas interfaces para computadores desktop/laptop quanto naquelas para dispositivos móveis, o uso de 
texturas e gradientes se restringe a aspectos estéticos. 
 
 
a construção de interfaces para telas de desktops/ laptops e para dispositivos móveis só varia na escala, já 
que a interação com o mouse pode ser substituída, sem perdas, pela interação em dispositivos "touch". 
 
 
os recursos do HTML versão 5.0 esbarram nos mesmos problemas de compatibilidade que outras 
tecnologias pensadas para a navegação em desktops/ laptops, como o Adobe Flash. 
 
a utilização de layouts fluidos aparece como uma solução viável para a adaptação dos sites à diversidade 
de resoluções utilizadas por dispositivos móveis, desktop e laptop. 
Data Resp.: 08/08/2023 10:58:36 
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
 
Explicação: 
O conceito de Layout fluido versa sobre a adaptabilidade ao campo de visão conforme as dimensões do 
dispositivo que visualiza a página. 
 
 
 
 
 
 
 
 
 
9. 
 
 
(UNIOESTE/2022 - Adaptada) Com relação às Ferramentas de 
desenvolvimento Web: CSS, assinale a alternativa que completa a sentença: 
"A Cascading Style Sheets (CSS) é uma linguagem de folha de estilo criada 
para ...": 
 
 
 
Programação de alto nível em roteadores e switches. 
 
 
Separar a forma e o conteúdo em arquivos distintos de maneira a reduzir o tempo de carregamento de uma 
página web. 
 
Descrever a apresentação de arquivos no formato HTML, utilizando definições de exibição dos elementos 
deste arquivo. 
 
 
Permitir elaborar e executar, a partir do código HTML, funções matemáticas complexas. 
 
 
Simplificar a diagramação em HTML com elementos definidos em estruturas hierárquicas. 
Data Resp.: 08/08/2023 10:57:26 
 
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. Por meio dela, é possível, por exemplo, 
alterar a forma e o posicionamento dos elementos, as cores, os tipos e tamanhos de fontes e muito mais. 
 
 
 
 
 
 
 
 
 
10. 
 
 
 (CEFET-MG/2021 - Adaptada) A comunicação na internet acontece 
principalmente através do modelo requisição e resposta. Sobre o modelo de 
rede cliente-servidor, é correto afirmar que: 
 
 
 
os computadores clientes são mantidos em locais chamados centro de dados. 
 
 
o modelo depende da utilização de uma VPN para ser considerado viável. 
 
 
o cliente recebe requisições, executa o trabalho solicitado e envia a resposta. 
 
os dados são armazenados em poderosos computadores chamados servidores. 
 
 
o modelo é considerado obsoleto, sendo pouco utilizado atualmente. 
Data Resp.: 08/08/2023 10:57:05 
 
Explicação: 
O modelo cliente-servidor é amplamente utilizado. Nele, os dados estão disponíveis em poderosos computadores 
chamados servidores. Quem recebe as requisições são os servidores, não os clientes. 
 
 
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp
https://simulado.estacio.br/bdq_simulados_exercicio_temas.asp