 Pergunta 1

1 em 1 pontos
Analise o trecho a seguir.
As imagens estão presentes em praticamente todos os projetos de design, e
para projetos de design digital, as imagens são formadas por ______; os
profissionais que trabalham com desenvolvimento de interface têm a
necessidade de saber as informações técnicas para utilizá-las de forma
correta.
 Assinale a alternativa que preenche corretamente a lacuna.
Resposta Selecionada:  
pixels.
Resposta Correta:  
pixels.
Comentário Resposta correta.  As imagens digitais são formadas por um
da resposta: conjunto de pixels, no qual 1 pixel é o menor elemento que
pode ser exibido em um dispositivo digital, como monitores,
televisores, pulseiras digitais, telas
dos smartphones e tablets. Esses elementos contêm cor e
informação de brilho e iluminação e formam a imagem em
bitmap.
 Pergunta 2
1 em 1 pontos
Para inserir uma imagem no HTML utiliza-se a tag img seguido do
atributo src , source traduzindo para o português é origem; ali deve ser
informado o caminho da pasta que em está salvo o arquivo. Outra maneira
de inserir uma imagem é utilizando o atributo url, caso a imagem já esteja na
internet.
Sobre as configurações de imagens para web , analise as asserções a
seguir e a relação proposta entre elas.
 I. Para uma imagem inserida em uma página HTML, que será exibida em
um navegador, também é possível mostrar alternativas de visualização
adicionando o atributo alt.
PORQUE
II. O atributo alt
em uma página HTML representa alternate text , que exibe um texto
alternativo caso não seja possível a imagem ser visualizada.
 A seguir, assinale a alternativa correta.
Resposta  
Selecionada: As asserções I e II são proposições verdadeiras, e a II é
uma justificativa correta da I.
Resposta Correta:  
As asserções I e II são proposições verdadeiras, e a II é
uma justificativa correta da I.
Comentário da Resposta correta. As asserções I e II são verdadeiras, pois
resposta: o atributo alt, de alternate text, texto alternativo, exibe um
texto, caso ocorra erros no servidor ou por outros motivos
 não seja possível carregar a imagem, sendo assim, uma
justificativa correta da I.
 Pergunta 3
1 em 1 pontos
Analise o texto a seguir.
No desenvolvimento de uma interface para projetos de design digital, a
aplicação de formatação de textos e imagens é fundamental para manter a
identidade visual da página ou da tela. Caso o projeto seja a criação de um
aplicativo, além da formatação, a aplicação de ajustes se faz necessária
para manter um equilíbrio visual do layout.
Para aplicar os ajustes, existem tags e atributos específicos. A partir do
exposto, associe tais tags ou atributos às suas características.
I. bottom
II. title
III. <hr> <hr/>
(   ) Alinha com a base mais baixa dos outros elementos da linha que pode
ser uma imagem, botões etc.
(   ) Exibe um texto somente quando é mantido o mouse por alguns
segundos sobre a imagem; caso os botões da página sejam imagens,
também pode ser utilizado esse recurso.
(   ) Cria uma linha horizontal como se fosse separador que pode ser
utilizado também entre os botões de menu horizontal.
 A partir das relações feitas anteriormente, assinale a alternativa que
apresenta a sequência correta.
Resposta Selecionada:  
I, II, III.
Resposta Correta:  
I, II, III.
Comentário da Resposta correta. Bottom = alinha com a base mais baixa
resposta: dos outros elementos da linha que pode ser uma imagem,
botões etc.; title = exibe um texto somente quando é
mantido o mouse por alguns segundos sobre a imagem;
caso os botões da página sejam imagem, também pode ser
utilizado este recurso. <hr> <hr/>= cria uma linha horizontal
como se fosse separador que pode ser utilizado também
entre os botões de menu horizontal.
 Pergunta 4
1 em 1 pontos
Analise o trecho a seguir.
Para os profissionais e as empresas que trabalham com desenvolvimento
de projetos de design digital que abrangem diversas áreas, é recomendável
que possuam _______, para apresentar a experiência e a prática que o
profissional ou a empresa sabe fazer de melhor.
Assinale a alternativa que preenche corretamente a lacuna.
Resposta Selecionada:  
portfólio.
 Resposta Correta:  
portfólio.
Comentário da Resposta correta. A reunião dos melhores trabalhos
resposta: desenvolvidos por um profissional ou empresa é
um portfólio; é mais do que um currículo, é um espaço para
apresentar a experiência e prática do que a empresa ou o
profissional sabe fazer de melhor.
 Pergunta 5
1 em 1 pontos
Leia o texto a seguir.
A empresa Google, além de ser uma referência no mecanismo de busca,
possui plataformas que, na sua grande maioria, disponibilizam códigos fonte
aberto de softwares que suportam APIs. Embora sejam voltadas para
programadores, é importante o conhecimento do designer digital para
sugerir inovações para as interfaces.
A respeito das plataformas de API da Google, analise as afirmativas a seguir
e assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s).
1. (   ) Um dos APIs da plataforma é o Google Maps, o qual pode
ser personalizado, inserindo todos os recursos do API, como traçar
rotas e funções do Google Street View.
2. (   ) No API Google Fonts, há uma série de fontes com licença
liberadas que podem ser utilizadas nas interfaces, sem a
necessidade de estarem instaladas nos navegadores.
3. (   ) Na plataforma Google Design, há um link para
o site Material Design que possui uma série de diretrizes para APIs
do Sistema IOS.
4. (   ) As APIs, das interfaces de aplicativos, precisam ter
unidade visual de acordo com o sistema operacional que será
visualizado.

Assinale a alternativa que apresenta a sequência correta.

Resposta Selecionada:  
V, V, F, V.
Resposta Correta:  
V, V, F, V.
Comentário Resposta correta. A sequência está correta. Pois utilizando o
da resposta: API, Google Maps, é possível disponibilizar os recursos da
plataforma, como inserir o endereço de uma empresa dentro
de uma página do site. No API, Google Fonts disponibiliza
fontes de alta qualidade liberadas para o uso em projetos
web. Todos os projetos têm a sua identidade visual, mas
para projetos de aplicativos, é necessário que as APIs
também tenham uma unidade visual, de acordo com o
sistema operacional que será visualizado, que, no caso das
APIs da Google, é o Android.
 Pergunta 6
 1 em 1 pontos
Analise o texto a seguir.
Na prática, a criação de convenções com normas e regras simplifica e
facilita a organização front-end de um projeto de design digital que resulta
em uma quantidade menor de tempo para o desenvolvimento, ganhando
maior produtividade e uma consistência real do trabalho.
Algumas sugestões de regras podem ser definidas para otimizar a
organização front-end , como nome e conteúdo dos arquivos de algumas
pastas (diretórios) do projeto.
A partir do exposto, associe tais pastas às características dos arquivos que
devem contê-las:
I. components;
II. services;
III. scene.
(  ) conter os elementos primários como os buttons.
(  ) conter os elementos que podem ser utilizados em diversas partes do
projeto.
(  ) conter os elementos que são necessários para rodar um programa no
projeto.
 
A partir das relações feitas anteriormente, assinale a alternativa que
apresenta a sequência correta.
Resposta Selecionada:  
I, II, III.
Resposta Correta:  
I, II, III.
Comentário da Resposta correta. A pasta que deve conter os elementos
resposta: primários como os buttons = components. A pasta que deve
conter os elementos que podem ser utilizados em diversas
partes do projeto = services. A pasta que deve conter os
elementos que são necessários para rodar um programa no
projeto = scene.
 Pergunta 7
1 em 1 pontos
Analise a figura a seguir.

Fonte: Elaborada pelo autor.

 
A figura representa como um site poderá ser navegado em
um browser  (navegador), apresentando a sua forma estrutural de maneira
visual, como deverá ser desenvolvido o projeto, antes mesmo de iniciar o
processo de programação dos códigos em HTML ou CSS.
 
Nesse sentido, assinale a alternativa que indique qual é o nome técnico que
representa a figura.
Resposta Selecionada:  
 Wireframe ou diagrama de
wireframe.
Resposta Correta:  
Wireframe ou diagrama de
wireframe.
Comentário Resposta correta. A representação visual da estrutura de
da resposta: como irá funcionar uma tela de um aplicativo ou uma página
é conhecida como wireframe ou diagrama de wireframe, que
deve ser criado no começo do desenvolvimento de um
projeto, antes de iniciar o processo do design visual e
conteúdo.
 Pergunta 8
1 em 1 pontos
No desenvolvimento de uma página em HTML5, existe a função conhecida
como embed que permite incorporar informações e conteúdo de páginas ou
sistema de terceiros em um projeto digital. Esse conteúdo pode ser
informações de redes sociais e até APIs, que aumentam o leque de
possibilidades de desenvolver páginas com diversos conteúdos e recursos.
Nesse sentido, assinale a alternativa que indique qual é a definição de APIs.
Resposta  
Selecionada: Programação que permite utilizar funções de um
programa externo em uma página HTML.
Resposta Correta:  
Programação que permite utilizar funções de um
programa externo em uma página HTML.
Comentário Resposta correta. A alternativa está correta, pois API -
da resposta: Application Programming Interface, Interface de
Programação de Aplicativos, é um grupo de rotina padrão
determinado por um programa, que permite utilizar as
funções desse programa em uma página ou outros
aplicativos, sem ter a necessidade que este o programa seja
implementado no sistema.
 Pergunta 9
1 em 1 pontos
Os projetos web devem ser desenvolvidos para que sejam visualizados
corretamente em todos os navegadores, mas também é preciso
proporcionar acessibilidade para que todos os indivíduos possam ter acesso
e possam utilizar os serviços que são disponíveis nas páginas dos websites.
Sobre as normas de acessibilidade web, analise as asserções a seguir e a
relação proposta entre elas.
1. I. As normas de acessibilidade web têm o objetivo de que
todas as pessoas possam ter a experiência de utilização das páginas
na internet.

PORQUE
1. Determinam que todas as pessoas devem ter as mesmas
 condições de poder entender e navegar de forma totalmente
autônoma.

A seguir, assinale a alternativa correta.

Resposta  
Selecionada: As asserções I e II são proposições verdadeiras, e a II é
uma justificativa correta da I.
Resposta Correta:  
As asserções I e II são proposições verdadeiras, e a II é
uma justificativa correta da I.
Comentário  Resposta correta. As asserções I e II são proposições
da resposta: verdadeiras, pois as normas de acessibilidade web
determinam que todas as pessoas devem ter as mesmas
condições de igualdade de poder entender e navegar de
forma totalmente autônoma para ter acesso aos serviços
e sites que estão disponíveis na internet. Sendo assim, a
asserção II é uma justificativa correta da I.
 Pergunta 10
1 em 1 pontos
Analise o trecho a seguir.
Para se inserir um menu ou barra de navegação em uma página HTML,
deve-se usar a tag __________ . Sua atribuição é de reunir blocos
de links de um mesmo assunto ou links internos do site , indicando que um
determinado bloco é um bloco de navegação ou menu.
 Assinale a alternativa que preenche corretamente a lacuna.
Resposta Selecionada:  
<nav> <nav/>
Resposta Correta:  
<nav> <nav/>
Comentário da Resposta correta. A tag <nav> <nav/> indica para uma
resposta: página desenvolvida em HTML que esse menu faz parte da
seção de navegação do site, representa uma seção da
página que contém link para outras páginas ou partes do
mesmo website.