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 5
Questão 1 :
Com base no que você estudou sobre Box Model, marque, entre as opções a seguir, a única alterna�va correta.
Acertou! A resposta correta é a opção B
Jus�fica�va:
Resposta: B
Comentário: o Box Model representa o espaço no qual os conteúdos da página HTML são
renderizados. As dimensões do Box Model são definidas por largura (width) por altura
(height). O espaço entre o conteúdo e a borda (border) é chamado de padding
(enchimento). Compõem o Box Model as propriedades: border, margin, padding, top,
le�, right e bo�om. (Unidade 37)
A São as caixas criadas por um documento HTML para definir os limites do conteúdo e como o CSS vai desenhá-los na página.
Em resumo, são as tags HTML e os critérios para exibição dos atributos div, table e p.
B São as caixas criadas por um documento HTML para definir os limites do conteúdo e como o CSS vai desenhá-los na página.
Em resumo, são as tags HTML e os critérios para exibição dos atributos border, margin, padding, top, le�, right e bo�om.
C São as tabelas criadas por um documento HTML para definir os limites do conteúdo e como o CSS vai desenhá-los na página.
Em resumo, são as tags HTML e os critérios para exibição dos border, margin e padding, top, le�, right e bo�om.
D São páginas com layout criado sem table, conhecido como tableless.
Questão 2 :
Analise as alterna�vas a seguir:
I. A área mais interna do Box Model representa o espaço no qual os conteúdos da página HTML são
renderizados, cujas dimensões são definidas por largura (width) e por altura (height).
II. O espaço entre o conteúdo e a borda (border) é chamado de padding (enchimento).
III. As margens não representam o espaço entre a borda e as extremidades do elemento HTML. A área das
margens é sempre transparente, as áreas da borda e dos conteúdos podem ter as cores de fundo alteradas pela
propriedade background.
Entre as opções a seguir, escolha a única que representa corretamente o resultado de sua análise:
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta: C
Comentário: A área mais interna do Box Model representa o espaço no qual os conteúdos
da página HTML são apresentados. O Box Model tem suas dimensões definidas e
alteradas pelas propriedades width e height. O espaço entre o conteúdo e a borda
(border) é chamado de padding (enchimento). As margens representam o espaço entre a
borda e as extremidades do elemento HTML, normalmente transparente. As áreas da
borda e conteúdos podem ter as cores de fundo alteradas pela propriedade background.
(Unidade 37)
A as alterna�vas I, II e III estão corretas.
B somente a alterna�va III está correta.
C as alterna�vas I e II estão corretas.
D somente a alterna�va I está correta.
Questão 3 :
Marque a opção que representa a relação correta entre a coluna da esquerda (�pos de padding) e a sua função,
na coluna da direita. Depois, assinale a sequência correta. 
(1) Padding-top ( ) Define o espaçamento inferior.
(2) Padding-right ( ) Define o espaçamento da direita.
(3) Padding-bo�om ( ) Define o espaçamento da esquerda.
(4) (Padding-le� ( ) Define o espaçamento superior.
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta: C
Comentário: O quadro a seguir apresenta estas extremidades e como são declaradas em
CSS:
Topo padding-top Define o espaçamento superior.
Direita padding-right Define o espaçamento da direita.
Inferior padding-bo�om Define o espaçamento inferior.
Esquerda padding-le� Define o espaçamento da esquerda.
(Unidade 38)
A 1 – 3 – 2 – 4
B 3 – 4 – 2 – 1
C 3 – 2 – 4 – 1
D 1 – 2 – 4 – 3
Questão 4 :
Para definir o posicionamento do elemento na página, usamos a propriedade posi�on, que pode acontecer de
três modos dis�ntos: absolute, rela�ve e sta�c. Analise as afirmações a seguir:
I. Absolute − O posicionamento é definido pelas margens esquerda e superior da tela. É chamado de absoluto,
com posições variáveis.
II. Rela�ve − O posicionamento é definido pela margem inferior em relação ao úl�mo elemento e à margem
esquerda da tela. É chamado de rela�vo, com posições que não são fixas.
III. Sta�c − O posicionamento é definido pelo próximo espaço disponível no canto esquerdo da tela.
Escolha, entre as opções a seguir, a única que representa corretamente o resultado de sua análise.
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta: C
Comentário: para definir o posicionamento do elemento na página usamos a propriedade
posi�on, que pode acontecer de três modos dis�ntos. Absolute − O posicionamento
absolute será definido pelas margens superior e esquerda da tela. Também chamado de
absoluto, tem as posição fixas. Rela�ve – Quando o posicionamento é definido pela
margem inferior em relação ao úl�mo elemento e a margem esquerda da tela. Também
chamado de rela�vo.
Sta�c – É quando o posicionamento é definido pelo próximo espaço disponível no canto
esquerdo da tela, também conhecido como está�co.
(Unidade 39)
A Nenhuma das alterna�vas estão corretas.
B As alterna�vas I, II e III estão corretas.
C As alterna�vas II e III estão corretas.
D As alterna�vas I e III estão corretas.
Questão 5 :
Você estudou a propriedade display, na unidade 40, para apresentação e ocultação de elementos da página
HTML. Alguns elementos HTML já possuem um modelo de apresentação padrão, inline ou block e, dessa
forma, não necessitam de es�lização por parte do programador.
Par�ndo desse pressuposto e de acordo com nossos estudos, escolha entre as opções a seguir a alterna�va
correta.
Acertou! A resposta correta é a opção B
Jus�fica�va:
Resposta: B
Comentário: Na unidade 40, você pôde estudar a propriedade display para apresentação
e ocultação de elementos da página HTML. Elementos de visualização inline são
elementos que ocupam apenas a largura do próprio elemento e não geram a quebra de
linha. Elementos de visualização block são elementos que ocupam toda a largura da
página e geram quebra de linha, como uma <div> ou um <p>. A propriedade inline é
padrão para a maioria dos elementos HTML. Elemento âncora <a> ou itálico <i> são
elementos inline. (Unidade 40)
A Elementos de visualização inline são elementos que ocupam apenas a largura do próprio elemento e geram a quebra de linha.
B Elementos de visualização block são elementos que ocupam toda a largura da página e geram quebra de linha, como uma
<div> ou um <p>.
C A propriedade inline não é padrão para a maioria dos elementos HTML.
D Elemento âncora <a> ou itálico <i> são elementos block.
Questão 6 :
Você foi apresentado à linguagem JavaScript na unidade 42. Nas alterna�vas a seguir, e em relação a essa
linguagem, marque V para verdadeiro e F para falso. Depois, assinale a sequência correta.
( ) JavaScript é uma linguagem de programação que, inserida no documento HTML, possibilita a criação e
execução de funcionalidades.
( ) Pode-se dizer que JavaScript é uma extensão do HTML, uma vez que a sua u�lização se dá na forma de
ro�nas que são chamadas em linhas da página HTML.
( ) A linguagem de programação JavaScript tornou-se padrão de linguagens de script para programas de
navegação na internet.
( ) A linguagem JavaScript garante a criação de páginas está�cas.
Acertou! A resposta correta é a opção D
Jus�fica�va:
Resposta: D
Comentário: O JavaScript é uma linguagem de programação que, inserida no documento
HTML, possibilita a criação e execução de funcionalidades, como: validação de campos
obrigatórios, cálculos matemá�cos, ro�nas de entrada e saída de dados etc., tornando as
páginas web mais dinâmicas. Podemos dizer que JavaScript é uma extensão do HTML já
que sua u�lização se dá na forma de ro�nas que são chamadas em linhas da página
HTML. Por exemplo, ao clicar no botão enviar de um formulário, ro�nas em JavaScript
podem ser chamadas para que validem se todos os campos obrigatórios do formulário
foram preenchidos. O conteúdo está na unidade 42. (Unidade 42)
A F – F – F – V
B V – V – V – V
C F – F – V – V
D V – V– V – F
Questão 7 :
Com base no conteúdo desta disciplina, a unidade 42 apresentou uma introdução da linguagem Java Script,
analise as afirma�vas a seguir:
I. É necessário que as variáveis tenham a definição de um �po antes de serem u�lizadas em um programa
JavaScript.
II. As tags que delimitam um código Javascript são:<script></script>.
III. A instrução prompt do JavaScript é um comando de saída de dados.
IV. O JavaScript só permite a manipulação de variáveis globais.
Entre as opções a seguir, escolha a única que representa o resultado de sua análise.
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta: C
Comentário: Em JavaScript, não é necessário que as variáveis tenham a definição de um
�po antes de serem u�lizadas em um programa. O �po dos dados é definido pelo valor
atribuído à variável. As tags que delimitam um código Javascript são:<script></script>. A
instrução prompt do JavaScript é um comando de entrada de dados. JavaScript permite a
manipulação de variáveis globais e locais. A unidade 42 aborda o assunto. (Unidade 42)
A Apenas as alterna�vas I, II e III estão corretas.
B As alterna�vas I, II, III e IV estão corretas.
C Somente a alterna�va II está correta.
D Apenas as alterna�vas I, II e IV estão corretas.
Questão 8 :
Escolha, entre as opções a seguir, aquela que responde corretamente à seguinte questão: na linguagem
JavaScript, conforme estudado na unidade 42, qual método é usado na forma de comunicação com o usuário
por meio de mensagens via caixa de entrada de dados?
Acertou! A resposta correta é a opção D
Jus�fica�va:
Resposta: D
Comentário: O método prompt abre uma caixa de edição para que o usuário informe um
valor qualquer. Esse valor pode ser atribuído a uma variável, conforme demonstrado nos
algoritmos da unidade 42. (Unidade 42)
A alert
B textarea
C input
D prompt
Questão 9 :
Leia as afirma�vas a seguir.
I. Comandos de repe�ção são estruturas que permitem executar o código a par�r de condições lógicas ou um
número determinado de repe�ções.
II. Um programa de computador não possui a capacidade de tomar decisões com base em alguma condição,
mesmo com a u�lização de comandos If e Else.
III. A forma mais simples para que um programa tome uma decisão é por meio da instrução if (se), cuja
finalidade é tomar uma decisão e efetuar um desvio condicional na execução dos processos.
IV. As instruções associadas a um comando if são executados quando a condição for falsa.
Entre as opções a seguir, escolha a única que representa o resultado correto de sua análise.
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta:C
Comentário: Os comandos de repe�ção em JavaScript podem ser condicionais, ou seja,
são executados enquanto a condição for verdadeira. Como no caso do comando while, ou
repe�ções itera�vas, em que se conhece quantas vezes o laço será executado, mesma
condição do comando for. Em princípio, um programa de computador é executado
sequencialmente. Mas a principal necessidade de um programa de computador é a
capacidade de decisão a par�r de uma condição, tornando-o mais eficiente e funcional.
Para a tomada de decisão de um programa, podemos u�lizar a estrutura if e else (que é
básica) ou estruturas mais complexas, como o comando switch. Uma instrução que está
associada a uma condição if é executada somente quando a condição é verdadeira.
(Unidade 43)
A As alterna�vas I, II e III estão corretas
B As alterna�vas I, II e IV estão corretas
C Apenas as alterna�vas I e III estão corretas
D Apenas as alterna�vas II e IV estão corretas
Questão 10 :
Veja o fluxograma a seguir.
I. As instruções 1 e 2 serão executadas sempre que o programa for executado,
independentemente da condição se.
II. A instrução 2 será executada sempre que o programa for executado.
III. A instrução 1 será executada somente quando a condição se for verdadeira.
IV. A instrução 1 nunca será executada, mesmo que a condição se seja verdadeira.
Entre as opções a seguir, escolha a única que representa corretamente o resultado de sua
análise.
Acertou! A resposta correta é a opção D
Jus�fica�va:
Resposta: D
Comentário: Como a instrução 1 está associada a um comando if, ela será executada
somente quando essa condição for verdadeira. Já a instrução 2 não depende de condição,
portanto é executada sempre. (Unidade 43)
A As alterna�vas I, II e III estão corretas
B As alterna�vas II, III e IV estão corretas
C Somente a alterna�va IV está correta
D Somente as alterna�vas II e III estão corretas
Questão 11 :
Analisando as sentenças a seguir, marque V para a(s) afirma�va(s) verdadeiras ou F para a(s) afirma�va(s)
falsas.
( ) A instrução prompt em JavaScript faz a entrada de um determinado valor por meio da caixa de entrada de
dados.
( ) Para escr�ta de textos na página HTML, o JavaScript disponibiliza a instrução document.write().
( ) A instrução resto = numero / 2; calcula o resto da divisão de um número por 2.
( ) A função Math.random() é usada para gerar números aleatórios em JavaScript.
Agora, selecione, entre as opções abaixo, aquela que representa corretamente o resultado de sua análise das
sentenças anteriores.
Acertou! A resposta correta é a opção A
Jus�fica�va:
Resposta: A
Comentário: A instrução prompt em JavaScript faz a entrada de um determinado valor
por meio da caixa de entrada de dados e é uma das caixas de diálogo usadas em
JavaScript, as outras são: alert e confirm. Para escrita de textos na página HTML, o
JavaScript disponibiliza a instrução document.write(). Essa instrução pode ser usada para
escrita, inclusive de comandos em HTML. O operador que calcula o resto da divisão é o
“%”. Por exemplo, 3 % 2 = 1, pois 3 dividido por 2 tem resto 1. Já 3/2 é a divisão, e o
resultado será 1,5. A função Math.random() é usada para gerar números aleatórios em
JavaScript. Essa função retorna um valor do �po real. (Unidade 43)
A V – V – F – V
B V – V – F – F
C F – F – V – V
D F – F – F – V
Questão 12 :
Entre as alternativas a seguir, escolha aquela que representa corretamente as instruções para
criação de caixas de diálogo em JavaScript:
Acertou! A resposta correta é a opção B
Jus�fica�va:
Resposta: B
Comentário: As caixas de diálogo disponibilizadas pela linguagem JavaScript são: alert,
prompt e confirm. (Unidade 44)
A if e else
B alert, prompt e confirm
C document.write() e Math.random().
D label e prompt
Questão 13 :
A sintaxe para a criação de janelas em JavaScript, com o uso do comando window.open(), foi assunto de uma
de nossa unidade 47. Você aprendeu que esse comando recebe três parâmetros, sendo a sua sintaxe:
window.open(valor1,valor2,valor3). Escolha, entre as opções a seguir, aquela que representa corretamente os
três parâmetros passados nessa função: valor1, valor e valor3, respec�vamente.
Acertou! A resposta correta é a opção C
Jus�fica�va:
Resposta: C
Para abrir uma janela em JavaScript, usamos o comando window.open(). A sintaxe geral
desse comando é: window.open ( "url ", "�tulo ", "opções ") , na qual: url é o endereço
de internet da janela que será aberta; o �tulo é o nome que aparecerá no topo da janela;
e opções são as propriedades que definem as caracterís�cas da janela. Esse conteúdo foi
apresentado na unidade 47.
A Opções da Janela, �tulo e URL
B Tipo de janela, altura e largura da janela
C URL, �tulo e opções da janela
D Largura, altura e �po de janela
Questão 14 :
Na unidade 48, você estudou a respeito dos comandos toUpperCase() ,charAt(), length e indexOf(), que fazem a
manipulação de strings em JavaScript. No código a seguir, são u�lizados esses comandos. Analise e marque a
opção que representa os valores mostrados na página HTML na execução das linhas 3, 4 e 5, respec�vamente.
Acertou! A resposta correta é a opção A
Jus�fica�va:
Resposta: A
Comentário: A função toUpperCase() converte a string para maiúsculo; a função indexOf()
retorna a posição do caractere n na variável termo, que é 5 (sexta posição), e a função
charAt() retorna o caractere da úl�ma posição do valor da variável termo, uma vez quea
função length retorna a quan�dade de caracteres da string. Esse conteúdo foi
apresentado nas unidades 46 e 48.
A AMBIENTES WEB, 5, b
B web, 2, b
C ambientes web, 5, b
D web, 5, b
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/201#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/201#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/201#
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/201#
https://sge.esab.edu.br/aluno/saladeaula/atividadeobjetiva/visualizar/201#
javascript:void(0)
javascript:void(0)
javascript:void(0)
javascript:void(0)