Baixe o app para aproveitar ainda mais
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
Compartilhar