Atividade A2 - Design Digital A2

Prévia do material em texto

Usuário SAMARA OLIVEIRA DO CARMO 
Curso GRA1350 DESIGN DIGITAL GR0634211 - 202110.ead-
14892.01 
Teste ATIVIDADE 2 (A2) 
Iniciado 20/03/21 22:39 
Enviado 20/03/21 22:53 
Status Completada 
Resultado da 
tentativa 
10 em 10 pontos 
Tempo decorrido 14 minutos 
Resultados exibidos Respostas enviadas, Respostas corretas, Comentários 
• Pergunta 1 
1 em 1 pontos 
 
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. 
 
Resposta Selecionada: 
 V, V, F, F. 
Resposta Correta: 
 V, V, F, F. 
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. 
 
• Pergunta 2 
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 
da resposta: 
Resposta correta. A alternativa está correta, pois API - 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 3 
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: 
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. 
 
 
https://neilpatel.com/br/blog/o-que-e-portfolio/
• Pergunta 4 
1 em 1 pontos 
 
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. 
 
Resposta Selecionada: 
I, II, III. 
Resposta Correta: 
I, II, III. 
Comentário 
da resposta: 
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. 
 
 
• Pergunta 5 
1 em 1 pontos 
 
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. 
 
Resposta 
Selecionada: 
 
Não é necessário sempre iniciar do zero escrevendo todos os 
códigos. 
Resposta Correta: 
 
Não é necessário sempre iniciar do zero escrevendo todos os 
códigos. 
Comentário 
da resposta: 
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 6 
1 em 1 pontos 
 
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). 
I. ( ) Os navegadores utilizam as fontes instaladas no sistema 
operacional do usuário, usar fontes desconhecidas pode prejudicar a 
visualização correta do projeto. 
II. ( ) 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. 
III. ( ) Para definir a cor de um texto em uma página em HTML, utiliza o 
atributo color e pode-se apenas indicar a cor usando o valor do nome 
da cor em inglês. 
IV. ( ) 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. 
 
Resposta Selecionada: 
V, F, F, V. 
Resposta Correta: 
V, F, F, V. 
Comentário 
da resposta: 
 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 7 
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. Emborasejam 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). 
I. ( ) 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. 
II. ( ) 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. 
III. ( ) Na plataforma Google Design, há um link para o site Material 
Design que possui uma série de diretrizes para APIs do Sistema IOS. 
IV. ( ) 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 
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 8 
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: 
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. 
 
 
• Pergunta 9 
1 em 1 pontos 
 
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: 
Resposta Selecionada: 
I e III, apenas. 
Resposta Correta: 
I e III, apenas. 
Comentário da 
resposta: 
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 10 
1 em 1 pontos 
 
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 software Photoshop , no menu Tamanho 
da imagem – Image Size. 
 
Resposta 
Selecionada: 
 
Tirar a seleção do recurso Resample Image e depois alterar a 
resolução para 72. 
Resposta Correta: 
Tirar a seleção do recurso Resample Image e depois alterar a 
resolução para 72. 
Comentário 
da resposta: 
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. 
 
 
Sábado, 20 de Março de 2021 22h54min27s BRT