ESAB - Ambientes Web - Atividade

Prévia do material em texto

campus on-line sala de aula
202005SI14341 - Ambientes Web
Sala de Aula • Início
A�vidades Obje�vas
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 u�lizar como marcador: números, letras, algarismo romanos em maiúsculo e
minúsculo.
III- As listas ordenadas podem u�lizar 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 alterna�va correta:
Acertou! A resposta correta é a opção C
Jus�fica�va:
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 u�lizar: 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 afirma�va está correta.
B Apenas a afirma�va III está correta.
C As afirma�vas III e IV estão corretas.
D Apenas a afirma�va I está correta.
Questão 2 :
Você foi apresentado ao uso dos seletores de classe e iden�ficador. Com base nesse conteúdo, assinale a
alterna�va correta.
Acertou! A resposta correta é a opção A
Jus�fica�va:
Resposta: A
Comentário: Seletor �po id é um iden�ficador individual associado a um, e somente um,
elemento HTML, em todo o documento. Diferente do iden�ficador de classe, uma vez
que este pode ser associado a mais de um elemento HTML. O seletor de classe u�liza o
ponto como marcador, e o seletor de id u�liza a tralha como marcador. (Unidade 20)
A Seletor �po id é um iden�ficador 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 iden�ficador são representados pelo sinal de ponto (.).
Questão 3 :
Entre as alterna�vas a seguir, assinale a alterna�va que representa corretamente o status do link quando ainda
não foi visitado.
Acertou! A resposta correta é a opção D
Jus�fica�va:
Resposta: D
Comentário: As pseudoclasses do link são: visited, quando o link já foi vistado; ac�ve,
quando o link for a�vo; 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 ac�ve
C hover
D link
Questão 4 :
Com base no conteúdo didá�co, 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 asser�vas 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 alterna�va que apresenta somente as que estão corretas:
Acertou! A resposta correta é a opção C
Jus�fica�va:
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
Jus�fica�va:
Resposta: C
A regra CSS que re�ra o sublinhado do link é text-decora�on, com o valor none. Essa
mesma propriedade pode ser u�lizada para formatar o texto como sublinhado,
sobrelinhado, riscado ou piscante (underline, overline, line-through ou blink). (Unidades
22)
A <a style="font-decora�on:none"></a>
B <a style="txt-decora�on:none"></a>
C a {text-decora�on:none}
D a {text-decora�on: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 afirma�va, e em seus estudos nesta disciplina, assinale a alterna�va que relaciona corretamente a tag
u�lizada para se criar um hiperlink (vínculo).
Acertou! A resposta correta é a opção A
Jus�fica�va:
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 alterna�va que apresenta corretamente a função da tag <div>.
Acertou! A resposta correta é a opção D
Jus�fica�va:
Resposta: D
Comentário: Como estudado na unidade 23, a tag <div> é um recurso u�lizado para
organizar os dados na página. Sendo muito u�lizada para criação de menus, já que serve
para definir o layout da página HTML. (Unidade 23)
A Formatar o �po de texto.
B Formatar a cor de fundo do texto.
C Dividir a página HTML em partes.
D Serve para alterar o es�lo 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 u�lizando a estrutura de lista não ordenada.
No elemento <li>, u�lizamos a seguinte sintaxe: <li><a href="#" �tle=" ">Home</a></li>. Com base nisso,
assinale (entre as alterna�vas a seguir) a que responde corretamente a seguinte questão: qual a finalidade do
atributo �tle?
Acertou! A resposta correta é a opção B
Jus�fica�va:
Resposta: B
Comentário: A propriedade TITLE cria uma mensagem rápida, do �po 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 descri�vo, 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 alterna�vas a seguir, assinale aquela que responde
corretamente essa pergunta. Lembre-se: sua escolha deve ter como base o material didá�co da disciplina.
Acertou! A resposta correta é a opção C
Jus�fica�va:
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 fornecidos pelo 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
Jus�fica�va:
Resposta: D
O formulário web é cons�tuído de um conjunto de elementode 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, �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 respec�va 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úl�plas 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úl�pla seleção de
valores.
5.RadioBu�on ( )
Caixa de seleção que permite uma única seleção de
valores.
Agora, escolha entre as alterna�vas a seguir, aquela que sa�sfaz corretamente a resposta para a questão.
Acertou! A resposta correta é a opção B
Jus�fica�va:
Resposta: B
Comentário: O controle checkbox permite a seleção de múl�plos valores, diferente do
rabiobu�on 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úl�plas 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 �po 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ís�cas.
Acertou! A resposta correta é a opção D
Jus�fica�va:
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ên�cas.
III- O controle op�on 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
Jus�fica�va:
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 op�on. (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 alterna�vas 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 é transmi�do para o programa
que fará o processamento.
Estão corretas:
Acertou! A resposta correta é a opção B
Jus�fica�va:
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 permi�ndo que o usuário interaja com o componente e o controle com
atributo disabled é ignorado pelo formulário e seu dado não é transmi�do 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 asser�vas corretas:
Acertou! A resposta correta é a opção C
Jus�fica�va:
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 é transmi�do 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
Caderno Virtual
Ver todas as anotações
Todos os direitos reservados © 2019 Escola Superior Aberta do Brasil
Conteúdo Apoio Pedagógico Avaliações A�vidade Complementar Estágio Supervisionado Informações Biblioteca
https://sge.esab.edu.br/aluno
https://sge.esab.edu.br/aluno/saladeaula
https://sge.esab.edu.br/aluno/saladeaula
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva
javascript:UniversalAccess.fontSize(1, 'corpoft')
javascript:UniversalAccess.fontSize(0, 'corpoft')
javascript:UniversalAccess.fontSize(2, 'corpoft')
javascript:UniversalAccess.setActiveStyleSheet('estilo_pb')
javascript:UniversalAccess.setActiveStyleSheet('')
https://sge.esab.edu.br/aluno/saladeaula/cadernovirtual/ajax/minhas
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/199#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/199#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/199#
https://sge.esab.edu.br/aluno/saladeaula/atividadecomplementar
https://sge.esab.edu.br/aluno/saladeaula/estagio
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/199#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/199#
javascript:void(0)
javascript:void(0)
javascript:void(0)
javascript:void(0)