DESIGN DIGITAL A2

Prévia do material em texto

1) Para inserir uma imagem no HTML utiliza-se a tagimg 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 ceta. 
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. 
 
2) Analise a figura a seguir. 
 
Fonte: Elaborada pelo autor. 
 
A figura representa como um site poderá ser navegado em um browser (navegador), 
apresentando a sua forma estrutural de maneira visual, como deverá ser desenvolvido o 
projeto, antes mesmo de iniciar o processo de programação dos códigos em HTML ou 
CSS. 
 
Nesse sentido, assinale a alternativa que indique qual é o nome técnico que representa a 
figura. 
Resposta correta. A representação visual da estrutura de como irá funcionar uma tela de um 
aplicativo ou uma página é conhecida como wireframe ou diagrama de wireframe, que deve ser 
criado no começo do desenvolvimento de um projeto, antes de iniciar o processo do design visual 
e conteúdo. 
 
3) 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 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. 
 
4) 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. 
1. Antes do desenvolvimento, o mapa do site é um documento que é usado e sempre 
consultado pelo gerente do projeto. 
 
PORQUE 
1. 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 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. 
 
5) 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 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. 
 
6) 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 
1. 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 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. 
 
7) 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 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. 
 
8) 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. 
Sua resposta está incorreta. Define-se o tamanho do caractere através do atributo font-size,em 
que pode ser utilizada a unidade de medida em px, mas também outras. O atributo color, que 
indica a cor do texto, pode ser definido pelo valor hexadecimal, pelo nome da cor em inglês ou pelo 
valor RGB separados em vírgulas. 
 
9) 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. 
Sua resposta está incorreta. Inserindo o elemento <header>, a marca da empresa é visualizada 
nos navegadores do lado do título da página. É o elemento <footer> que representa o rodapé que 
pode conter informações relacionadas ao autor e aos direitos autorais, copyright, blocos de 
navegação ou links relacionados. 
 
10) 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 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.