Baixe o app para aproveitar ainda mais
Prévia do material em texto
● Pergunta 1 ● 0 em 1 pontos ● Design para web é um segmento muito multidisciplinar, se comparado aos outros. Para conseguir elaborar um projeto eficaz, atraente e coerente, é preciso saber muito mais do que apenas manipulação de Softwares (ARTY, 2019). ARTY, D. Saiba os conceitos que um Web Designer precisa ter e consiga um trabalho na área de Web Design. Chief of Design . 2019. Disponível em: < https://www.chiefofdesign.com.br/o-que-todo-web-designer-precisa-s aber-conceitos-de-web-design/ >. Acesso em: 23 abr. 2019. A partir do conteúdo estudado a respeito do uso de CSS para a diversidade de dispositivos, assinale a alternativa correta. Resposta Selecion ada: No conceito de design, o desenvolvedor tem de prestar atenção em funcionalidade e criatividade. Resposta Correta: No conceito de design, o desenvolvedor tem de prestar atenção em usabilidade e interatividade. ● Pergunta 2 https://www.chiefofdesign.com.br/o-que-todo-web-designer-precisa-saber-conceitos-de-web-design/ https://www.chiefofdesign.com.br/o-que-todo-web-designer-precisa-saber-conceitos-de-web-design/ https://www.chiefofdesign.com.br/o-que-todo-web-designer-precisa-saber-conceitos-de-web-design/ ● 1 em 1 pontos ● Folhas de estilo são usadas para aplicar conceitos de design às páginas web, como cores de fonte, altura de elementos, distância e posicionamento, dentre outros conceitos. A figura a seguir apresenta um trecho de CSS. Fonte: Elaborada pelo autor. Considerando um trecho de uma folha de estilo apresentado na figura, analise as afirmativas a seguir e assinale (V) para a(s) verdadeira(s) e (F) para a(s) falsa(s). ● ( ) Tag qualquer com atributo class=”button”. ● ( ) Tag div com atributo id=”button”. ● ( ) Tag div com atributo class=”button”. ● ( ) Tag div com qualquer um dos atributos class=”button” ou id=”button”. Agora, assinale a alternativa que apresenta a sequência correta. Resposta Selecionada: V, F, V, F. Resposta Correta: V, F, V, F. Feedback da respo sta: Resposta correta. A afirmativa I é verdadeira, pois qualquer elemento que contenha a tag class=”button” receberá aplicação da formatação. A afirmativa II é falsa, pois faz referência a um id (#) e não a uma classe (ponto). A afirmativa III é verdadeira, devido à referência a uma classe (ponto) dentro da div com o termo button. A afirmativa IV é falsa, pois não pode existir chamada de CSS para ponto usando ID (#). ● Pergunta 3 ● 1 em 1 pontos ● As folhas de estilo são regras aplicadas diretamente no código HTML. Elas servem para estilizar um documento, facilitando o posicionamento dos elementos de página, como textos, imagens, cores, tamanho, dentre outros elementos. Considere o seguinte trecho de código CSS: ● .t1, #t2{color:#ff0000} ● p.t1, p#t2{font-color:#ff0000} ● p#t1, p.t2{color:#0000ff} ● p{font-color:#ff0000} ● #p{font-color:#ff0000} Com base na análise desse código, analise as afirmativas a seguir. I - O trecho da linha 1 apresenta formatação para um id de um elemento hierarquicamente abaixo de um elemento t1. III - O trecho da linha 4 define uma cor de texto (fonte) para um elemento de parágrafo. III - Existem três seletores de identificação no código: #t1, #t2, #p. IV- No trecho da linha 2, há um agrupamento de seletores. Está correto o que se afirma em Resposta Selecionada: II, III e IV, apenas. Resposta Correta: II, III e IV, apenas. Feedback da respo sta: Resposta correta. A afirmativa II está correta, pois define uma cor (#ff000) para um elemento de parágrafo (p). A afirmativa III está correta, pois há três seletores no documento (#t1, #t2, #p). A afirmativa IV está correta, pois há agrupamento de seletores com seletores separados por vírgulas (p#t1, p#t2). ● Pergunta 4 ● 1 em 1 pontos ● As folhas de estilo fazem a estilização de uma página e são aplicadas diretamente ao documento HTML por meio de associação com as tags, como <h1>, <body> ou seletores personalizados com #id ou .class. Com base no exposto, analise o seguinte código: <!DOCTYPE html><html> <head> <style> h1 { background-color: lightblue; width: 300px; } </style> </head> <body> <h1>Informação </h1> <p>Definição da informação.</p> </body></html> Considerando as informações do trecho do código 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). ● ( ) O trecho não apresenta nenhuma tag do novo conceito da semântica web. ● ( ) A tecnologia da internet faz uso do HTML5, porém, no trecho do código, o documento não está no formato HTML5 e sim XHTML. ● ( ) O trecho do código apresenta um seletor com especificação de CSS com propriedade para modificar a cor de fundo. ● ( ) A página está estruturada com CSS incorporada. Agora, assinale a alternativa que apresenta a sequência correta. Resposta Selecionada: V, F, V, V. Resposta Correta: V, F, V, V. Feedback da respo sta: Resposta correta. A afirmativa I é verdadeira, embora o HTML não apresenta nenhuma tag nova, como article, main, aside, footer, header. A afirmativa II é falsa, pois está no formato de um documento html5. A afirmativa III é verdadeira, pois apresenta um seletor h1 que especifica e aplica a cor de fundo ao elemento. A afirmativa IV é verdadeira, pois a inserção do código CSS está na forma incorporada entre as tags <style> na área de <head>. ● Pergunta 5 ● 0 em 1 pontos ● No século XXI, há um aumento considerável no uso de smartphones, tablets ou qualquer outro equipamento de acesso à internet por meio de acesso não cabeado (wireless). Qualquer site web é interpretado pelos browsers (navegadores). Por essas razões, o HTML é muito usado até em outras aplicações web, como animações e jogos, além dos sites. Acerca do HTML, analise as afirmativas a seguir. I - O HTML5 é composto por diversas tags, em que cada uma possui uma funcionalidade específica e significado. II - Um documento HTML5 válido precisa seguir, obrigatoriamente, a estrutura composta pelas tags: <html>, <head> e <body> e a instrução <!DOCTYPE>. III - O DOCTYPE não é uma tag HTML, mas uma instrução. Ela indica para o navegador qual versão do HTML deve ser utilizada para renderizar a página. IV - A tag <head> apresenta informações sobre o documento que são de interesse do navegador, registrando apenas informações dos visitantes do site. Está correto o que se afirma em Resposta Selecionada: I e II, apenas. Resposta Correta: I, II e III, apenas. Feedback da respo sta: Sua resposta está incorreta. A alternativa está incorreta, já que a afirmativa I está correta, pois o HTML5 faz referência à língua, sendo composto por tags e cada tag tem a sua funcionalidade, por exemplo: <p> de parágrafo. A afirmativa II está correta, pois as tags: <html>, <head> e <body> são as tags estruturais do documento htlml e !Doctype se refere à especificação do documento estando fora da estrutura. A afirmativa III está correta, pois DOCTYPE especifica as informações sobre a versão do html para o navegador. A afirmativa IV está incorreta, pois a <head> especifica a área e não informações sobre o documento html destinado à tag <meta>. ● Pergunta 6 ● 1 em 1 pontos ● A inserção de dado em uma página HTML5 é realizada por meio de formulários. Esses formulários possuem diversos elementos que podem ser organizados por meio do elemento <table> e os seus componentes, como <th>, <td> e <tr>. Entretanto, pode-se refazer o mesmo conceito com folhas de estilo. A figura a seguir apresenta um exemplo de formulário HTML5. Fonte: rawpixel / 123RF. Referente ao exposto, assinale a alternativa que descreva a relação do uso de CSS no que tange à <table>.Resposta Selecion ada: O uso de CSS é preferível em relação à <table> pelo fato de a manutenção posterior do site web ser facilitada. O uso de tabelas torna o site estático e menos dinâmico, dificultando atualizações. Resposta Correta: O uso de CSS é preferível em relação à <table> pelo fato de a manutenção posterior do site web ser facilitada. O uso de tabelas torna o site estático e menos dinâmico, dificultando atualizações. Feedback da respo sta: Resposta correta, pois o uso de CSS é preferível do que o Table. O CSS deixa o site mais dinâmico, o que facilita a manutenção, bem como o reuso do código. ● Pergunta 7 ● 1 em 1 pontos ● Com o aumento exponencial dos aparelhos de acesso mobile à internet, houve uma necessidade de usar novas técnicas nas páginas web para ajuste automático à variedade de dispositivos móveis, como os smartphones. Dessa forma, analise as asserções a seguir e a relação proposta entre elas. I - Os sites de web são projetos usando técnicas de programação que identificam a largura de tela dos dispositivos, além de fazer o ajuste automático do layout. PORQUE II- Esse recurso foi implementado com o uso de folha de estilo com o recurso de media queries. Agora, assinale a alternativa correta. Resposta Selecion ada: As asserções I e II são proposições verdadeiras e a II é uma justificativa correta da I. Resposta Correta: As asserções I e II são proposições verdadeiras e a II é uma justificativa correta da I. Feedback da respo sta: Resposta correta. Ambas as asserções estão corretas, pois o uso do recurso de media queries em CSS faz com que as páginas que considerem o uso desse recurso sejam automaticamente adaptadas a qualquer tela de dispositivo mobile. ● Pergunta 8 ● 1 em 1 pontos ● Segundo o dicionário Web Oxford, a definição de HTML é: “Hypertext Markup Language, um sistema padronizado para marcar arquivos de texto para obter efeitos de fonte, cor, gráfico e hiperlink em páginas da World Wide Web como modificador 'um arquivo HTML '.” (2019, on-line ). HTML. English Oxford Living Dictionaries . 2019. Disponível em: < https://en.oxforddictionaries.com/definition/html >. Acesso em: 23 abr. 2019. Considerando o trecho anterior e os estudos apreendidos, analise as asserções a seguir e a relação proposta entre elas. I - O CSS (cascading style sheets) é uma linguagem de script interativa, orientada aos objetos contidos em uma página HTML. PORQUE II - O CSS é uma linguagem de estilo que permite separar a beleza do formato de apresentação do conteúdo de documentos. Agora, assinale a alternativa correta. Resposta Selecionad a: A asserção I é uma proposição falsa e a II é uma proposição verdadeira. Resposta Correta: A asserção I é uma proposição falsa e a II é uma proposição verdadeira. https://en.oxforddictionaries.com/definition/html https://en.oxforddictionaries.com/definition/html Feedback da respo sta: Resposta correta. A asserção I é uma proposição falsa, pois a definição de CSS, segundo W3C, é uma linguagem que determina o estilo de apresentação do documento estruturado com HTML5, ou seja, a forma que o documento será exibido ao usuário e nada relacionado a orientado e objetos, tampouco ao script interativo. A asserção II é uma proposição verdadeira, pois determina a definição correta segundo W3C, sobre CSS, que é separar o formato do conteúdo. ● Pergunta 9 ● 1 em 1 pontos ● Jakob Nielsen é considerado o “rei da usabilidade” , o guru da usabilidade da web. Nielsen é um pós-doutor e co-fundador do grupo Nielsen Norman Group. Esse grupo é uma empresa relacionada à experiência do usuário (UEX), que presta consultoria para grandes empresas no mercado mundial no ramo de tecnologia relacionada à UserEx. Considerando o trecho anterior e os estudos apreendidos, analise as asserções a seguir e a relação proposta entre elas. I - As folhas de estilos podem ser usadas como estruturas no documento HTML5. PORQUE II - Sem aplicação das folhas de estilos, não há como entender o conceito de UserEx. Agora, assinale a alternativa correta. Resposta Selecionada: As asserções I e II são proposições falsas. Resposta Correta: As asserções I e II são proposições falsas. Feedback da respo sta: Resposta correta. A asserção I é uma proposição falsa, pois folhas de estilos são responsáveis pela formatação visual de uma página. A asserção II é uma proposição falsa, pois UserEx está relacionado ao conceito da facilidade e memorização de navegação de um usuário de um site. ● Pergunta 10 ● 1 em 1 pontos ● As folhas de estilos são usadas para estilizar os sites web, bem como torná-los responsivos, ou seja, capazes de serem visualizados em todos os dispositivos web. Os códigos CSS são associados às tags HTML5., folha de estilo, sendo que há três formas de inserção de código CSS em um documento de linguagem de marcação, como o HTML5. A partir do conceito de associação de folha de estilo ao documento Web desenvolvido em HTML5, assinale a alternativa correta. Resposta Selecion ada: As folhas de estilos podem ser inseridas em um documento HTML por meio da tag link e atributo de referência ao arquivo CSS href. Esse estilo é denominado lincado. Resposta Correta: As folhas de estilos podem ser inseridas em um documento HTML por meio da tag link e atributo de referência ao arquivo CSS href. Esse estilo é denominado lincado. Feedback da respo sta: Resposta correta, pois folhas de estilos lincadas são aquelas associadas a um arquivo HTML por meio da tag link e atributo de origem do arquivo CSS href. Domingo, 21 de Junho de 2020 10h48min03s BRT
Compartilhar