Você está na página 1de 6

Simulado – Desenvolvimento de Software Internet – 2 º Bimestre

1- Assinale a alternativa correta referente a nav-bar


a) É um componente do framework, que permite a construção de um
sistema de navegação responsivo
b) Trata-se de um slideshow
c) É a quantidade de componentes que podem ser utilizados
para proporcionar maior interatividade e melhorar a comunicação com o
usuário
d) Contém os arquivos necessários para a estilização dos elementos e uma
alternativa ao tema original

2- Com relação às Ferramentas de desenvolvimento Web: CSS,


o Cascading Style Sheets (CSS) possibilita a apresentação visual da
estrutura de um arquivo HTML. As definições dos estilos dos objetos
HTML podem ser feitas externa ou internamente ao arquivo. Essas
definições podem utilizar um ou mais arquivos CSS à parte ou ter
declarações internas no arquivo HTML. O CSS é declarado externo
quando as estruturas de marcação são escritas de determinada forma.
Indique a alternativa que atende à forma CORRETA:

a) Ter um arquivo CSS à parte do arquivo HTML. Inserir no arquivo


HTML a tag <a href> no escopo da tag <head></head>, indicando o
arquivo externo.

b) Ter um arquivo CSS à parte do arquivo HTML. Inserir no arquivo


HTML a tag <link> no escopo da tag <body></body>, indicando o
arquivo externo.

c) Ter um arquivo CSS à parte do arquivo HTML. Inserir no arquivo


HTML a tag <a hef> no escopo da tag <body></body>, indicando o
arquivo externo.

d) Ter um arquivo CSS à parte do arquivo HTML. Inserir no arquivo


HTML a tag <link> no escopo da tag <head></head>, indicando o
arquivo externo.
3- No contexto do uso de CSS para aplicar estilos a elementos HTML
numa página web, o seletor universal, que referencia todos os
elementos, é identificado pelo símbolo:
Alternativas

a) #

b) %

c) &

d) *

e) @

4) Considere o fragmento de código HTML3, abaixo:

<body>
<div class="topo">
<div class="logo"></div>
<div class="slogan"></div>
</div>
</body>

Considere, também, o fragmento de código CSS, abaixo, para o código HTML3


apresentado.

div.topo{width:100%;height:150px;background-color:yellow; }
div.logo{background-color:blue; flex:1}
div.slogan{background-color:green; flex:1}

Para que as divisões logo e slogan apareçam uma do lado da outra, com
tamanhos iguais, preenchendo toda a divisão topo, a lacuna I deve ser
corretamente preenchida por
a) display:inline
b) float:left
c) display:flex
d)display:block

5) Para ocultar um elemento em um documento utilizando CSS, pode-se alterar


a propriedade “display” para “none”, ou “visibility” para “hidden”. A diferença
entre essas alterações é que:
a) “display: none” ocultará o elemento, no entanto, o espaço ocupado por
ele continuará afetando o layout da página.
b) “display: none” não é suportada pelo Internet Explorer 10.
c) “display: none” afeta apenas o elemento selecionado, enquanto
“visibility: hidden” afeta o elemento selecionado e todos os outros
elementos associados a ele.
d) “visibility: hidden” ocultará o elemento, no entanto, o espaço ocupado
por ele continuará afetando o leiaute da página.

6) A linguagem CSS permite a escrita de folhas de estilo, simplificando a maneira


de construir o design de página de internet. Abaixo temos um código de uma
página HTML.

Com base nesse código, o trecho que deve ser inserido entre o “heigth: 200px;” e
o “}” para alinhar a div ao centro da página é

Alternativas

a) center: 0px auto;

b) margin: 0px auto;

c) margin: 50%;

d) center: 50%;

7) A coluna da esquerda apresenta elementos presentes no HTML3 e a da


direita, a característica de cada um. Numere a coluna da direita de acordo com
a da esquerda.

1. <div>
2. <br>
3. <h1>
4. <p>
( ) Insere quebra de linha.
( ) Cria uma nova seção.
( ) Representa um parágrafo
( ) Define um título.
Marque a sequência correta.
Alternativas
a) 3, 4, 2, 1
b) 3, 1, 4, 2
c) 2, 1, 3, 4
d) 2, 1, 4, 3
e) 2, 4, 1, 3

8) Nessa imagem, é necessário criar um link, de modo que, ao clicar nela, seja
exibida a página da Câmara Municipal de Campinas. Sabendo que o arquivo
da imagem é referenciado por logo.png e a URL da
página https://www.campinas.br/, o código HTML correspondente será:

a) <a link=”https://www.campinas.br/”> <img src=”logo.png”></a>


b) <a link=”logo.png”> <img src=”https://www.campinas.br/”></a>
c) <a link=”https://www.campinas.br/”></a> <img src=”logo.png”>
d) <a href=”https://www.campinas.br/”> <img src=”logo.png”></a>

9) No contexto do CSS3, assinale o script que define corretamente a


formatação para todos os elementos h1 de um documento.
a) ) .h1 { color: white; text-align: center; }
b) h1 { color= white, background= yellow }
c) #h1 { background: yellow, family-font: georgia }
d) h1 { background-color: yellow; font-family: verdana; }

10) #par {
text-align: center;
color: red;
}

No HTML abrangido pelo comando, serão afetados por esse estilo todos os
elementos HTML que:

a) contêm a string “par” no atributo name;


b) estão marcados pela classe “par”;
c) foram criados dinamicamente na montagem da página;
d) têm o atributo id igual a “par”.

11) Complete as lacunas das frases, indicando a qual elemento da tríade de


tecnologias a descrição se refere.
1) ______________: tecnologia para especificar o conteúdo de páginas Web.
2) ______________: tecnologia para especificar a apresentação dessas
páginas.
3) ______________: tecnologia para especificar o comportamento das mesmas.

A sequência que preenche corretamente as lacunas das frases é

a) HTTP / Web / Java


b) CSS / Windows / Java
c) HTML / CSS / Java Script
d) HTML / IOS / Java Script

12) Na linguagem CSS, o seletor de classe é utilizado para aplicar estilos a


elementos HTML que possuem a mesma classe. Para utilizar o seletor de classe
em CSS, basta que seja utilizado, seguido do nome da classe desejada:

a) .
b) #
c) $
d)&
13) No contexto de estilização de páginas web com CSS, qual das seguintes
propriedades é utilizada para alterar a fonte do texto?

a) text-align
b) font-size
c) font-family
d) font-family

14) Assinale a opção que apresenta, se for o caso, a diferença entre os


seletores CSS "div > p" e "div p".

a) "div > p" seleciona todos os elementos <p> que são filhos diretos de um
elemento <div>, enquanto "div p" seleciona todos os elementos <p> que
são descendentes de um elemento <div> independentemente do nível
de "nesting".
b) "div > p" seleciona todos os elementos <p> que são irmãos de um
elemento <div>, enquanto "div p" seleciona todos os elementos <p> que
são descendentes de um elemento <div> independentemente do nível
de "nesting".
c) "div > p" seleciona todos os elementos <p> que são filhos diretos de um
elemento <div>, enquanto "div p" seleciona todos os elementos <p> que
são filhos diretos de um elemento <div> independentemente do nível de
"nesting".
d) "div > p" seleciona todos os elementos <p> que são descendentes de
um elemento <div>, enquanto "div p" seleciona todos os elementos <p>
que são filhos diretos de um elemento <div> independentemente do
nível de "nesting".

15) No contexto do HTML e CSS, analise o código a seguir numa página


Web.

p.centro {
text-align: center;
color: blue;
}

Sobre esse trecho, é correto afirmar que a cor e o alinhamento serão aplicados
a) à classe denominada “p.centro”.
b) à classe denominada “p”.
c) aos elementos com a tag <p> que tenham a classe “centro”.
d) aos elementos com id = “p” que tenham a classe “centro”

Você também pode gostar