DESIGN DIGITAL - ATIVIDADE 02

Prévia do material em texto

• 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). 
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 
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 
 
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 
da resposta: 
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. 
 
• Pergunta 3 
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 4 
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). 
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 
atributo color 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. 
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 5 
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: 
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 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 6 
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 
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. 
 
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 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 7 
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. 
 
• Pergunta 8 
1 em 1 pontos 
 
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. 
 
Resposta Selecionada: 
Interface cansativa e confusa. 
Resposta Correta: 
Interface cansativa e confusa. 
Comentário 
da resposta: 
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. 
 
 
• Pergunta 9 
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 
 
https://neilpatel.com/br/blog/o-que-e-portfolio/
não seja possível carregar a imagem, sendo assim, uma 
justificativa correta da I. 
 
• Pergunta 10 
1 em 1 pontos 
 
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. 
2. 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. 
 
Resposta 
Selecionada: 
 
A asserção I é uma proposição verdadeira, e a 
asserção II é uma proposição falsa. 
Resposta Correta: 
A asserção I é uma proposição verdadeira, e a 
asserção II é uma proposição falsa. 
Comentário 
da resposta: 
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.