a2 - prova

Prévia do material em texto

Questão 1
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
a.
pdf.
b.
jpg.
c.
pixels.
Resposta correta.  As imagens digitais são formadas por um 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.
d.
png.
e.
gif.
Feedback
A resposta correta é: pixels.
Questão 2
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Para inserir uma imagem no HTML utiliza-se a tagimg 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.
a.
A asserção I é uma proposição verdadeira, e a asserção II é uma proposição falsa.
b.
As asserções I e II são proposições falsas.
c.
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
d.
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 verdadeiras, pois 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.
e.
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa correta
da I.
Feedback
A resposta correta é: As asserções I e II são proposições verdadeiras, e a II é uma justificativa correta da I.
Questão 3
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
a.
Twitter.
 
 
b.
vídeo.
c.
Instagram.
d.
portfólio.
Resposta correta. A reunião dos melhores trabalhos 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.
e.
Facebook.
Feedback
A resposta correta é: portfólio.
Questão 4
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Leia o texto a seguir.
 
Para poder ligar um arquivo a qualquer outra página, arquivo ou recurso ou local diferente na mesma página em HTML, é utilizado o recurso de hiperlinks
ou simplesmente links. No momento em que são clicados é que acontece esse direcionamento para a página ou recurso.
Considerando o texto apresentado, sobre a inserção de links, analise as afirmativas a seguir.
I. (  ) Os links ou hiperlinks podem ser aplicados em diferentes elementos que compõem uma página em HTML como imagens e textos.
II. (  )  A tag que indica um linké a <l>, na qual deve ser incluído o atributo href, Hypertext Reference, justamente o endereço de destino do link.
III. (  ) Dentro da tag do link, deve ser inserido o texto, a imagem ou o elemento que, ao ser ativado, direciona para o endereço dentro do atributo href.
IV. Para adicionar um link para a mesma página, basta utilizar o caractere “m” e, em seguida, a identificação do link.
Está correto o que se afirma em:
a.
I e III, apenas.
Resposta correta. Os links ou hiperlinks
podem ser aplicados em diferentes elementos como imagens e textos, que devem ser aplicados dentro da tag <a> e ser inserido o texto, a imagem ou o elemento que, ao ser ativado, direciona para o endereço dentro do atributo href.
b.
I, II e III, apenas.
c.
I, II e IV, apenas.
 
 
d.
II e III, apenas.
e.
II, III e IV, apenas.
Feedback
A resposta correta é: I e III, apenas.
Questão 5
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
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.
a.
III, II, I.
b.
II, I, III.
c.
III, I, II.
d.
II, III, I.
 
e.
I, II, III.
Resposta correta. A pasta que deve conter os elementos 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.
Feedback
A resposta correta é: I, II, III.
Questão 6
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Analise o texto a seguir.
Em projetos com uma grande quantidade de informações, é importante o desenvolvimento do mapa do site– tanto para a equipe de design digital responsável pela interface, quanto para a equipe de desenvolvimento da programação e arquitetura da informação – possuir documentos para iniciar o seu trabalho.
 Para diminuir a possibilidade de erros e minimizar problemas, além de desenvolver o mapa do site, é indicado desenvolver outros documentos. A partir do exposto, associe tais documentos às suas características.
I. Wireframe
II. Modelos
III. Protótipos
(   ) Ilustração básica da estrutura e componentes de uma página web.
(   ) Na maioria dos casos, aproximam-se ou são idênticos ao design final do projeto.
(   ) Layouts com alguma funcionalidade básica já pronta.
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
a.
II, III, I.
b.
III, I, II.
c.
II, I, III.
d.
I, II, III.
Resposta correta. Ilustração básica da estrutura e componentes de uma página web = Wireframe. Na maioria dos casos, aproximam-se ou são idênticos ao design final do projeto = Modelos. Layouts com alguma funcionalidade básica já pronta = Protótipos.
e.
III, II, I.
Feedback
A resposta correta é: I, II, III.
Questão 7
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Leia o texto a seguir.
Uma página HTML é composta por diversos elementos como o próprio conteúdo, barras ou menu de navegação, cabeçalho e rodapé que são organizados e divididos em cada parte que irá compor a interface do projeto digital. Esses elementos são formatados conforme suas funções na página.
 
A respeito da formatação da interface em que podem ser utilizados os códigos HTML, analise as afirmativas a seguir e assinale V para a(s) Verdadeira(s) e F para a(s)Falsa(s).
I. (  ) Para cada parte de uma página em HTML existem várias tags, para facilitar a organização e padronização no momento do desenvolvimento.
II. (  ) O elemento <header>, que é permitido ser inserido no cabeçalho, pode conter não só o título da página, mas também outros elementos como um logo.
III. (  ) Inserindo o logo da empresa no elemento <header>, a marca da empresa é visualizada no lugar da marca dos navegadores.
IV. (   ) No elemento <rodape>, pode haver informações de direitos autorais do site, copyright, autor, links relacionados ou blocos de navegação.
Assinale a alternativa que apresenta a sequência correta.
a.
 V, V, F, F.
Resposta correta. Para cada divisão, existem diversas tags que organizam e padronizam o desenvolvimento de uma página, com a inserção do elemento <header> que, além de conter o título da página, também é insere outros elementos, como menu de navegação, campo de buscas e logo.
b.
V, V, F, V.
c.
F, F, F, F.
d.
F, V, F, V.
e.
V, V, V, V.
Feedback
A resposta correta é:  V, V, F, F.
Questão 8
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
A formatação de efeitos visuais em um projeto de design digital, como um website ou um aplicativo é uma boa opção para poder trabalhar com a identidade visual de forma criativa e não muito estática, desde que não utilize efeitos visuais de maneira excessiva e não harmônica.
Nesse sentido, assinale a alternativa que indique como pode ficar a interface, caso utilize efeitos visuais em excesso.
a.
Interface com problemas de visualização em dispositivos móveis.
b.
Interface com recursos incompatíveis no HTML5.
c.
Interface com desenvolvimento incompatível com CMS.
d.
Interface cansativa e confusa.
Resposta correta. O uso de efeitos visuais pode ocasionar uma interface cansativa e confusa, pela grande quantidade de animações, texto rolando de um lado para outro, de cima para baixo ou piscando, causando desconforto visual.
e.
Interface com desenvolvimento incompatível de utilização de CSS.
 
 
Feedback
A resposta correta é: Interface cansativa e confusa.
Questão 9
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Para representar uma estrutura hierárquica de um site, aplicativo ou qualquer interface de um projeto de design digital, os desenvolvedores utilizam o mapa do site, sitemap, no qual é possível ter uma noção geral de como será a dimensão do projeto e o nível de dificuldade para execução.
 
Sobre mapa do site, analise as asserções a seguir e a relação proposta entre elas.
I. Antes do desenvolvimento, o mapa do site é um documento que é usado e sempre consultado pelo gerente do projeto.
PORQUE
I. O diretor da criação e a equipe de arquitetura de informação não precisam compreender o mapa do site.
 
A seguir, assinale a alternativa correta.
a.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa correta da I.
b.
As asserções I e II são proposições falsas.
c.
As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa correta
da I.
d.
A asserção I é uma proposição verdadeira, e a asserção II é uma proposição falsa.
Resposta correta. A asserção I é verdadeira, já que antes do desenvolvimento, o mapa do site é um documento que é usado e sempre consultado pelo gerente do projeto e facilita visualizar o escopo do projeto. A asserção II é falsa, pois além do gerente do projeto, o diretor da criação, a equipe de arquitetura de informação e o cliente também consultam o mapa do site e precisam compreendê-lo.
e.
A asserção I é uma proposição falsa, e a II é uma proposição verdadeira.
Feedback
A resposta correta é: A asserção I é uma proposição verdadeira, e a asserção II é uma proposição falsa.
Questão 10
Correto
Atingiu 1,00 de 1,00
Marcar questão
Texto da questão
Analise a figura a seguir.
Fonte: Elaborada pelo autor.
 
A resolução correta para a imagem ser carregada mais rapidamente nos projetos de design digital para web é 72 PPI. Nunca se deve aumentar as dimensões da imagem ou a resolução; se uma imagem não estiver nesta resolução correta, existe um procedimento que é o indicado de ser executado.
Nesse sentido, assinale a alternativa que indique qual é o procedimento correto que deve ser executado no softwarePhotoshop, no menu Tamanho da imagem – Image Size.
a.
Manter a seleção dos recursos Constrain Proportions e Scale Styles e depois alterar a resolução para 72.
 
 
b.
Tirar a seleção do recurso Resample Image e depois alterar a resolução para 72.
Resposta correta. Ao abrir a janela do tamanho da imagem no Photoshop, o primeiro procedimento é tirar a seleção do item Resample Image, depois inserir o valor correto de 72. Dessa maneira, a imagem será redimensionada para o tamanho no qual a sua qualidade não será perdida.
c.
Tirar a seleção simultaneamente dos recursos Constrain Proportions e Scale Styles e depois alterar a resolução para 72.
d.
Tirar a seleção do recurso Scale Styles e depois alterar a resolução para 72.
e.
Tirar a seleção do recurso Constrain Proportions e depois alterar a resolução para 72.
Feedback
A resposta correta é: Tirar a seleção do recurso Resample Image e depois alterar a resolução para 72.