Avaliação_ Programação Básica em Front-End_ Revisão da tentativa

Prévia do material em texto

Questão 1
Completo
Atingiu 1,00 de
1,00
Questão 2
Completo
Atingiu 1,00 de
1,00
Iniciado em quarta, 20 set 2023, 14:26
Estado Finalizada
Concluída em quarta, 20 set 2023, 14:41
Tempo
empregado
15 minutos 10 segundos
Avaliar 9,00 de um máximo de 10,00(90%)
Comentários Parabéns pela conclusão do curso !! Você demonstrou que compreendeu bem os conceitos
estudados!
Você receberá o certificado no e-mail cadastrado durante a inscrição em até 10 dias.
Qualquer dúvida entre em contato com os monitores do curso:
 qualificatech@sc.senai.br
 
 
Existem tags HTML que são usadas para formatar a aparência do texto em sua página da web. Isso pode melhorar a
aparência da página da web, no entanto, muita variedade na formatação do texto também pode parecer desagradável.
Assinale a alternativa que indica a tag utilizada para inserir uma quebra de linha dentro de um mesmo parágrafo.
a. <p>
b. <break>
c. <h1>
d. <br>
e. <line>
HTML5 é a versão mais recente do HTML. O termo se refere a duas coisas. A primeira é a própria linguagem HTML
atualizada, que possui novos elementos e atributos. A segunda é o conjunto maior de tecnologias que funcionam com esta
nova versão do HTML e permite que você crie sites e aplicações mais complexos e poderosos. Assinale a alternativa que
indica quais são os novos elementos (tags) trazidos pelo HTML5:
a. <article>, <aside> e <nav>.
b. <color>, <aside> e <nav>.
c. <ul>, <p> e <nav>
d. <article>, <aside> e <color>.
e. <article>, <p>, e <nav>.
 Programação Básica em Front-End 
6 
mailto:qualificatech@sc.senai.br
https://ava.sesisenai.org.br/course/view.php?id=12759
Questão 3
Completo
Atingiu 1,00 de
1,00
Questão 4
Completo
Atingiu 1,00 de
1,00
Questão 5
Completo
Atingiu 0,00 de
1,00
É uma prática comum adicionar comentários no código para melhorar a legibilidade e adicionar notas úteis ao lado do
código. Como a maioria das linguagens, o CSS permite que os usuários adicionem comentários na folha de estilo. Essa
técnica pode ser usada para adicionar comentários de uma ou várias linhas.
A partir disso, assinale a alternativa que indica corretamente a sintaxe para inserir comentários em CSS.
a. // Aqui vem um comentário...
b. /! Aqui vem um comentário... !/
c. <!-- Aqui vem um comentário... -->
d. /* Aqui vem um comentário... */
e. ## Aqui vem um comentário...
Antigamente, os desenvolvedores eram limitados a representar o texto usando a versão antiga do CSS. Era necessário utilizar
a tag <font> para alterar o sombreamento e a fonte do conteúdo. Os vários impactos, como intensidade e tachado, eram
concebíveis apenas em estruturas fundamentais com a ajuda de rótulos HTML. Atualmente, o usuário pode usar uma
variedade de propriedades de formatação de texto CSS para organizar o texto nas páginas da web de sua maneira.
Diante disso, assinale a alternativa que indica a sintaxe CSS correta para deixar todos os elementos <p> em negrito.
a. <p style="text-size: bold;">
b.  p { font-weight: bold; }
c. #p { font-weight: bold; }
d. <p style="font-size: bold;">
e. p { text-size: bold; }
Você recebeu uma demanda para desenvolver uma página web responsável por divulgar fotografias na web. Como
requisitos, na página inicial deste projeto, será necessário apresentar um grid de três linhas contendo três imagens em cada
linha. Cada linha precisa estar definida em um elemento <div> do HTML com a propriedade “position” do CSS contendo o
valor “relative”. Em complemento, a tag <img> das imagens precisam receber uma formatação usando a propriedade “float”
como “left” para forçar que elas se posicionem à esquerda da página. Até o momento, você foi notificado de que estes
ajustes já foram aplicados. Entretanto, há uma pendência. É necessário inserir um espaçamento de 20px entre cada uma das
imagens.
A partir destas informações, assinale a alternativa que indica quais propriedades CSS devem ser definidas para que as nove
imagens sejam disponibilizadas nesta página conforme estilizações pendentes.
a. margin-top: 20px; margin-bottom: 20px;
b.  margin-left: 20px; margin-right: 20px;
c. margin: 20px 20px 20px 20px;
d. margin-top: 20px; margin-side: 20px;
e. margin-left: 20px; margin-top: 20px;
 Programação Básica em Front-End 
6 
https://ava.sesisenai.org.br/course/view.php?id=12759
Questão 6
Completo
Atingiu 1,00 de
1,00
Questão 7
Completo
Atingiu 1,00 de
1,00
Questão 8
Completo
Atingiu 1,00 de
1,00
Os formulários são uma das partes mais importantes da web. Sem eles, não haveria uma maneira fácil de coletar dados,
pesquisar recursos ou se inscrever para receber informações valiosas. Dentro do elemento de formulário, várias entradas são
aninhadas. Essas entradas também são conhecidas como controles de formulário. Ao analisar o formulário criado por um
desenvolvedor web, foi identificado que o formulário não estava sendo enviado corretamente. Observe o código
apresentado na sequência.
a. Incluir um “id” em cada um dos componentes do formulário.
b. Alterar o tipo do botão de envio para “submit”.
c. Alterar o método para “get”.
d. Incluir o atributo “name” à tag <textarea>.
e. Incluir um atributo “name” ao formulário dentro da tag <form>.
Existe um tipo de seletor em CSS responsável por selecionar qualquer tipo de elemento em uma página HTML,
correspondendo a um único elemento. Um símbolo é usado para denotar um seletor universal CSS. Isso é útil quando é
necessário definir um estilo para todos os elementos de uma página HTML ou para todos os elementos de uma página
HTML.
A partir destas informações, assinale a alternativa que indica corretamente o símbolo utilizado para representar este tipo de
seletor.
 
a. .
b. :
c. *
d. #
e. ::
Durante os estudos, você verá que o HTML é um dos blocos de construção mais fundamentais da web. O HTML nasceu
oficialmente em 1993 e, desde então, evoluiu para seu estado atual, passando de simples documentos de texto para
aplicações web cada vez mais robustas. Sobre as estruturas e as tags existentes em um documento HTML básico, analise as
assertivas e assinale a alternativa correta.
a. A tag “title” determina a inicialização e o término do corpo da página, responsável por apresentar imagens, textos,
títulos, links e outros recursos.
b. A tag “html” determina a inicialização e o término do cabeçalho, um espaço onde serão apresentados os cabeçalhos
e o título da página.
c. A tag “head” determina a inicialização e o término de uma página web, descrevendo ao navegador que as
informações apresentadas no documento seguem o padrão HTML.
d. Uma tag é um termo específico, utilizado em HTML, sendo representado por sinais de menor que (<) e maior que
(>).
e. A tag “body” determina a inicialização e o término do título da página, que estará visível na barra superior do
navegador.
 Programação Básica em Front-End 
6 
https://ava.sesisenai.org.br/mod/resource/view.php?id=381153
https://ava.sesisenai.org.br/course/view.php?id=12759
Questão 9
Completo
Atingiu 1,00 de
1,00
Questão 10
Completo
Atingiu 1,00 de
1,00
As tags estruturais são as tags básicas que devem fazer parte de cada página da web. Elas informam ao navegador que o
documento é uma página da web. Existem quatro conjuntos de tags HTML que são necessários para formar a estrutura
básica de cada arquivo HTML. Assinale a alternativa que indica quais são as tags básicas essenciais do HTML.
a. <html>, <h1>, <body> e <table>
b. <html>, <head>, <br> e <footer>
c. <html>, <head>, <body> e <title>
d. <header>, <head>, <body> e <h3>
e. <html>, <p>, <body> e <ol>
O CSS traz algumas propriedades interessantes para alterar as cores de elementos no HTML. A propriedade CSS chamada de
“background-color” define a cor de fundo de um elemento. Além disso, os valores de cor de fundo podem ser expressos
com cores nomeadas, como branco, preto e vermelho. Já a propriedade “color” está se referindo à cor do texto de um
determinado elemento. A partir destas informações, você recebeu uma demanda para desenvolver uma página web
contendo um fundo verde e os textos na corbranca.
Com base nessa demanda, assinale a alternativa que indica corretamente as propriedades para definir a página com os
requisitos de cores apresentados.
a. background-color: verde; color: branco;
b. background-color: green; color: white;
c. background-color: red; color: yellow;
d. background-color: blue; color: red;
e. background-color: black; color: orange;
Anterior Próximo 
 Programação Básica em Front-End 
6 
https://ava.sesisenai.org.br/mod/resource/view.php?id=379106&forceview=1
https://ava.sesisenai.org.br/mod/feedback/view.php?id=379240&forceview=1
https://ava.sesisenai.org.br/course/view.php?id=12759