Prova Objetiva Regular - Ferramentas de Desenvolvimento Web

Prévia do material em texto

Questão 1/12 - Ferramentas de Desenvolvimento Web
CSS (Cascading Style Sheets) é uma linguagem poderosa e versátil que permite controlar a
aparência de elementos em uma página da web. Uma das funcionalidades mais úteis do
CSS é a capacidade de utilizar media queries. As media queries permitem que os
desenvolvedores adaptem o estilo de um site com base nas características do dispositivo
em que está sendo exibido, como tamanho da tela, orientação ou resolução. Com as media
queries, é possível criar layouts responsivos, que se ajustam automaticamente a diferentes
dispositivos, proporcionando uma experiência de usuário consistente e agradável em todos
os dispositivos. Essa flexibilidade do CSS, combinada com as media queries, torna possível
criar designs fluidos que se adaptam a uma ampla variedade de dispositivos e tamanhos de
tela, proporcionando uma experiência de navegação otimizada. A respeito de media
queries, analise as afirmativas abaixo:
I. @media only screen and (min-width: 768px). Pode ser definido quando estamos
projetando para telas grandes.
II. Media query permite criar uma folha de estilo para uma determinada mídia, mediante
consulta e identificação desta mídia.
III. O operador only é utilizado para determinar que se aplica somente a mídia definida.
IV. Breakpoints são pontos onde o layout se readapta para se ajustar a largura da janela
detectada.
Agora, selecione a alternativa que apresenta a alternativa correta:
C Apenas I, II e IV estão corretas.
Você assinalou essa alternativa (C)
Questão 2/12 - Ferramentas de Desenvolvimento Web
Com o CSS, é possível separar a estrutura do conteúdo de um documento HTML da sua
apresentação visual, o que oferece maior flexibilidade e facilidade na manutenção do
código. As regras de estilo do CSS são aplicadas em cascata, o que significa que diferentes
estilos podem ser aplicados a elementos HTML, sendo a prioridade determinada por
seletores específicos. Essa separação entre conteúdo e estilo é uma das principais razões
pelas quais o CSS é amplamente utilizado na construção de sites modernos. Há diferentes
técnicas e propriedades de CSS que permitem posicionar elementos na construção de
layouts. A respeito de propriedades CSS, analise as afirmações abaixo e marque V para as
asserções verdadeiras e F para as asserções falsas:
I. A propriedade “float” permite estruturar elementos na página, permitindo posicionar os
elementos para a esquerda ou direita da tela.
II. O Box Model é composto por conteúdo, preenchimento, bordas e margens.
III. O Flex Box é indicado para layouts simples onde os elementos são distribuídos em uma
dimensão, de maneira responsiva.
IV. A propriedade “position” permite possibilidades diferentes de comportamento nos
elementos, possui os valores: “static” (estático), “top” (superior),”relative” (relativo),
“absolute” (absoluto).
V. CSS Grid organiza conteúdos em duas dimensões, estruturando elementos em linhas e
colunas.
Agora, selecione a alternativa que apresenta a sequência correta de respostas:
C V – V – V – F – V
Você assinalou essa alternativa (C)
Questão 3/12 - Ferramentas de Desenvolvimento Web
Os seletores CSS são uma parte fundamental da estilização e formatação de páginas da
web. Eles permitem que os desenvolvedores identifiquem e apliquem estilos a elementos
específicos em um documento HTML. Os seletores CSS são usados para segmentar
elementos com base em sua estrutura, classes, IDs ou outros atributos. Com os seletores
disponíveis, é possível direcionar elementos individuais, grupos de elementos ou até
mesmo elementos aninhados. Essa flexibilidade oferece um controle preciso sobre o design
e a aparência de uma página, permitindo a personalização de cores, fontes, tamanhos,
margens e muito mais. A respeito de seletores de classe, analise as afirmações abaixo e
marque V para as asserções verdadeiras e F para as asserções falsas:
I. ( ) O seletor de classe é utilizado para selecionar elementos utilizando o nome do
elemento.
II. ( ) Para selecionar elementos com uma classe específica, utiliza-se o caractere cerquilha
(#), seguido do nome da classe.
III. ( ) O seletor de classe permite estilizar elementos com base em um atributo de classe
específico.
IV. ( ) O seletor de classe é representado pelo caractere ponto (.), seguido do nome da
classe.
Agora, selecione a alternativa que apresenta a sequência correta:
D F - F - V - V
Você assinalou essa alternativa (D)
Questão 4/12 - Ferramentas de Desenvolvimento Web
A tag <form> é utilizada para criar um formulário em HTML, permitindo receber informações
dos usuários. Sobre a tag <form>, analise as afirmações e marque V para as asserções
verdadeiras, e F para as asserções falsas.
I. ( ) A tag <form> é usada para enviar dados de um formulário para um banco de dados.
II. ( ) Os campos do formulário devem ser colocados entre as tags <form> e </form>.
III. ( ) Os dados do formulário podem ser enviados para um endereço de e-mail.
IV. ( ) A tag <form> é usada para definir estilos e formatação dos campos do formulário.
Agora, selecione a alternativa que apresenta a sequência correta:
Você não pontuou essa questão
A F – V – V – F
Você assinalou essa alternativa (A)
B V – V – F – V
C V – V – V – V
D F – F – F – F
E V – V – V – F
Questão 5/12 - Ferramentas de Desenvolvimento Web
Em HTML o valor desse atributo é usado para fornecer uma identificação exclusiva a um
elemento em uma página da web. Ele permite que os desenvolvedores acessem e
manipulem o elemento por meio de CSS ou JavaScript.
Essa afirmativa diz respeito a:
E title
Questão 6/12 - Ferramentas de Desenvolvimento Web
O DOM, ou Modelo de Objeto de Documento, é uma interface de programação que
representa uma página web carregada em um navegador. Ele permite que os
desenvolvedores acessem, manipulem e atualizem dinamicamente o conteúdo, a estrutura
e o estilo de uma página HTML por meio de scripts, principalmente utilizando a linguagem
de programação JavaScript. Com o JavaScript e o DOM, os desenvolvedores podem
interagir com os elementos da página, alterando seus atributos, adicionando ou removendo
elementos, respondendo a eventos e atualizando a interface de acordo com ações do
usuário. Essa combinação poderosa permite a criação de páginas interativas e dinâmicas,
tornando a experiência do usuário mais envolvente. Sobre os métodos desse modelo
analise as afirmações abaixo:
I. getElementById(): acessa o elemento DOM identificando o id. ID é identificador único,
exclusivo no documento.
II. getElementByClassName(): retorna uma lista com todos os elementos que possuem o
nome da classe dada.
III. querySelector(): permite acessar o primeiro elemento correspondente ao seletor
informado.
IV. getElementsByTagName(): retorna uma coleção de nós estática (não ativa) que
representa uma lista de elementos do documento que correspondem ao grupo especificado
de seletores CSS passado como parâmetro.
Agora, selecione a alternativa que apresenta a resposta correta:
B Apenas I, II e III estão corretas.
Você assinalou essa alternativa (B)
Questão 7/12 - Ferramentas de Desenvolvimento Web
JavaScript oferece um conjunto poderoso de funções para manipulação de datas. Com
essas funções, é possível obter, criar e manipular datas de forma flexível. Também é
possível fazer cálculos com datas, como adicionar ou subtrair dias, horas ou minutos.
Digamos que um programador tenha a instrução:
const d= newDate();
Ele deseja obter e exibir o dia do mês (entre 1 e 31). Qual instrução teria que utilizar:
B document.write(d.getDate());
Você assinalou essa alternativa (B)
Questão 8/12 - Ferramentas de Desenvolvimento Web
Ao desenvolver um website, um dos elementos fundamentais é a criação de menus de
navegação eficientes e visualmente atraentes. O CSS (Cascading Style Sheets)
desempenha um papel crucial nesse processo, permitindo a estilização e o posicionamento
dos elementos do menu de forma flexível e consistente em todas as páginas do site. Com o
uso adequado de seletores, propriedades e valores CSS, é possível criarmenus horizontais
ou verticais, adicionar efeitos de transição, definir a aparência de itens ativos ou em
destaque, entre outras personalizações.
Observe o trecho do código abaixo:
li {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
Como alterar o código para que o menu se torne horizontal:
B Alterando a propriedade display para inline.
Você assinalou essa alternativa (B)
Questão 9/12 - Ferramentas de Desenvolvimento Web
Seletores CSS são padrões utilizados para direcionar e estilizar elementos específicos em
uma página da web. Eles permitem que os desenvolvedores identifiquem elementos HTML
com base em suas características e hierarquia dentro da estrutura do documento. Os
seletores CSS são uma parte fundamental para aplicar estilos de forma seletiva e
consistente em diferentes partes de um site, oferecendo controle preciso sobre o design e a
aparência dos elementos. A respeito desse assunto, analise as assertivas abaixo:
I. Os seletores associados a um class no documento HTML são definidos iniciando pelo
símbolo # no CSS.
II. Um seletor que utiliza uma classe tem maior importância do que um seletor que utiliza
apenas um tipo associado a uma tag.
III. Estilos aplicados a um elemento podem ser herdados pelos seus filhos, a menos que
uma regra específica seja aplicada a eles.
IV. Se um elemento receber uma regra de CSS interno e uma regra de CSS inline, a regra
inline é que será aplicada no elemento.
Agora, selecione a alternativa que apresenta a alternativa correta:
B Apenas III e IV estão corretas.
Você assinalou essa alternativa (B)
Questão 10/12 - Ferramentas de Desenvolvimento Web
Analise o código a seguir:
let resultado=(x,y)=> x+y;
sobre esse código é correto afirmar que:
A Está correto, define uma função que resulta na soma de dois números fornecidos
como parâmetros.
Você assinalou essa alternativa (A)
Questão 11/12 - Ferramentas de Desenvolvimento Web (questão opcional)
Observe o código a seguir:
1. <!DOCTYPE html>
2. <head>
3. <title>Questão de avaliação</title>
4. <style>
5. --------
6. </style>
7. </head>
8. <body>
9. <h1> Centro Universitário Uninter</h1>
10. <p>Fundamentos da Programação Web</p>
11. </body>
12. </html>
Para permitir que o usuário selecione os textos da página e o conteúdo selecionado fique
com o fundo na cor salmão, a lacuna da linha 5 (cinco) deve ser corretamente preenchida
com a declaração CSS:
A ::selection{background-color: salmon;}
Você assinalou essa alternativa (A)
Questão 12/12 - Ferramentas de Desenvolvimento Web (questão opcional)
Analise o trecho do código abaixo de uma página Web, no qual as declarações da linha 10
(dez) foram omitidas.
1. <!DOCTYPE html>
2. <head> </head>
3. <style>
4. .xxx{
5. font-size: 18px;
6. text-align: center;
7. color:rgb(248, 244, 244);
8. background-color: rgb(104, 22, 236);
9. }
10. -------------
11. </style>
12.
13. <body>
14. <button class="xxx" id="btn1">Clique Aqui</button>
15. <p>Bom dia!!!</p>
16. </body>
17. </html>
Na linha dez (tracejada), a declaração que faz com que o botão mude de cor de fundo
quando o mouse é posicionado sobre ele é:
A button:hover { background-color: black; }
Você assinalou essa alternativa (A)