(NOA) Novas Oportunidades de Aprendizagem

Prévia do material em texto

  Cursos Restritos  Técnico em Informática  Regular  Módulo de Web Design  2021.1 
Módulo de Web Design - NOA e Atividades Complementares - 2021.1_ 
► (NOA) Novas Oportunidades de Aprendizagem  ► (NOA) Novas Oportunidades de Aprendizagem
 Mensagens MARCIO MAURICIO RODRIGUES DE SOUZA 

https://ead.educacao.pe.gov.br/
https://ead.educacao.pe.gov.br/
https://ead.educacao.pe.gov.br/course/index.php?categoryid=82
https://ead.educacao.pe.gov.br/course/index.php?categoryid=18
https://ead.educacao.pe.gov.br/course/index.php?categoryid=385
https://ead.educacao.pe.gov.br/course/index.php?categoryid=49
https://ead.educacao.pe.gov.br/course/index.php?categoryid=812
https://ead.educacao.pe.gov.br/course/view.php?id=2967
https://ead.educacao.pe.gov.br/mod/quiz/view.php?id=132561
https://ead.educacao.pe.gov.br/message/index.php
Questão 1
Ainda não
respondida
Vale 1,0 ponto(s).
Observe o seguinte trecho de código e em seguida responda as questões.
    I. Na estrutura de código apresentada, qual objeto do Javascript foi utilizado?
    II. O que representa a linha de código:  body{text-align:center;}.
Analise as alternativas a seguir e assinale a alternativa CORRETA.
Escolha uma:
a. I -  O objeto do Javascript utilizado no código foi o Date, que possui diversas
funções para con�guração dos elementos de hora. II - A linha con�gura todo o
texto do corpo da página para o alinhamento alinhado à esquerda.
b. I -  O objeto do Javascript utilizado no código foi o Date, que possui diversas
funções para con�guração dos elementos de hora. II - A linha con�gura todo o
texto do corpo da página para o alinhamento justi�cado.
c. I -  O objeto do Javascript utilizado no código foi o Date, que possui diversas
funções para con�guração dos elementos de hora. II - A linha con�gura todo o
texto do corpo da página para o alinhamento alinhado à direita.
d. I -  O objeto do Javascript utilizado no código foi o Date, que possui diversas
funções para con�guração dos elementos de hora. II - A linha con�gura todo o
texto do corpo da página para o alinhamento centralizado.
e. I -  O objeto do Javascript utilizado no código foi o Math, que possui diversas
funções para con�guração dos elementos de hora. II - A linha con�gura todo o
texto do corpo da página para o alinhamento centralizado.

Questão 2
Ainda não
respondida
Vale 1,0 ponto(s).
Tâmara foi recém-contratada pela empresa ProgramarWeb. Na seleção Tâmara
demonstrou possuir alguns conhecimentos na área de Edição e Processamento de
Imagens, Ilustração Vetorial, assim como de Web Design. Essa constatação foi
possível devido ao fato dela ter respondido algumas questões de uma avaliação no
ato da seleção. Ela respondeu as seguintes questões: 
1. Você precisa vincular um arquivo CSS que irá estilizar seu código HTML usando a
tag . Que tipo de vinculação você irá utilizar? 
2. Na edição que você está fazendo está sendo utilizado o formato de cor do tipo
JPG. Mas durante o processo, surgiu a dúvida: Existe algum tipo de compressão que
este formato utiliza? Caso sim, qual é o tipo? 
3. Para um dos trabalhos que você está executando, será necessário escolher um
padrão de grá�co vetorial que permita transferir a arte vetorial em PostScript entre
aplicativos. Que padrão deverá ser escolhido? 
Analisando as alternativas abaixo, assinale aquela que atende CORRETAMENTE as
respostas dadas por Tâmara em relação às perguntas acima e que foram
consideradas corretas pelo avaliador:
Escolha uma:
a. 1- Vinculação in-line; 2- Sim, existe. O tipo é Lossy. 3- Padrão CDR (CorelDRAW).
b. 1- Vinculação incorporada; 2- Não existe compressão para este formato. 3-
Padrão DXF (Drawing Interchange Format).
c. 1- Vinculação com interligação externa; 2- Sim, existe. O tipo é Lossless. 3-
Padrão SVG (Scable Vectorial Graphics).
d. 1- Vinculação incorporada; 2- Sim, existe. O tipo é Lossless. 3- Padrão EPS
(Encapsulated PostScript).
e. 1- Vinculação com interligação externa; 2- Sim, existe. O tipo é Lossy 3- Padrão
EPS (Encapsulated PostScript).

Questão 3
Ainda não
respondida
Vale 1,0 ponto(s).
“Ter um portfólio é algo muito importante para todo pro�ssional. Pintores exibem
suas obras em galerias, músicos e cantores colocam suas canções no SoundCloud,
mas e os programadores? O que os programadores produzem e onde eles podem
exibir suas criações? Bem, os programadores produzem código então devemos
exibir esse código em algum lugar e por via de popularidade do Github é o lugar
certo para se exibir seu portfólio.” 
Fonte: http://blog.triadworks.com.br/aprenda-a-usar-o-github-como-seu-portfolio. 
Sabendo da importância em se ter portfólios, Eduardo, um programador na
linguagem HTML (HyperText Markup Language), está fazendo o seu portfólio na
rede social GitHub. A ideia é simples: fazer com que 10 (dez) imagens representem a
logo de cada projeto desenvolvido por ele. 
Para realizar esta tarefa ele precisa utilizar uma tag e um editor de imagens, para
que as mesmas tenham o mesmo tamanho e assim, haja padronização em seu
portfólio. Com base nisso, assinale a alternativa CORRETA que ajudará Eduardo
nesta tarefa:
Escolha uma:
a. Eduardo pode fazer uso da tag <table> para criar um caminho para a imagem
ser encontrada no navegador e pode-se citar o IDE como o programa que ajudará
a compactar as imagens.
b. Uma tag comum que pode ser utilizada por Eduardo é a <ul> para a criação de
imagens em um código HTML e um dos programas que podem ajudar em sua
tarefa é o GIMP.
c. Eduardo utilizará a tag <img>, para dizer onde cada imagem se encontra e um
dos programas que podem ajudar em sua tarefa é o GIMP.
d. Eduardo utilizará a tag Var para informar o caminho da imagem e um dos
programas que podem ajudar em sua tarefa é o GIMP.
e. Eduardo pode fazer uso da tag <h1> para criar um caminho para a imagem ser
encontrada no navegador e pode-se citar o IDE como o programa que ajudará a
compactar as imagens.

Questão 4
Ainda não
respondida
Vale 1,0 ponto(s).
A confecção PrimaModa contratou a empresa de tecnologia TITop para criar um site
que exiba seus novos produtos da linha de roupas estilizadas. O gerente da
PrimaModa forneceu um conjunto de imagens e uma lista de exigências sobre o que
os administradores da confecção queriam no novo site. Após as primeiras análises,
surgiram algumas dúvidas na equipe de Web Design da TITop: 
Dúvida 1) Para o desenvolvedor Gilberto foi dada a tarefa de construir o conteúdo
de uma mídia impressa e de uso comercial de alta qualidade com várias fotogra�as
das diversas opções da nova linha de roupas estilizadas para que os usuários
possam visualizar melhor o produto que querem comprar. Gilberto concluiu que
será necessário utilizar imagens que são constituídas por vários pixels e que sofrem
deformidade e perda de resolução quando são demasiadamente ampliadas. Entre
as imagens bitmaps e vetoriais, qual delas Gilberto deve utilizar? 
Dúvida 2) A líder técnica de Ana Maria a deixou responsável por fazer com que um
elemento alterne entre desaparecer e aparecer no site da PrimaModa. Qual função
de visibilidade Ana Maria precisa utilizar para permitir a alternância entre a exibição
ou não dos elementos da página? 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da TITop:
Escolha uma:
a. Gilberto deve utilizar imagem vetorial (resposta da dúvida 1) e Ana Maria precisa
utilizar a função de visibilidade fadeIn() (resposta da dúvida 2).
b. Gilberto deve utilizar imagem bitmap (resposta da dúvida 1) e Ana Maria precisa
utilizar a função de visibilidade toggle() (resposta da dúvida 2).
c. Gilberto deve utilizar imagem vetorial (resposta da dúvida 1) e Ana Maria precisa
utilizar a função de visibilidade slideDown() (resposta da dúvida 2).
d. Gilberto deve utilizar imagem bitmap (resposta da dúvida 1) e Ana Maria precisa
utilizar a função de visibilidade slideUp() (resposta da dúvida 2).
e. Gilberto deve utilizar imagem bitmap (respostada dúvida 1) e Ana Maria precisa
utilizar a função de visibilidade fadeOut() (resposta da dúvida 2).

Questão 5
Ainda não
respondida
Vale 1,0 ponto(s).
O PetShop CãoFeliz contratou a empresa de Web Design WebDMais para construir
um novo site para sua loja. O dono do CãoFeliz quer exibir os seus serviços, preços e
produtos para os seus consumidores de uma forma mais atrativa. Diversas
exigências foram feitas à WebDMais para o site ter recursos variados. Apesar das
comunicações, algumas dúvidas surgiram depois das primeiras reuniões da equipe
de Web Design da WebDMais: 
Dúvida 1) O desenvolvedor Alberto �cou responsável pela tarefa de de�nir a largura
da fonte do texto, dentro de uma tabela. A largura da fonte do texto é
popularmente conhecido como “negrito”. A tabela de que se fala é exibida no site do
CãoFeliz e mostra a lista das promoções oferecidas no PetShop. Ele percebeu que a
tabela utiliza um estilo CSS (Cascading Style Sheets) então, qual propriedade CSS
Alberto deverá utilizar para realizar a sua tarefa? 
Dúvida 2) Passados 11 anos atuando na WebDMais, a gerente Elisa pretende se
desligar desta empresa e abrir sua própria empresa tornando-se assim uma
empreendedora. Durante um estudo detalhado sobre o assunto ela aprendeu que
existe um documento que contém informações estratégicas, operacionais,
mercadológicas e/ou �nanceiras acerca de um empreendimento. Qual é o
documento que Elisa pesquisou? 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da WebDMais:
Escolha uma:
a. Alberto deverá utilizar a propriedade CSS text-indent (resposta da dúvida 1) e o
documento que Elisa pesquisou é Cronograma de Desenvolvimento (resposta da
dúvida 2).
b. Alberto deverá utilizar a propriedade CSS font-weight (resposta da dúvida 1) e o
documento que Elisa pesquisou é Plano de Negócios (resposta da dúvida 2).
c. Alberto deverá utilizar a propriedade CSS word-spacing (resposta da dúvida 1) e
o documento que Elisa pesquisou é Folha de Pagamento (resposta da dúvida 2).
d. Alberto deverá utilizar a propriedade CSS text-align (resposta da dúvida 1) e o
documento que Elisa pesquisou é Missão (resposta da dúvida 2).
e. Alberto deverá utilizar a propriedade CSS font-size (resposta da dúvida 1) e o
documento que Elisa pesquisou é Receitas (resposta da dúvida 2).

Questão 6
Ainda não
respondida
Vale 1,0 ponto(s).
A rede de lojas de roupas esportivas FashionSport contratou a empresa de
Tecnologia da Informação ITSuply para criar uma página web que exiba seus
produtos. Os administradores da FashionSport �zeram algumas exigências sobre o
que queriam no seu novo site para a equipe da SuperTech. Nas primeiras análises
apareceram algumas dúvidas na equipe de Web Design da ITSuply: 
Dúvida 1) O chefe de Kleberson o deixou responsável por construir uma página web
com uma imagem do mapa de Pernambuco destacando as lojas da rede
FashionSport no estado, também explicou que o mapa poderia sofrer ampliações e
alterações continuando com a mesma qualidade. Dentre as imagens bitmaps e
vetoriais, qual delas Kleberson deve utilizar para construir a imagem do mapa? 
Dúvida 2) Eugênia recebeu a tarefa de modi�car a cor de fundo de uma tabela
exibida no site da FashionSport que mostra os produtos em promoção. Ela
percebeu que a tabela utiliza um estilo CSS (Cascading Style Sheets) então, qual
propriedade CSS Eugênia deverá utilizar para realizar a sua tarefa? 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da ITSuply:
Escolha uma:
a. Kleberson deve utilizar imagem vetorial (resposta da pergunta 1) e a
propriedade CSS que Eugênia deverá utilizar é text-transform (resposta da dúvida
2).
b. Kleberson deve utilizar imagem bitmap (resposta da pergunta 1) e a
propriedade CSS que Eugênia deverá utilizar é word-spacing (resposta da dúvida
2).
c. Kleberson deve utilizar imagem bitmap (resposta da pergunta 1) e a propriedade
CSS que Eugênia deverá utilizar é text-align (resposta da dúvida 2).
d. Kleberson deve utilizar imagem vetorial (resposta da pergunta 1) e a
propriedade CSS que Eugênia deverá utilizar é background-color (resposta da
dúvida 2).
e. Kleberson deve utilizar imagem vetorial (resposta da pergunta 1) e a
propriedade CSS que Eugênia deverá utilizar é text-indent (resposta da dúvida 2).

Questão 7
Ainda não
respondida
Vale 1,0 ponto(s).
Observe o seguinte trecho de código e em seguida responda as questões.
I. Qual recurso do HTML (HyperText Markup Language) é utilizado para receber
dados do usuário? 
II. O que representa a palavra reservada function da linguagem Javascript? 
Analise as alternativas a seguir e assinale a alternativa CORRETA.
Escolha uma:
a. I - O recurso para receber dados do usuário é o Formulário. II - A palavra
reservada function indica que todo o texto do corpo da página para o alinhamento
centralizado.

b. I - O recurso para receber dados do usuário é o Formulário. II - A palavra
reservada function indica que todo o texto do corpo da página para o alinhamento
justi�cado.
c. I - O recurso para receber dados do usuário é o elemento Con�m. II - A palavra
reservada function indica que uma função será criada para realizar uma ação
especí�ca.
d. I - O recurso para receber dados do usuário é o Formulário. II - A palavra
reservada function indica que uma função será criada para realizar uma ação
especí�ca.
e. I - O recurso para receber dados do usuário é o Alert. II - A palavra reservada
function indica que uma função será criada para realizar uma ação especí�ca.

Questão 8
Ainda não
respondida
Vale 1,0 ponto(s).
A rede de supermercados PreçoBaratoDemais contratou a empresa de tecnologia
TechInovation para construir um novo site para suas lojas. Os administradores da
rede PreçoBaratoDemais desejam poder exibir seus produtos e preços para os seus
clientes de forma atrativa. TechInovation recebeu várias solicitações da rede
PreçoBaratoDemais para diversos recursos no site. Após algumas reuniões da
equipe de Web Design da TechInovation apareceram algumas dúvidas: 
Dúvida 1) Lúcio �cou responsável por criar a logomarca da rede de supermercados
na ferramenta Inkscape, que é a ferramenta padrão da TechInovation. A logomarca
da rede PreçoBaratoDemais deverá ser cheia de detalhes, então Lúcio precisará
usar um componente do Inkscape que deslize a área de desenho de forma a
modi�car a visualização da mesma. Que componente do Inkscape Lúcio precisará
usar para atender esta necessidade? 
Dúvida 2) A gerente da TechInovation, Rafaela, precisará realizar contratações de
mais desenvolvedores para atender as demandas da rede PreçoBaratoDemais no
prazo que foi combinado. Ela lembra que aprendeu na disciplina de
Empreendedorismo que é preciso considerar na Folha de Pagamento um item que
corresponde ao valor referente à passagem de ônibus (ou similar) para transporte
casa-empresa, por parte do empregado. Para realizar a contratação de mais
funcionários, qual item da Folha de Pagamento Rafaela precisa considerar? 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da TechInovation:
Escolha uma:
a. Lúcio precisará usar o componente Texto (resposta da dúvida 1) e Rafaela
precisará considerar o item 13° da Folha de Pagamento (resposta da dúvida 2).
b. Lúcio precisará usar o componente Texto (resposta da dúvida 1) e Rafaela
precisará considerar o item Salário da Folha de Pagamento (resposta da dúvida 2).
c. Lúcio precisará usar o componente barra de rolagem (resposta da dúvida 1) e
Rafaela precisará considerar o item Transporte da Folha de Pagamento (resposta
da dúvida 2).
d. Lúcio precisará usar o componente Elipse (resposta da dúvida 1) e Rafaela
precisará considerar o item Alimentação da Folha de Pagamento (resposta da
dúvida 2).
e. Lúcio precisará usar o componente Elipse (resposta da dúvida 1) e Rafaela
precisará considerar o item Fériasda Folha de Pagamento (resposta da dúvida 2).

Questão 9
Ainda não
respondida
Vale 1,0 ponto(s).
O curso de línguas estrangeiras SmartTalk encomendou à empresa de tecnologia
TechVision um novo site que exiba seus cursos e pacotes promocionais. O
coordenador do SmartTalk forneceu um conjunto de imagens e uma lista de
exigências sobre o que os donos do curso queriam no novo site. Após as primeiras
análises, surgiram algumas dúvidas na equipe de Web Design da TechVision: 
Dúvida 1) Para o desenvolvedor Adalberto foi dada a tarefa de construir o conteúdo
de uma mídia impressa e de uso comercial de alta qualidade com várias fotogra�as
das diversas opções de cursos para que os usuários possam visualizarem melhor o
conteúdo do curso que querem fazer. Adalberto concluiu que será necessário
utilizar imagens que são constituídas por vários pixels e que sofrem deformidade e
perda de resolução quando são demasiadamente ampliadas. Entre as imagens
bitmaps e vetoriais, qual delas Adalberto deve utilizar? 
Dúvida 2) A líder técnica de Luiza a deixou responsável por tornar o elemento que
está invisível, visível de forma gradativa, alterando o valor da sua opacidade de 0%
até 100%, no site do SmartTalk. Qual função de visibilidade gradual Luiza precisa
utilizar? 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da TechVision: 
Assinale a alternativa CORRETA que responde, respectivamente, a cada dúvida da
equipe de Web Design da TechVision:
Escolha uma:
a. Adalberto deve utilizar imagem bitmap (resposta da dúvida 1) e Luiza precisa
utilizar a função de visibilidade gradual fadeIn() (resposta da dúvida 2).
b. Adalberto deve utilizar imagem vetorial (resposta da dúvida 1) e Luiza precisa
utilizar a função de visibilidade gradual slideDown() (resposta da dúvida 2).
c. Adalberto deve utilizar imagem bitmap (resposta da dúvida 1) e Luiza precisa
utilizar a função de visibilidade gradual slideUp() (resposta da dúvida 2).
d. Adalberto deve utilizar imagem vetorial (resposta da dúvida 1) e Luiza precisa
utilizar a função de visibilidade gradual toggle() (resposta da dúvida 2).
e. Adalberto deve utilizar imagem vetorial (resposta da dúvida 1) e Luiza precisa
utilizar a função de visibilidade gradual fadeOut() (resposta da dúvida 2).

Questão 10
Ainda não
respondida
Vale 1,0 ponto(s).
Helton foi contratado pela empresa DevSolutions e o objetivo da sua contratação se
deu pela necessidade de que ele desenvolva um trabalho especí�co na área de Web
Design. Quando o seu novo chefe soube da nova contratação, �cou receoso da
desenvoltura de Helton, pois ele não havia participado do processo seletivo. Com o
intuito de averiguar se realmente poderia con�ar a nova tarefa a Helton, o seu chefe
marcou uma reunião e nela ele aplicou um pequeno teste escrito, contendo as
seguintes perguntas abaixo: 
1. Você precisará ajustar as caixas delimitadoras e atrair os nós na manipulação de
uma imagem usando a ferramenta Inkscape. Qual caminho você seguirá? 
2. Como transformar em um comentário um texto escrito numa linha de código
utilizando Javascript? 
3. Você precisará criar dentro de um documento HTML uma área onde será possível
renderizar outra página. Como isso é feito? 
Analisando as alternativas abaixo, assinale aquela que atende CORRETAMENTE as
respostas dadas por Helton ao seu chefe e que foram consideradas corretas por ele:
Escolha uma:
a. 1- Ele deverá seguir para a Barra de Ferramenta de Atração do lnkscape.;  2- Ele
deve inserir duas barras (//) antes do texto que quer transformar em comentário;
3- Utilizando a  tag <iframe> </iframe> na área onde se deseja renderizar outra
página.
b. 1- Ele deverá seguir para a Barra de Comandos do lnkscape; 2- Ele deve inserir a
palavra-chave “var” antes do texto que quer transformar em comentário; 3-
Utilizando a tag <source> </source> no cabeçalho da página onde se deseja
renderizar outra página.
c. 1- Ele deverá seguir para a Barra de Controle de Ferramentas do lnkscape; 2- Ele
deve inserir o sinal de igualdade “=” depois do texto que quer transformar em
comentário; 3- Utilizando a  tag <source> </source> no rodapé da página HTML
onde se deseja renderizar outra página.
d. 1- Ele deverá seguir para a Barra de Status do lnkscape; 2- Ele deve inserir uma
barra “/” depois do texto que quer transformar em comentário; 3- Utilizando a tag
<!DOCTYPE html>.
e. 1- Ele deverá seguir para a Barra de Controle de Ferramentas do lnkscape; 2- Ele
deve inserir uma barra “/” antes do texto que quer transformar em comentário;  3-
Utilizando a tag <vinculacao in-line> </vinculacao in-line> na área onde se deseja
renderizar outra página.
