Buscar

atividade 02

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 6 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 6 páginas

Prévia do material em texto

· Pergunta 1
1 em 1 pontos
	
	
	
	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.
	
	
	
	
		Resposta Selecionada:
	 
na codificação.
	Resposta Correta:
	 
na codificação.
	Comentário da resposta:
	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 2
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 3
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 4
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.
	
	
	
· Pergunta 5
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.
1. (  ) Os links ou hiperlinks podem ser aplicados em diferentes elementos que compõem uma página em HTML como imagens e textos.
2. (  )  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.
3. (  ) 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.
4. 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 6
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 7
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 , analiseas asserções a seguir e a relação proposta entre elas.
1. Antes do desenvolvimento, o mapa do site é um documento que é usado e sempre consultado pelo gerente do projeto.
PORQUE
7. 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.
	
	
	
1. Pergunta 8
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.
	
	
	
1. Pergunta 9
1 em 1 pontos
	
	
	
	Front-end é a etapa do desenvolvimento de um projeto de design digital que converte as informações computacionais dos sistemas em uma interface gráfica, usando recursos das linguagens como o HTML e CSS, tornado a compreensão dos usuários mais simples para navegar nos sistemas.
Considerando o texto apresentado sobre a front-end , analise as afirmativas a seguir.
9. A organização front-end é importante em todos os projetos de design digital, mas é fundamental em grandes aplicações web que possuem uma grande quantidade de dados.
9. A organização front-end pode ser descartada em projetos experimentais com uma pequena quantidade de manipulação de dados para poder otimizar o tempo de trabalho.
9. O uso de estruturas similares em todos os projetos facilita a organização front-end,  ganhando produtividade, pelo fato de o desenvolvedor estar familiarizado com esses padrões.
9. Para otimizar o desenvolvimento de um projeto front-end, é necessário criar padrões próprios e testá-los, e, no momento que adquirir a prática, iniciar o desenvolvimento.
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.  Uma boa organização front-end é fundamental em grandes aplicações web, pois desde o início do projeto é preciso se preocupar com a arquitetura da informação, para não ocasionar maiores problemas no decorrer do projeto. Para otimizar o desenvolvimento de um projeto front-end, o desenvolvedor pode utilizar estruturas e padrões de que já tenha conhecimento, não sendo necessário estabelecer novos padrões para todos os projetos.
	
	
	
1. Pergunta 10
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.
	
	
	
Domingo, 28 de Março de 2021 00h30min20s BRT

Continue navegando