ESAB - ATIVIDADE 3 - AMBIENTES WEB

Prévia do material em texto

Atividade 3 
Questão 1 : 
Você estudou a sintaxe da regra list-style. Com base nesse conteúdo, analise as 
seguintes afirmações: 
I- Por padrão as listas não ordenadas são renderizadas com o marcador square. 
II- As listas não ordenadas podem utilizar como marcador: números, letras, algarismo 
romanos em maiúsculo e minúsculo. 
III- As listas ordenadas podem utilizar como marcador: decimal, decimal-leading-
zero, lower-roman, upper-roman, georgian e armenian. 
IV- As listas são elementos-base para a construção de menus em css. 
Agora assinale a alternativa correta: 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
Comentário: As listas não ordenadas por padrão são renderizadas com 
o marcador disco. As listas não ordenadas podem utilizar: disco, 
círculo ou quadrado. Já as listas ordenadas podem usar como 
marcador: decimal, decimal-leading-zero, lower-roman, upper-roman, 
georgian e armenian. As listas são a base para construção de menus. 
(Unidade 19) 
 
A 
Nenhuma afirmativa está correta. 
B 
Apenas a afirmativa III está correta. 
C 
As afirmativas III e IV estão corretas. 
D 
Apenas a afirmativa I está correta. 
Questão 2 : 
Você foi apresentado ao uso dos seletores de classe e identificador. Com base nesse 
conteúdo, assinale a alternativa correta. 
Acertou! A resposta correta é a opção A 
Justificativa: 
Resposta: A 
Comentário: Seletor tipo id é um identificador individual associado 
a um, e somente um, elemento HTML, em todo o documento. 
Diferente do identificador de classe, uma vez que este pode ser 
associado a mais de um elemento HTML. O seletor de classe utiliza o 
ponto como marcador, e o seletor de id utiliza a tralha como 
marcador. (Unidade 20) 
A 
Seletor tipo id é um identificador individual associado a um, e somente um, elemento HTML no documento. 
Um elemento HTML para a mesma id. 
B 
Os seletores de classe não podem ser aplicados a vários elementos HTML no mesmo documento. 
C 
Os seletores de classe são representados pelo sinal de tralha (#). 
D 
Os seletores de identificador são representados pelo sinal de ponto (.). 
Questão 3 : 
Entre as alternativas a seguir, assinale a alternativa que representa corretamente o 
status do link quando ainda não foi visitado. 
Acertou! A resposta correta é a opção D 
Justificativa: 
Resposta: D 
Comentário: As pseudoclasses do link são: visited, quando o link já foi 
vistado; active, quando o link for ativo; hover, quando o ponteiro do 
mouse está sobre o link; e, finalmente, link, que representa os links 
não visitados. (Unidades 22) 
A 
visited 
B 
active 
C 
hover 
D 
link 
Questão 4 : 
Com base no conteúdo didático, analise o código a seguir: 
1 a:hover { 
2 text-transform: uppercase; 
3 font-weight:bold; 
4 color:blue; 
5 background-color:yellow; 
6 } 
Agora, levando em conta sua análise, leia as assertivas a seguir: 
 I. O código da linha 1 determina que essa regra seja aplicada quando 
o link for clicado. 
 II. O código da linha 2 determina que o texto seja apresentado em 
maiúsculo. 
 III. Na linha 4, a instrução codificada fará com que o texto seja apresentado 
em azul quando o usuário posicionar o ponteiro do mouse sobre o link. 
 IV. Na linha 5, a instrução codificada fará com que o texto seja apresentado 
com fundo de cor amarela, quando o usuário posicionar o ponteiro do mouse sobre 
o link. 
Entre as proposições mencionadas, assinale a alternativa que apresenta somente as 
que estão corretas: 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
Comentário: A regra CSS será executada quando o usuário do site 
posicionar o ponteiro do mouse sobre o link, mudando a fonte para 
maiúscula, na cor azul, fundo em amarelo e em negrito; portanto, 
estão corretas as proposições II, III e IV. (Unidades 22) 
A 
I, III e IV 
B 
II e IV 
C 
II, III e IV 
D 
I, II, III e IV 
Questão 5 : 
Assinale a alternativa que apresenta corretamente a sintaxe que você 
deve utilizar para mostrar links sem sublinhado. 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
A regra CSS que retira o sublinhado do link é text-decoration, com o 
valor none. Essa mesma propriedade pode ser utilizada para formatar 
o texto como sublinhado, sobrelinhado, riscado ou piscante 
(underline, overline, line-through ou blink). (Unidades 22) 
A 
<a style="font-decoration:none"></a> 
B 
<a style="txt-decoration:none"></a> 
C 
a {text-decoration:none} 
D 
a {text-decoration:no-underline} 
Questão 6 : 
A regra de criação de link para a navegação entre páginas HTML é um recurso 
fundamental dos sites. Com base nessa afirmativa, e em seus estudos nesta 
disciplina, assinale a alternativa que relaciona corretamente a tag utilizada para se 
criar um hiperlink (vínculo). 
Acertou! A resposta correta é a opção A 
Justificativa: 
Resposta: A 
Comentário: O elemento âncora <a>, que permite a criação de 
hiperlinks ou links nas páginas HTML, é essencial para que o usuário 
do site possa navegar pelos conteúdos apresentados na web. A 
propriedade que permite ao elemento a capacidade de criar um link é 
href. A sintaxe para criação da âncora de link é: <a href=”endereço da 
página”> descrição</a>. (Unidades 22) 
A 
<a></a> 
B 
<b></b> 
C 
<link></link> 
D 
<hiperlink></hiperlink> 
Questão 7 : 
Com base em nossos estudos, assinale a alternativa que apresenta corretamente a 
função da tag <div>. 
Acertou! A resposta correta é a opção D 
Justificativa: 
Resposta: D 
Comentário: Como estudado na unidade 23, a tag <div> é um recurso 
utilizado para organizar os dados na página. Sendo muito utilizada 
para criação de menus, já que serve para definir o layout da página 
HTML. (Unidade 23) 
A 
Formatar o tipo de texto. 
B 
Formatar a cor de fundo do texto. 
C 
Dividir a página HTML em partes. 
D 
Serve para alterar o estilo em partes específicas da página e posicionar objetos. 
Questão 8 : 
Você viu em nossos estudos como foi possível construir um menu utilizando a 
estrutura de lista não ordenada. No elemento <li>, utilizamos a seguinte sintaxe: 
<li><a href="#" title=" ">Home</a></li>. Com base nisso, assinale (entre as 
alternativas a seguir) a que responde corretamente a seguinte questão: qual a 
finalidade do atributo title? 
Acertou! A resposta correta é a opção B 
Justificativa: 
Resposta: B 
Comentário: A propriedade TITLE cria uma mensagem rápida, do tipo 
HINT, que aparece no momento em que o usuário posiciona o mouse 
sobre a opção do Menu. (Unidade 25) 
A 
Definir o valor que será mostrado no menu. 
B 
Definir a mensagem na forma de um texto descritivo, que será apresentado quando o usuário posicionar o 
cursor sobre a opção do menu. 
C 
Criar um link para a página HREF. 
D 
Criar uma caixa com a opção do menu. 
Questão 9 : 
Como você conceituaria o formulário HTML? Entre as alternativas a seguir, assinale 
aquela que responde corretamente essa pergunta. Lembre-se: sua escolha deve ter 
como base o material didático da disciplina. 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
Comentário: Estudamos que, conforme Silva (2008, p. 195), “[...] 
formulários são seções específicas de um documento HTML, 
projetados para coletar dados fornecidos pelo usuário [...]”. (Unidade 
26) 
A 
Formulários são seções específicas de um documento CSS projetados para se comunicar com outros sistemas 
web. 
B 
Formulários são seções específicas de um documento HTML, projetados para formatar a entrada de dados 
fornecidos pelo usuário. 
C 
Formulários são seções específicas de um documento HTML, projetados para coletar dados fornecidos pelo 
usuário. 
D 
Formulários são seções específicas de um documento HTML, projetados para enviar dados fornecidos pelo 
usuário. 
Questão 10 : 
Segundo Silva (2008, p. 195), “[...] formulários são seções específicas de um 
documento HTML, projetados para coletar dados fornecidospelo usuário [...]”. Com 
base em nossos estudos sobre o assunto, escolha, entre as opções a seguir, aquela 
que corretamente representa os itens que formam o formulário HTML. 
Acertou! A resposta correta é a opção D 
Justificativa: 
Resposta: D 
O formulário web é constituído de um conjunto de elemento de 
integração com os usuários, chamados de controles web, ou 
simplesmente controles. (Unidade 26) 
A 
Listas ordenadas e não ordenadas 
B 
Parágrafos, listas ordenadas e não ordenadas, títulos e imagens 
C 
Formulários e tabelas 
D 
Controles de input e label 
Questão 11 : 
 De acordo com os seus conhecimentos sobre controles de um formulário, 
relacione os itens da primeira coluna (controle input web) com sua respectiva 
finalidade em um documento HTML, na segunda coluna. 
1.CheckBox ( ) Apresenta uma lista de valores com a possibilidade de seleção de um único valor. 
2.Menu ( ) Permite o cadastro de textos em uma única linha ou múltiplas linhas. 
3.Entrada de Textos ( ) Apresenta um botão que, ao ser clicado, abre uma janela para seleção de arquivos nos diretórios do computador. 
4.Seleção de Arquivos( ) Caixa de seleção que permite múltipla seleção de valores. 
5.RadioButton ( ) Caixa de seleção que permite uma única seleção de valores. 
 
Agora, escolha entre as alternativas a seguir, aquela que satisfaz corretamente a 
resposta para a questão. 
Acertou! A resposta correta é a opção B 
Justificativa: 
Resposta: B 
Comentário: O controle checkbox permite a seleção de múltiplos 
valores, diferente do rabiobutton que permite a seleção de um único 
valor. As caixas de entrada (text ou textarea) permitem a entrada de 
dados em uma linha ou múltiplas linhas. A seleção de arquivo 
possibilita a seleção de um arquivo, navegando pelas pastas de 
arquivos do computador. O item menu permite a seleção de um valor 
dentro de um conjunto de valores. (Unidade 26) 
A 
3, 2, 4, 1 e 5 
B 
2, 3, 4, 1 e 5 
C 
1, 2, 4, 3 e 5 
D 
3, 2, 1, 4 e 5 
Questão 12 : 
Você aprendeu a respeito de um controle do tipo input que mostra um símbolo de 
asterisco (*) no lugar do caractere que foi pressionado no teclado. Entre as opções a 
seguir, escolha aquela que apresenta corretamente um controle com essas 
características. 
Acertou! A resposta correta é a opção D 
Justificativa: 
Resposta: D 
Comentário: O controle text cria uma caixa de entrada de texto com 
uma única linha. O controle password cria uma caixa de entrada de 
texto com uma única linha que, ao ser digitada uma tecla, apresenta o 
asterisco (*) como reprodução do signo digitado. Já o controle radio 
cria uma seleção de um único valor. Finalmente, o controle hidden 
cria um elemento que existe no formulário, mas não pode ser 
visualizado pelo usuário. (Unidade 26) 
A 
Hidden 
B 
Text 
C 
Radio 
D 
Password 
Questão 13 : 
Com base em nossos estudos, leia e analise as proposições a seguir. 
I- O controle select apresenta uma lista de valores, normalmente sem dados em 
comum. 
II- O controle optgroup não permite agrupar os valores com naturezas idênticas. 
III- O controle option marca os elementos internos de um select ou optgroup. 
IV- O controle optgroup agrupa os valores por meio do atributo label. 
Assinale a opção correta: 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
Comentário: Os controles select e optgroup permitem a criação de 
listas de valores a serem selecionados pelos usuários, sendo que o 
controle optgroup possibilita o agrupamento de valores por meio do 
atributo label. Tanto o controle select quanto o controle optgroup 
criam os itens internos por meio do controle option. (Unidade 26) 
A 
I e II estão corretas 
B 
I, II, III e IV estão corretas 
C 
I, III e IV estão corretas 
D 
II, III e IV estão corretas 
Questão 14 : 
Assinale as alternativas corretas a respeito do atributo disabled do formulário HTML. 
I. Não desabilita o uso tecla TAB. 
II. Não Desabilita o foco do controle. 
III. O controle com atributo disabled é ignorado pelo formulário e seu dado não é 
transmitido para o programa que fará o processamento. 
Estão corretas: 
Acertou! A resposta correta é a opção B 
Justificativa: 
Resposta: B 
Comentário: O formulário, quando desabilitado pela propriedade 
disabled, resulta em: desabilita o uso tecla tab, para alternar entre os 
campos do formulário; desabilita o foco do controle, não permitindo 
que o usuário interaja com o componente e o controle com atributo 
disabled é ignorado pelo formulário e seu dado não é transmitido para 
o programa que fará o processamento. Na unidade 27, estudamos 
sobre enable e readonly. (Unidade 27) 
A 
I, II e III 
B 
Apenas a III 
C 
I e II 
D 
I e III 
Questão 15 : 
Estudamos sobre o atributo readonly do formulário HTML. Com base nesses estudos, 
leia as proposições a seguir a respeito desse atributo. 
I. Não desabilita o uso tecla. 
II. Não desabilita o foco do controle. 
III. Controle com atributo readonly é ignorado pelo formulário. 
Assinale a opção que indica as assertivas corretas: 
Acertou! A resposta correta é a opção C 
Justificativa: 
Resposta: C 
Comentário: O formulário, quando desabilitado pela propriedade 
readonly: não desabilita o uso tecla tab para alternar entre os campos 
do formulário; não desabilita o foco do controle e o controle com 
atributo readonly não é ignorado pelo formulário; seu dado é 
transmitido para o programa que fará o processamento. Estudamos 
sobre o assunto na unidade 27. (Unidade 27) 
A 
I, II e III estão corretas 
B 
Apenas a III 
C 
Apenas I e II 
D 
Apenas I e III