Design Digital - ATIVIDADE 2 - A2

Prévia do material em texto

29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 1/6
Pergunta 1
Resposta
Selecionada:
Resposta
Correta:
Comentário
da resposta:
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.
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 verdadeiras, pois o atributo alt,
dealternate 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 2
Resposta Selecionada:  
Resposta Correta:  
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.
V, V, F, V.
V, V, F, V.
1 em 1 pontos
1 em 1 pontos
29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 2/6
Comentário
da resposta:
Resposta correta. A sequência está correta. Pois utilizando o 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 3
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 4
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.
Pergunta 5
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 em 1 pontos
1 em 1 pontos
1 em 1 pontos
29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 3/6
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
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.
Pergunta 6
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
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.
I, II, III.
I, II, III.
Resposta correta. Bottom = alinha com a base mais baixa dos outros elementos da
linha que pode ser uma imagem, botões etc.; title = exibe um textosomente
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.
1 em 1 pontos
29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 4/6
Pergunta 7
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
Leia o texto a seguir.
No código de uma página quando utiliza o CSS, o atributo font-family 
indica as tipografias, como o exemplo: {font-family: Arial, Verdana, Tahoma,
Sans-Serif;}. Este código representa que a principal fonte é Arial, caso não tenha
no computador do usuário, será trocada por Verdana, se não tiver a Verdana
será trocada por Tahoma e assim por diante.
 A respeito da formatação de tipografias no HTML, analise as afirmativas a
seguir e assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s).
1. ( ) Os navegadores utilizam as fontes instaladas no sistema operacional
do usuário, usar fontes desconhecidas pode prejudicar a visualização
correta do projeto.
2. ( ) O atributo que define o tamanho do caractere em uma página em
HTML é o font-size, e a unidade de medida que é aceita é apenas
em pixels.
3. ( ) Para definir a cor de um texto em uma página em HTML, utiliza o
atributocolor e pode-se apenas indicar a cor usando o valor do nome da
cor em inglês.
4. ( ) Para uma linha de texto não ficar muito próxima da outra, é
recomendável a utilização do atributo line-height, que define a altura da
linha.
 
Assinale a alternativa que apresenta a sequência correta.
V, F, F, V.
V, F, F, V.
 Resposta correta. Pelo fato de os navegadores normalmente utilizarem as fontes
que estão instaladas nos sistemas operacionais, não é aconselhável utilizar fontes
desconhecidas. Para definir a altura da linha, o atributo é o line-height, indicado
para dar um espaçamento entre uma linha e outra.
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
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
https://neilpatel.com/br/blog/o-que-e-portfolio/
29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 5/6
Resposta Selecionada:  
Resposta Correta:  
Comentário
da resposta:
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çãofront-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.
I, II, III.
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.
Pergunta 10
Resposta Selecionada:  
Resposta Correta:  
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).
1. ( ) 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.
2. ( ) 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.
3. ( ) Inserindo o logo da empresa no elemento <header>, a marca da
empresa é visualizada no lugar da marca dos navegadores.
4. ( ) No elemento <rodape>, pode haver informações de direitos autorais
dosite, copyright, autor, links relacionados ou blocos de navegação.
Assinale a alternativa que apresenta a sequência correta.
 V, V, F, F.
 V, V, F, F.
1 em 1 pontos
29/03/2021 GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-7349.08
https://ibmr.blackboard.com/webapps/late-course_content_soap-BBLEARN/Controller?ACTION=OPEN_TEST_PLAYER&COURSE_ID=_669146_1&PARE… 6/6
Comentário
da resposta:
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.