AD1 de FrontEnd Substitutiva

Prévia do material em texto

AVALIAÇÃO SUBSTITUTIVA
	1º BIM-A
	Assinale sua turma:
	
	
	
	
	192EM
	
	193EM
	
	Disciplina: 
	Nota:
	Quanto estudei?
	
	191MQ
	
	191MD
	
	
	
	
	
	191MI
	
	191MA
	
	
	
	
	
	192MQ
	
	192MD
	
	Nome:
	
	
	192MI
	
	192MA
	
	
	
	
	193MQ
	
	193MD
	
	
	
	
	193MI
	
	193MA
	Início: ___ h ____
	Fim: ___ h ____
	Data
1. Considere o formulário abaixo, presente em uma página HTML.
Em um bloco de código CSS3 incorporado ao cabeçalho da página, uma das formas para definir apenas o campo do tipo texto com fundo cinza é: 
 input type:text{background-color:#c0c0c0} 
 input type("text"){background-color:gray} 
 input[type="text"]{background-color:#c0c0c0} 
 input[type="text"]{background-color:#gray} 
 input(type="text"){background-color:gray}
2. A propriedade overflow em CSS3 admite alguns valores, EXCETO:
A) overflow: scroll;
B) overflow: clipped;
C) overflow: visible;
D) overflow: auto;
3. Analise o texto a seguir em HTML5. De que forma é possível “pintar” de azul somente o fundo do texto “Teste1” utilizando CSS3?
<div><p>Teste1</p><span>Teste2</span></div>
<div><span>Teste3</span><p>Teste4</p></div> 
A) div > p { background-color: blue; }
B) Não é possível, a menos que se adicione uma classe ou um id ao primeiro elemento <p>.
C) p:first-child { background-color: blue; }
D) p:only-of-type { background-color: blue; }
4. Através do CSS3, assinale a alternativa que transforma em itálico o texto de hyperlinks quando se passa o cursor sobre eles:
A) a:hover { font-decoration: italic; }
B) a:hover { font-style: italic; }
C) a:hover { text-decoration: italic; }
D) a:hover { text-style: italic; }
5. Analise o texto a seguir em HTML5. De que forma é possível “pintar” de azul somente o texto “Teste1” utilizando CSS3? 
Imagem da Questão
A div > p { color: blue; }
B p:only-child { color: blue; }
C p:first-of-type { color: blue; }
D Não é possível, a menos que se adicione uma classe ou um id ao primeiro elemento <p>
6. Analise as afirmativas a seguir e assinale a alternativa correta:
I. “Design responsivo para a web” se trata de uma abordagem para otimizar a visualização e navegação em páginas da web em dispositivos com variados tamanhos e resoluções (geralmente, smartphones, tablets e monitores de computadores de mesa).
II. Um modo de implementar o design responsivo em uma página da web é através da utilização de media queries do CSS3. Desse modo, pode-se ajustar a disposição dos elementos na página de acordo com as dimensões do dispositivo.
III. Existem alguns frameworks, como Bootstrap e Foundation, que facilitam a implementação do design responsivo no desenvolvimento web, geralmente através de elementos pré-construídos em CSS e JavaScript.
A) Apenas as afirmativas I e III são verdadeiras.
B) Apenas as afirmativas II e III são verdadeiras.
C) Apenas as afirmativas I e II são verdadeiras.
D) As afirmativas I, II e III são verdadeiras.
7. Através do CSS3, assinale a alternativa que não deixa sublinhado o texto de hyperlinks quando se passa o cursor sobre eles:
A) a:hover { underline: 0px; }
B) a:hover { text-underline: none; }
C) a:hover { text-decoration: none; }
D) a:hover { decoration: 0px; }
8. Com relação a HTML e CSS, assinale a afirmativa correta.
A) O atributo id é utilizado para especificar um grupo de elementos, enquanto que o atributo class é utilizado para especificar um único elemento.
B) O atributo class é utilizado para especificar um grupo de elementos, enquanto que o atributo id é utilizado para especificar um único elemento.
C) Os atributos class e id podem ser utilizados indistintamente por terem as mesmas funções.
D) Tanto atributo class quanto o atributo id podem ser utilizados para especificar um grupo de elementos.
9. A propriedade position da CSS3 especifica o tipo do método de posicionamento usado para um determinado elemento HTML. Esta propriedade permite os valores:
A) top, bottom, left, right ou center.
B) public, private, default ou static.
C) bottom, left, right, wrap ou center.
D) static, relative, absolute ou fixed.
10. Qual a interpretação para o que faz o seguinte código CSS (Cascading Style Sheets) ? 
Imagem da Questão
A) Que o corpo do site tenha plano de fundo na cor preta, o cabeçalho (headings) principal tenha cor laranja e texto centralizado e o parágrafo tenha letra com fonte Arial e tamanho 20. 
B) Que o corpo do site tenha plano de fundo na cor azul, o cabeçalho (headings) principal tenha cor laranja e texto centralizado e o parágrafo tenha letra com fonte Arial e tamanho 20. 
C) Que o corpo do site tenha todas as letras na cor azul, o cabeçalho (headings) secundário tenha cor laranja e texto centralizado e o primeiro parágrafo tenha letra com fonte Arial e tamanho 20. 
D) Que o corpo do site tenha plano de fundo na cor preta, o cabeçalho (headings) principal tenha cor laranja e texto centralizado e, a partir do segundo parágrafo, tenha letra com fonte Arial e tamanho 20. 
E) Que o corpo do site tenha plano de fundo na cor azul, o cabeçalho (headings) principal tenha cor laranja e texto centralizado e todas as suas páginas internas possuem letra com fonte Arial e tamanho 20.