DESIGN DIGITAL - Atividade 2

Prévia do material em texto

11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 1/6
Usuário ANA CAROLINA MOUTA FERREIRA
Curso GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
Teste ATIVIDADE 2 (A2)
Iniciado 01/03/21 10:46
Enviado 11/03/21 08:24
Status Completada
Resultado da tentativa 9 em 10 pontos 
Tempo decorrido 237 horas, 37 minutos
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
III, II, I.
I, II, III.
Sua resposta está incorreta. 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.
Pergunta 2
Analise a figura a seguir.
0 em 1 pontos
1 em 1 pontos
11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 2/6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
Wireframe ou diagrama de wireframe.
Wireframe ou diagrama de wireframe.
Resposta correta. A representação visual da estrutura de 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 3
Front-end é a etapa do desenvolvimento de um projeto de design digital que
converte as informações computacionais dos sistemas em uma interface gráfica,
usando recursos das linguagens como o HTML e CSS, tornado a compreensão
dos usuários mais simples para navegar nos sistemas. 
Considerando o texto apresentado sobre a front-end , analise as afirmativas a
seguir.
1. A organização front-end é importante em todos os projetos de design
digital, mas é fundamental em grandes aplicações web que possuem uma
grande quantidade de dados.
2. A organização front-end pode ser descartada em projetos experimentais
com uma pequena quantidade de manipulação de dados para poder
otimizar o tempo de trabalho.
3. O uso de estruturas similares em todos os projetos facilita a
organizaçãofront-end, ganhando produtividade, pelo fato de o
desenvolvedor estar familiarizado com esses padrões.
4. Para otimizar o desenvolvimento de um projeto front-end, é necessário
criar padrões próprios e testá-los, e, no momento que adquirir a prática,
1 em 1 pontos
11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 3/6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
iniciar o desenvolvimento.
Está correto o que se afirma em:
I e III, apenas.
I e III, apenas.
Resposta correta. Uma boa organização front-end é fundamental em grandes
aplicações web, pois desde o início do projeto é preciso se preocupar com a
arquitetura da informação, para não ocasionar maiores problemas no decorrer do
projeto. Para otimizar o desenvolvimento de um projeto front-end, o desenvolvedor
pode utilizar estruturas e padrões de que já tenha conhecimento, não sendo
necessário estabelecer novos padrões para todos os projetos.
Pergunta 4
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
1. ( ) Os links ou hiperlinks podem ser aplicados em diferentes elementos
que compõem uma página em HTML como imagens e textos.
2. ( ) 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.
3. ( ) 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.
4. 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:
I e III, apenas.
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.
Pergunta 5
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 em 1 pontos
1 em 1 pontos
11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 4/6
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
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
2. 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.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa
correta da I.
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, 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 6
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
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.
1. Antes do desenvolvimento, o mapa do site é um documento que é usado e
sempre consultado pelo gerente do projeto.
PORQUE
2. 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 asserção I é uma proposição verdadeira, e a asserção II é uma
proposição falsa.
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.
1 em 1 pontos
11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 5/6
Pergunta 7
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
Para produzir layouts de interfaces de projetos de design digital, existem
programas, aplicativos e plataformas on-line que tornam mais fácil o trabalho do
desenvolvedor. Um exemplo é o software Adobe Dreamweaver que permite
criar, programar e gerenciar sites dinâmicos e responsivos.
Nesse sentido, assinale a alternativa que indique qual é uma das vantagens de
utilizar esses softwares ou plataformas.
Não é necessário sempre iniciar do zero escrevendo todos os códigos.
Não é necessário sempre iniciar do zero escrevendo todos os
códigos.
Resposta correta. Os softwares, aplicativos ou plataformas on-line facilitam o
desenvolvimento de layouts web, pois não é necessário sempre iniciar do zero,
escrevendo todos os códigos, em um programa de texto como o bloco de notas.
Pergunta 8
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
portfólio.
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.
Pergunta 9
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Analise o trecho a seguir.
Para proporcionar um carregamento mais rápido de um projeto web, além das
imagens estarem formatadas da maneira correta, a aplicação de boas práticas
__________, definidas pelo W3C facilita muito o trabalho no momento do
desenvolvimento e da manutenção de uma página HTML. 
Assinale a alternativa que preenche corretamente a lacuna.
na codificação.
na codificação.
Resposta correta. A aplicação de boas práticas na codificação conforme o W3C
facilita muito o trabalho do desenvolvedor, além de proporcionar uma consistência
de código e nos estilos, otimizar o tempo e evitar problemas de visualização, tornar
o carregamento da página mais rápido e ser necessário a manutenção, esse
trabalho se tornará mais fácil.
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
https://neilpatel.com/br/blog/o-que-e-portfolio/
11/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-14892.01
https://anhembi.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_671… 6/6
Quinta-feira, 11 de Março de 2021 08h24min50s BRT
Pergunta 10
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
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.
<nav> <nav/>
<nav> <nav/>
Resposta correta. A tag <nav> <nav/> indica para uma 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 mesmowebsite.
1 em 1 pontos