Atividade A3 -DESIGN PARA WEB - 2021

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Curso	DESIGN PARA WEB
Teste	ATIVIDADE 3 (A3)
Status	Completada
Resultado da tentativa	10 em 10 pontos 
Tempo decorrido	2 horas, 35 minutos
Resultados exibidos	Respostas enviadas, Respostas corretas, Comentários
Pergunta 1
1 em 1 pontos
Segundo Miletto e Bertagnolli (2014, p. 49), “no planejamento de um site web deve-se priorizar o conceito de usabilidade, ou seja, focar na prioridade do usuário. Há técnicas para posicionamento e distribuição dos elementos em um layout de página”.
 
MILETTO, E. M.; BERTAGNOLLI, S. C. Desenvolvimento de software II : Introdução ao desenvolvimento web com HTML, CSS, JavaScript e PHP. Porto Alegre: Bookman, 2014, p. 49.
 
 
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
 
I. Um desenvolvedor web pode fazer uso de divisão da largura da tela web em três partes ou usar divisões menores para o posicionamento dos elementos de composição do layout .
 
PORQUE
 
II. Faz uso de técnicas como a divisão de três partes chamadas de “regra dos terços (1/3)” e a regra de divisão de partes menores chamada de Grid (Grelhas), ambas determinadas pelo tamanho da mídia.
 
Agora, assinale a alternativa correta.
Resposta Selecionada:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Comentário da resposta:	Resposta correta. A proposição I está correta, pois o desenvolvedor pode usar técnicas para melhor distribuir os elementos na página, entre elas dividindo a tela em 3 partes ou em partes menores. A proposição II está correta, pois a divisão de três partes é chamada de regra dos terços (1/3) e a divisão de áreas menores de grid system (sistema de grid ). Ambas dependem do tipo de mídia.
Pergunta 2
1 em 1 pontos
Na construção de layout para um site passa-se primeiro pela concepção conceitual do site, entendendo as necessidades dos requisitos, as personas envolvidas, quais princípios são os mais adequados para a utilização. Esses princípios fazem uma relação direta do layout e os elementos de página que o compõem.
Marque a alternativa que descreve corretamente a descrição do princípio e a sua relação com os elemento de página.
Resposta Selecionada:	
Correta Princípio da repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
Resposta Correta:	
Correta Princípio da repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
Comentário da resposta:	Resposta correta. A alternativa “b” está correta, pois o princípio da repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
Pergunta 3
1 em 1 pontos
Em uma prototipação de um layout para um site web utilizando o photoshop deve-se entender as áreas semânticas do HTML5. Essas áreas determinam o posicionamento dos elementos como links e banners . Os novos elementos semânticos da linguagem de marcação HTML5 facilitam a indexação das páginas web na Internet.
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
 
I. O photoshop é uma ferramenta muito utilizada no desenvolvimento de layouts web, pode-se determinar canvas diferentes para cada tipo de layout
PORQUE
II. Permite o redimensionamento do tamanho da imagem e do canvas.
 
Agora, assinale a alternativa correta.
Resposta Selecionada:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Comentário da resposta:	Resposta correta. A proposição I é verdadeira, pois o photoshop permite dimensionar vários tipos de layouts de telas (canvas). A proposição II está correta, pois há uma função no photoshop de dimensionamento de imagem e canvas.
Pergunta 4
1 em 1 pontos
Um editor de imagem pode ser usado para desenvolver layouts para sistema Web. Existem vários editores de imagem no mercado, mas o photoshop , por sua diversidade de funções, está entre os mais utilizados pelos web designers . Analise as afirmativas sobre a ferramenta photoshop como recurso de criação de layout para uma página web.
 
I) O photoshop possui um menu de ajustes de cores da imagem como o Hue/Saturation que trabalha matiz e saturação de cores de uma imagem.
II) Há possibilidade de criar uma imagem utilizando cada parte da imagem em uma camada aplicando em qualquer camada selecionada a edição de cores por meio das funcionalidades do photoshop.
III) A ferramenta varinha máquina do photoshop seleciona áreas de pixels semelhantes e torna-se um excelente recurso de seleção de áreas em uma imagem.
 
Assinale a opção que corresponde às afirmações corretas.
Resposta Selecionada:	
Correta I, II e III.
Resposta Correta:	
Correta I, II e III.
Comentário da resposta:	Resposta correta. A afirmativa I está correta, pois saturação e matiz podem ser realçadas ou manipuladas no menu de ajustes ( hue/saturation ). A II está correta, pois um recurso do photoshop é a subdivisão em camadas e individualmente podem ser editadas. A III está correta, pois o photoshop possui diversas ferramentas de seleção de área de imagem, mas a varinha seleciona áreas de pixels semelhantes.
Pergunta 5
1 em 1 pontos
Planejar é elaborar um plano, roteiro a ser desenvolvido para um determinado propósito. No desenvolvimento web não é diferente. Um bom site deve ser planejado utilizando as boas práticas de desenvolvimento como prototipação. Com relação a prototipar um site web, analise as afirmações.
 
I) A prototipação de um site deve estar em conformidade com os requisitos coletados na fase de análise.
II) Usando combinações de técnicas no photoshop , pode-se criar imagens combinadas para melhor estilizar um layout web.
III) Um wireframe de baixa fidelidade não pode ser construído usando a ferramenta photoshop , pois esta somente trabalha com imagens preenchidas e não somente linhas.
Assinale a opção que corresponde às afirmações corretas.
Resposta Selecionada:	
Correta I e II, apenas.
Resposta Correta:	
Correta I e II, apenas.
Comentário da resposta:	Resposta correta. A afirmativa I está correta, pois a prototipação de um site deve estar em conformidade com os requisitos coletados na fase de análise. A II está correta, pois pode-se combinar diversas imagens (mesclar) para criar uma terceira imagem usando photoshop . A III está incorreta, pois o photoshop trabalha qualquer recurso com relação a imagem, com somente linhas, formas preenchidas, imagens pixeladas etc.
Pergunta 6
1 em 1 pontos
O princípio básico de manipulação de imagem no Photoshop é realizado por meio da ferramenta de seleção. Após selecionada a área (uma parte da figura ou a imagem por inteira) da figura inserida no Photoshop , aplica-se a formatação necessária.
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
 
I. Um sistema de 8 bits de cores pode somente trabalhar o preto e branco para imagem RGB
 
PORQUE
 
II. Um byte é composto de 8 bits e somente a cor preta e branca podem ser representadas.
 
Agora, assinale a alternativa correta.
Resposta Selecionada:	
Correta Tanto a primeira quanto a segunda asserções são proposições falsas.
Resposta Correta:	
Correta Tanto a primeira quanto a segunda asserções são proposições falsas.
Comentário da resposta:	Resposta correta. A proposição I é falsa, pois cores RGB possuem 3 canais de cores Red , Blue e Green e uma imagem de 8 bits, teria uma combinação de uma única cor por canal, um tom de azul, um tom de vermelho e um tom de verde. A combinação dessas cores resulta nas demais cores, inclusive, preto e branco. A II é incorreta, pois um byte é um conjunto de 8 bits, mas significa
que para um core RGB o canal é de somente uma única cor, mas qualquer cor.
Pergunta 7
1 em 1 pontos
O conceito mobile first significa projetar para celular antes de projetar para desktop ou qualquer outro dispositivo (isso tornará a exibição da página mais rápida em dispositivos menores) (RESPONSIVE..., 2019).
 
RESPONSIVE Web Design - Media Queries. W3Schools . Disponível em: <https://www.w3schools.com/css/css_rwd_mediaqueries.asp>. Acesso em: 10 abr. 2019.
 
Analise as afirmativas sobre os conceitos de uso de media queries em mobile first .
 
I) A linha @media only screen and (max-width: 600px) {...} determina que a aplicação CSS será em tela acima de 600px.
II) Na linha @media only screen and (orientation: landscape) {
 body {background-color: lightblue; }}, a aplicação de CSS torna o fundo azul quando o celular estiver na horizontal.
III) A linha @media only screen and (min-width: 601px) {
 div.example {font-size: 80px; }} aplica uma condição de tamanho de fonte em todos o documento web.
 
Assinale a opção que corresponde às afirmações corretas.
Resposta Selecionada:	
Correta II, apenas.
Resposta Correta:	
Correta II, apenas.
Comentário da resposta:	Resposta correta. A afirmativa I está incorreta, pois o código CSS determina a aplicação de tela até 600 pixels de largura ( max-width ). A II está correta, pois será aplicado cor de fundo ( background ) com o smartphone na posição horizontal ( landscape ). A III está incorreta, pois o efeito CSS será aplicado somente na área example da div e não em todo o documento.
Pergunta 8
1 em 1 pontos
O Photoshop é o aplicativo de edição de imagens mais difundido para uso em computadores Windows e Apple. A ferramenta permite edições de imagens de diversos tipos de extensão, entre as principais “jpg”, “bmp” e “png”. O painel de ferramenta agrupa as principais ferramentas do editor. Dessa forma, qual alternativa associa uma ferramenta a uma ação na edição da imagem?
Resposta Selecionada:	
Correta A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
Resposta Correta:	
Correta A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
Comentário da resposta:	Resposta correta. A alternativa “a” está correta, pois a quick selection faz seleções de áreas com pixels semelhantes. A “b” está incorreta, pois History Brush tool é utilizada para refazer áreas de pinturas por meio do histórico de ações. A “c” está incorreta, pois a ferramenta Gradient tool é usada para criar gradientes em áreas da imagem. A “d” está incorreta, pois a ferramenta Path selection tool é usada para criar e selecionar o caminho criado com a ferramenta pen tool . A “e” está incorreta, pois a ferramenta Dodge tool é utilizada para criar áreas de tonalidades diferentes de cinza na imagem.
Pergunta 9
1 em 1 pontos
Na construção de uma página web, o desenvolvedor tem o objetivo de passar significados por meio do design da página, ou seja, pode determinar informações de um jeito mais objetivo. Design para web é utilizar forma, estrutura e criatividade para transmitir sua mensagem para poucas ou muitas pessoas, ou seja, para atingir o público-alvo.
 
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
 
I. No desenvolvimento de layouts para Web, o desenvolvedor usa conceitos de usabilidade, interatividade e comunicabilidade.
 
PORQUE
 
II. Usabilidade faz referência à localização das informações, interatividade é a relação de influência do usuário com os elementos de tela, e a comunicação é como o sistema se comunica com o usuário.
 
Agora, assinale a alternativa correta.
Resposta Selecionada:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:	
Correta As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Comentário da resposta:	Resposta correta. A primeira proposição é verdadeira, pois o desenvolvedor usa conceitos de usabilidade, interatividade e comunicabilidade em layouts de site. A segunda proposição é verdadeira, pois a usabilidade é relacionada à localização das informações; a interatividade é uma medida do potencial de habilidade de uma mídia permitir que o usuário exerça influência sobre o conteúdo ou a forma da comunicação mediada e a comunicação é como o sistema web faz a comunicação com o usuário.
Pergunta 10
1 em 1 pontos
Na empresa Adobe, novas versões do photoshop apresentam melhorias de usabilidade, por exemplo, definir ou mover ponto de referência para uma transformação. Com essa ferramenta, ao transformar itens, pode-se movê-los mais facilmente na tela.
 
Analise as afirmativas relacionadas ao uso da ferramenta photoshop para o desenvolvimento de layouts .
 
I) O painel de layers possui opções com blending option e agrupamento de camadas.
II) O atalho ctrl+space preenche uma área selecionada com a cor de background .
III) A ferramenta carimbo faz clonagem de uma área selecionada na imagem.
 
Assinale a opção que corresponde às afirmações corretas.
Resposta Selecionada:	
Correta I e III, apenas.
Resposta Correta:	
Correta I e III, apenas.
Comentário da resposta:	Resposta correta. A afirmativa I está correta, pois o painel de camada possui diversas funcionalidades, entre elas o blending option e o agrupamento de camadas. A II está incorreta, pois a tecla de atalho ctrl+space preenche com a cor de front . A III está correta, pois a clonagem da área de imagem é feita com a ferramenta carimbo.