Fundamentos da Programação Web

Prévia do material em texto

Questão 1/10 - Fundamentos da Programação Web 
CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a aparência e o layout dos 
elementos de uma página da web. Com o uso do CSS, é possível criar páginas visualmente atraentes, 
permitindo uma melhor experiência do usuário. Ele trabalha em conjunto com o HTML para separar o 
conteúdo da página da sua apresentação, possibilitando a criação de estilos para coisas como fontes, 
cores, layout, entre outros. Para declarar CSS, utilizamos os seletores. 
Sobre o uso dos seletores CS, analise as afirmações que seguem e marque V para as asserções 
verdadeiras, e F para as asserções falsas. 
 
I. Seletores simples definem elementos com base no nome, id e classe. 
II. Seletores de combinação selecionam elementos com base em um relacionamento específico entre 
eles. 
 
III. Seletores de pseudoclasse selecionam elementos com base em determinado estado. 
IV. Seletores de pseudoelementos selecionam e estilizam um elemento. 
 
V. Seletores de atributo selecionam elementos com base em um atributo ou valor de atributo. 
 
 
 
Agora, selecione a alternativa que apresenta a sequência correta: 
 
A F - V - V - F- F 
 
B V - F - F - V- V 
 
C V - V - V - F- V 
Você assinalou essa alternativa (C) 
 
D F - F - V - V- V 
 
E V - F - V - F- F 
 
Questão 2/10 - Fundamentos da Programação Web 
Observe o trecho de código abaixo: 
1. < > 
2. <li>HTML</li> 
3. <li>CSS</li> 
4. <li>JavaScript</li> 
5. </ > 
O código que completa as linhas 1 e 5 para criar uma lista ordenada é: 
 
A <td> e</td> 
 
B <ol> e </ol> 
Você assinalou essa alternativa (B) 
 
C <ul> e </ul> 
 
D <th> e </th> 
 
E <select> e </select> 
 
Questão 3/10 - Fundamentos da Programação Web 
No contexto da manipulação de CSS e do conceito de herança, analise as afirmações a seguir e marque V 
para as asserções verdadeiras e F para as asserções falsas: 
 
I. O modelo de árvore do documento (DOM) representa a hierarquia dos elementos em uma página 
HTML. 
 
II. A propriedade de largura (width) faz parte da herança em CSS. 
 
III. Por padrão, todas as propriedades CSS herdam valores definidos no elemento pai. 
IV. O modelo de árvore do documento é semelhante a uma árvore genealógica, representando os graus 
de parentesco entre os elementos. 
 
 
Agora, selecione a alternativa que apresenta a sequência correta de respostas: 
Você não pontuou essa questão 
 
A F - V - F- F 
 
B F - F - F - F 
 
C V - V - V - F 
Você assinalou essa alternativa (C) 
 
D F - F - V - V 
 
E V - F - F - V 
 
Questão 4/10 - Fundamentos da Programação Web 
Observe o trecho da página exibido na web: 
 
Listas não ordenadas 
• HTML 
• CSS 
• JavaScript 
Listas Ordenadas 
1. HTML 
2. CSS 
3. JavaScript 
A respeito do código para criar as listas acima, analise as assertivas que seguem e marque V para as 
asserções verdadeiras, e F para as asserções falsas. 
 I. Para criar uma lista não ordenada utiliza-se a tag <ul>. 
II. Para criar uma lista ordenada utiliza-se a tag <ol>. 
III. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <br>. 
IV. Para colocar um item abaixo do outros nas listas acima, utiliza-se a tag <p>. 
 Agora, selecione a alternativa que apresenta a sequência correta: 
 
A F – V – V -F 
 
B V – V – F -V 
 
C V – V – V -V 
 
D F – F – F - F 
 
E V – V – F - F 
Você assinalou essa alternativa (E) 
 
Questão 5/10 - Fundamentos da Programação Web 
A sigla HTML significa Hypertext Markup Language. Em português Linguagem de Marcação de Hipertexto. 
HTML é o coração da web. O desenvolvimento do HTML teve vários visionários que contribuíram para seu 
desenvolvimento. A esse respeito, analise as assertivas que seguem e marque V para as asserções 
verdadeiras, e F para as asserções falsas. 
 I. Vannevar Bush projetou o Memex, em 1945, Tratava-se de uma máquina que tornava possível copiar 
imagens entre documentos. 
II. Theodor (Ted) Nelson criou o termo hipertexto/hipermídia. Apresentou o projeto Xanadu, cuja ideia era 
disponibilizar textos paralelos. Com essa proposta, é possível visualizar documentos e suas conexões 
precisas, utilizando duas janelas. 
III. Tim Berners-Lee, em 1990, desenvolveu o HTML, com o objetivo de trocar informações entre 
pesquisadores de Universidades. 
 
Agora, selecione a alternativa que apresenta a sequência correta: 
 
A F – V – V 
Você assinalou essa alternativa (A) 
 
B V – V – F 
 
C V – V – V 
 
D F – F – F 
 
E F – V – F 
 
Questão 6/10 - Fundamentos da Programação Web 
O HTML é responsável pela estruturação dos conteúdos a serem exibidos nas páginas. O CSS possui uma 
finalidade específica na diagramação de páginas. 
A respeito do CSS, qual é a finalidade do CSS em relação ao HTML e o que é um bloco de declaração em 
CSS? 
 
A O CSS tem como finalidade especificar a apresentação da página HTML, enquanto o 
bloco de declaração em CSS contém uma ou mais declarações que definem a estilização 
de um elemento HTML. 
Você assinalou essa alternativa (A) 
 
B O CSS tem como finalidade estruturar o conteúdo das páginas HTML, enquanto o bloco 
de declaração em CSS contém uma ou mais declarações que definem o comportamento 
de um elemento HTML. 
 
C O CSS tem como finalidade controlar as interações do usuário com a página HTML, 
enquanto o bloco de declaração em CSS contém uma ou mais declarações que definem 
as propriedades de um elemento HTML. 
 
D O CSS tem como finalidade substituir o HTML na construção de páginas web, enquanto o 
bloco de declaração em CSS contém uma ou mais declarações que definem a função de 
um elemento HTML. 
 
E O CSS tem como finalidade substituir completamente o HTML na construção de páginas 
web, enquanto o bloco de declaração em CSS contém uma ou mais declarações que 
definem as funções de um elemento HTML. 
 
Questão 7/10 - Fundamentos da Programação Web 
Observe o código abaixo: 
a:link { 
 color: red; 
 } 
Agora você pode escolher a alternativa que corresponde ao conceito apresentado na declaração acima. 
Você não pontuou essa questão 
 
A Herança de propriedades em CSS. 
 
B Seletores de classe em CSS. 
 
C Seletores de pseudoclasse em CSS. 
 
D Seletores de atributo em CSS. 
Você assinalou essa alternativa (D) 
 
E Seletores de pseudoelemento em CSS. 
 
Questão 8/10 - Fundamentos da Programação Web 
O seletor de id é uma forma de selecionar um elemento HTML específico usando o atributo id. Para isso, 
utiliza-se o caractere hash (#) seguido do id do elemento. 
Agora você pode analisar as questões e marcar V ou F para cada afirmação com base no seu conhecimento 
sobre o seletor de id em CSS. 
 
I. O seletor de id é usado para selecionar vários elementos com o mesmo id em uma página. 
 
II. O id de um elemento HTML é único dentro de uma página. 
 
III. O seletor de id usa o caractere ponto (.) seguido do id do elemento. 
IV. O seletor de id é usado para estilizar elementos com base em um atributo específico. 
 
 
 Agora, selecione a alternativa que apresenta a sequência correta: 
 
A F - V - F- F 
Você assinalou essa alternativa (A) 
 
B V - F - F - V 
 
C V - V - V - F 
 
D F - F - V - V 
 
E V - F - V - F 
 
Questão 9/10 - Fundamentos da Programação Web 
Podemos utilizar um pseudoelemento para estilizar parte de um elemento. Como a primeira letra de 
uma palavra, ou de uma linha. 
Qual das seguintes opções descreve corretamente o uso do pseudoelemento ::after no CSS? 
 
A O pseudoelemento ::after é usado para selecionar o elemento antes do 
conteúdo do elemento principal. 
 
B O pseudoelemento ::after é usado para selecionar o elemento depois do 
conteúdo do elemento principal. 
Você assinalou essa alternativa (B) 
 
C O pseudoelemento ::after é usado para selecionar a primeira linha do elemento 
principal. 
 
D O pseudoelemento ::after é usado para selecionar a primeira letra do elemento 
principal. 
 
E O pseudoelemento ::after é usado paraselecionar os marcadores de uma lista. 
 
Questão 10/10 - Fundamentos da Programação Web 
Observe o código abaixo, criado para estilizar um menu: 
 
ul { 
 list-style-type: none; 
 margin: 0; 
 padding: 0; 
 background-color: #f1f1f1; 
 } 
li{float:left;} 
li a { 
 display: block; 
 color: #000; 
 padding: 8px 16px; 
 text-decoration: none; 
 } 
li a:hover { 
 background-color: #555; 
 color: white; 
 } 
 
Com base no novo código CSS fornecido, analise as afirmativas abaixo e assinale V para as verdadeiras e F 
para as Falsas sobre qual será o efeito visual quando o cursor do mouse estiver sobre um elemento <a> dentro 
de um elemento <li>. 
 
I. O texto dentro do elemento <a> ficará em negrito. 
 
II. O fundo do elemento <li> ficará na cor cinza escuro (#555). 
 
III. O texto dentro do elemento <a> ficará na cor branca. 
IV. O fundo do elemento <ul> ficará na cor cinza claro (#f1f1f1). 
 
V. O elemento <a> terá uma borda ao redor dele. 
 
 
Agora, selecione a alternativa que apresenta a sequência correta de respostas: 
Você não pontuou essa questão 
 
A F - V – V – F - F 
 
B V - F - F – V - F 
 
C V - V - V – F - V 
Você assinalou essa alternativa (C) 
 
D F - F - V – V - V 
 
E V - F - F – V - V