atividade 3 desing web

Prévia do material em texto

· Pergunta 1
0,25 em 0,25 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:
 
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:
 
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Feedback 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 2
0,25 em 0,25 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:
 
I, II e III.
Resposta Correta:
 
I, II e III.
Feedback 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 3
0,25 em 0,25 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:
 
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:
 
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Feedback 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 4
0,25 em 0,25 pontos
	
	
	
	Uma identidade visual pode ser criada por meio de variáveis como as cores de logo da empresa, por exemplo, ou pela representação da cor com relação ao negócio. Uma página web relacionada a um sex shop poderia ter como cor predominante o vermelho.
Analise as afirmativas sobre os fundamentos de imagem.
 
I) Os editores de imagem trabalham somente as cores quente como vermelho, amarelo, verde, e por esse motivo são fundamentais para prototipar sites web.
 
II) Os editores, como photoshop , podem ser utilizados como ferramenta de prototipação de site webs.
 
III) Uma das características de um editor de texto, como o photoshop , é a utilização de camadas.
 
Agora, assinale a opção que corresponde às afirmações corretas.
	
	
	
	
	Resposta Selecionada:
 
II, apenas.
Resposta Correta:
 
II, apenas.
Feedback da resposta:
Resposta correta. A afirmativa I está incorreta, pois todos os editores de textos trabalham qualquer cor para manipulação da imagem e não somente cores quentes. A II é correta, pois o photoshop pode ser usado como uma ferramenta de prototipação  de imagem. A III está incorreta, pois é o editor de imagem e não de texto que trabalha com o recurso de camadas.
	
	
	
· Pergunta 5
0,25 em 0,25 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:
 
A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
Resposta Correta:
 
A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
Feedback 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 6
0,25 em 0,25 pontos
	
	
	
	A partir do conteúdo estudado a respeito da construção de protótipos de tela web e o conceito mobile first , ou seja, criar primeiramente o layout para telas menores e depois para tela maiores, assinale a alternativa correta no que se refere ao mobile first .
	
	
	
	
	Resposta Selecionada:
 
É um conceito aplicado em desenvolvimento web, pois a grande maioria das pessoas faz uso de celulares e não mais de computadores pessoais.
Resposta Correta:
 
É um conceito aplicado em desenvolvimento web, pois a grande maioria das pessoas faz uso de celulares e não mais de computadores pessoais.
Feedback da resposta:
Resposta correta. O conceito mobile first foi aplicado no desenvolvimento web devido ao crescimento de uso de smartphone pelo usuário de internet. Hoje, as pessoas utilizam para acesso à internet mais o celular do que computadores pessoais.
 
	
	
	
· Pergunta 7
0,25 em 0,25 pontos
	
	
	
	A interface possui elementos que proporciona uma ligação física ou lógica entre dois sistemas ou partes de um sistema que não poderiam ser conectados diretamente. No mundo web, as pessoas se relacionam com o sistema por meio de interfaces.  Sobre os princípios que orientam o projeto de interfaces de usuário eficazes,é correto afirmar que:
	
	
	
	
	Resposta Selecionada:
 
a expectativa do usuário com relação à interface deve ser objetivada por esse motivo de implementações de telas fáceis e intuitivas.
Resposta Correta:
 
a expectativa do usuário com relação à interface deve ser objetivada por esse motivo de implementações de telas fáceis e intuitivas.
Feedback da resposta:
Resposta correta. Interfaces com foco no usuário devem ser fáceis de memorização, intuitivas, possuir boa navegabilidade, uma ótima interação, pois tem que atender a expectativa do usuário que interage com o sistema.
	
	
	
· Pergunta 8
0 em 0,25 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:
 
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Resposta Correta:
 
Tanto a primeira quanto a segunda asserções são proposições falsas.
Feedback da resposta:
Sua resposta está incorreta. A alternativa está incorreta, já que 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 9
0 em 0,25 pontos
	
	
	
	Leia o excerto a seguir.
 
“Existem cento e oito elementos previstos na especificação do W3C para o  HTML5 (considerando que cada nível de cabeçalho conta como um  elemento). Dos elementos de estrutura, a tag <html> é o elemento-raiz e engloba os elementos <head>  e <body>. O elemento <head> destina-se a marcar a seção de cabeçalho e o <body>  marca a seção do corpo da estrutura das informações principais do documento”.
 
SILVA, M. S. Fundamentos de HTML5 e CSS3 . São Paulo: Novatec, cap. 3, pp. 50-51, 2015.
 
As estruturas de uma página web possuem novas tags. Essas tags foram desenvolvidas sob os conceitos semânticos web. Elas mapeiam oposição de informações  dentro de uma página que podem ser indexados pelos buscadores de internet. Considerando essas informações e o conteúdo estudado, analise as afirmativas, a seguir, e assinale (V) para a(s) verdadeira(s) e (F) para a(s) falsa(s).
 
1. ( ) Na criação  de sites responsivos com construção de protótipos pelo photoshop, as regras de CSS ficam inseridas após a tag de abertura de body.
2. ( ) Entre as diversas tecnologias existentes no mercado, o photoshop possui recurso de formatos  preexistentes de canvas tanto para web quanto para mobile, que facilita o desenvolvimento de páginas HTML5.
3. ( ) Para o uso do conceito de sites responsivos, há necessidade de criar os efeitos CSS com media queries e posicioná-los dentro do código HTML5 entre tags <head> por meio da tag <meta>.
4. ( )  O  uso de photoshop para a criação de protótipos nada ajuda o desenvolvimento web, pois o site deve ser necessariamente escrito em HTML5 e desenhado utilizando as regras CSS.
 
Assinale a alternativa que apresenta a sequência correta.
	
	
	
	
	Resposta Selecionada:
 
V, V, F, F.
Resposta Correta:
 
F, V, F, F.
Feedback da resposta:
Sua resposta está incorreta. A alternativa está incorreta, já que a afirmativa I é verdadeira, pois as regras CSS podem ser inseridas por três maneiras: inline , incorporada entre tags <style> e com links externos por meio da tag link . A II é verdadeira, pois o photoshop possui canvas pré-formatadas para uso em layouts web e mobile . A III é falsa, pois o código CSS é inserido por meio da tag link que fica entre as tags <head> no documento HTML5. A IV é falsa, pois prototipar em editores como photoshop é uma boa prática no desenvolvimento web.
	
	
	
· Pergunta 10
0 em 0,25 pontos
	
	
	
	Com a evolução da internet, o uso de dispositivos mobile pelos usuários cresce  a cada dia. Muito devido a diversidade de dispositivos de acesso à Internet como smartphones e tablets . O  conceito mobile first , então, tornou-se preferência nos desenvolvimentos webs.
 
                                                                                                         
Analise as alternativas e marque a opção que corresponde a afirmação verdadeira sobre o desenvolvimento de interface web.
	
	
	
	
	Resposta Selecionada:
 
Pode-se usar o photoshop na construção de layout mobile first, pois o photoshop possui uma variedade de ferramentas para a manipulação de imagens, textos, cores, extensões de arquivos de imagem e tamanho de imagem.
Resposta Correta:
 
Com o software Photoshop, pode-se  criar wireframes, que são protótipos de baixa fidelidade, mas permitem ao desenvolvedor ter uma noção de quais elementos a página será composta.
Feedback da resposta:
Sua resposta está incorreta. A alternativa está incorreta, já que alternativa “a” está  incorreta, pois o photoshop possui diversas ferramentas de manipulação de imagem, mas não possui  uma ferramenta de manipulação  de extensões de arquivos, possui a opção  de troca de extensão ao salvar ou exportar. A “c” está incorreta, pois a opção  blending option é usada em camadas e possui uma diversidade de aplicações, como realce de contornos, gradiente etc. A “d” está incorreta, pois o photoshop trabalha com diversos padrões de cores, entre eles tons de cinza. A “e” está incorreta, pois o photoshop pode ser usado para prototipar sites com conceito mobile first , inclusive possui já canvas pré-formatadas para a construção de wireframes .