Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
Bloco 2 - GRA0465 DESIGN PARA WEB PNA (ON) - 201910(1)
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
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
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
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
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
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
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
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
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
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
Compartilhar
Prévia do material em texto
1. Bloco 2 - GRA0465 DESIGN PARA WEB PNA (ON) - 201910.921.11
2. Unidade 2
3. Revisar envio do teste: ATIVIDADE 2
Revisar envio do teste: ATIVIDADE 2
Usuário
RODRIGO NOGUEIRA FURTADO
Curso
Bloco 2 - GRA0465 DESIGN PARA WEB PNA (ON) - 201910.921.11
Teste
ATIVIDADE 2
Iniciado
03/06/19 21:55
Enviado
03/06/19 22:41
Status
Completada
Resultado da tentativa
1,5 em 2,5 pontos
Tempo decorrido
46 minutos
Resultados exibidos
Respostas enviadas, Respostas corretas, Comentários
·
Pergunta 1
· 0 em 0,25 pontos
·
·
·
· Na figura a seguir, são apresentadas as tags HTML5, compreendidas como sendo os elementos interpretados pelo navegador WE, seja um Edge, seja um Google Chrome. Por meio da tag <body> (corpo), podemos definir propriedades gerais para toda a página. Navegadores não compreendem estilos, mas esses são aplicados por CSS. Pode-se inserir o código CSS de três maneiras distintas: inline, externo ou incorporado na página.
·
·
Fonte: photovibes / 123RF.
Considerando o exposto, analise as afirmativas a seguir sobre os trechos de código CSS e assinale (V) para a(s) verdadeira(s) e (F) para a(s) falsa(s).
I. ( ) <style> body { background-color: lightblue;} </style>. Esse trecho de código inline determina uma cor de fundo para o corpo do documento.
II. ( ) #grad { background-image: linear-gradient(red, yellow);}. Esse trecho de código cria um seletor identificador para cores gradiente de imagem.
III. ( ) .button { /* border: none;*/}. Esse trecho de código não cria nada, pois está com comentário.
IV. ( ) .div1 { border: 1px solid blue; }. Esse trecho de código determina uma classe com borda de 1 pixel do estilo sólido e de cor azul.
Agora, assinale a alternativa que apresenta a sequência correta.
·
·
·
·
·
· Resposta Selecionada:
· V, F, V, F.
· Resposta Correta:
· F, F, V, V.
·
· Feedback da resposta:
· Sua resposta está incorreta. A alternativa está incorreta, já que a afirmativa I é falsa, pois é um trecho de CSS incorporado ao documento e não inline. A afirmativa II é falsa, pois está criando cores para imagem, na verdade, são cores de fundo de área lógica e não de uma imagem. A afirmativa III é verdadeira, pois o comentário é feito por /*....*/. Por fim, a afirmativa IV é verdadeira, pois a classe apresenta estilo de borda (tamanho estilo e cor), 1px solid blue.
·
·
·
·
·
Pergunta 2
· 0 em 0,25 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 Selecionada:
· As asserções I e II são proposições verdadeiras e a II é uma justificativa correta da I.
· Resposta Correta:
· A asserção I é uma proposição falsa e a II é uma proposição verdadeira.
·
· Feedback da resposta:
· Sua resposta está incorreta. A alternativa está incorreta, já que 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 3
· 0,25 em 0,25 pontos
·
·
·
· Seletores, identificadores, classes, valores e propriedades são elementos fundamentais para a composição das folhas de estilos. Pode-se considerar que as folhas de estilo são uma extensão do HTML, pois trabalham na camada de estética visual.
· Considere o seguinte bloco de código CSS3:
·
@if screen only max-width < 800px {
body { background-color: red; } }
Para definir que a janela do navegador seja menor que 800px, a cor de fundo tende a mudar para vermelha. Esse trecho de linha é aplicado em CSS quando há necessidade de visualizar a página em dispositivos de telas de tamanho (largura) variado.
A partir do conteúdo estudado a respeito do uso de CSS para a diversidade de dispositivos, assinale a alternativa correta.
·
·
·
·
·
· Resposta Selecionada:
·
· Sites responsivos são as aplicações web que podem ser executadas em qualquer tipo de dispositivo, pois o ajuste é automático.
· Resposta Correta:
·
· Sites responsivos são as aplicações web que podem ser executadas em qualquer tipo de dispositivo, pois o ajuste é automático.
·
· Feedback da resposta:
· Resposta correta, pois a responsividade é a funcionalidade do site de ajuste automático a qualquer dispositivo web (seja desktop, seja mobile).
·
·
·
·
·
·
Pergunta 4
· 0 em 0,25 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:
· F, F, V, V.
· Resposta Correta:
· V, F, V, V.
·
· Feedback da resposta:
· Sua resposta está incorreta. A alternativa está incorreta, já que a afirmativa I é verdadeira, embora o HTML não apresenta nenhum 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 é falsa, pois a inserção do código CSS está na forma incorporada entre as tags <style> na área de <head>.
·
·
·
·
·
Pergunta 5
· 0 em 0,25 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 eII 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 falsas.
·
· Feedback da resposta:
· Sua resposta está incorreta. A alternativa não se enquadra como correta, tendo em vista que 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 6
· 0,25 em 0,25 pontos
·
·
·
· Leia o seguinte trecho:
· “Web Semântica dá às pessoas a capacidade de criarem repositórios de dados na Web, construírem vocabulários e escreverem regras para interoperarem com esses dados. A linkagem de dados é possível com tecnologias como RDF, SPARQL, OWL, SKOS” (2019, on-line ).
·
WEB Semântica. W3C Brasil . 2019. Disponível em: < http://www.w3c.br/Padroes/WebSemantica >. Acesso em: 23 abr. 2019.
Assim, considerando as informações apresentadas e os conteúdos estudados, analise as definições de regras CSS disponíveis a seguir e relacione-as com as suas respectivas características.
I - Formatação de distanciamento interno de uma imagem e cor de fundo.
II - Texto caixa alta, cor vermelho, sublinhado.
III - Tamanho máximo de tela 768 e uso em notebooks, tablets.
IV - Link sem sublinhado e de cor preta.
( ) a :link { color: #000; text-decoration:none}
( ) #{padding: 10; background: #FF0000}
( ) @media screen and (min-width: 768 px) { body { background-color: lightgreen;} }
( ) #cor { color: #FF0000; text-decoration: underline; text-transform: uppercase}
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
·
·
·
·
·
· Resposta Selecionada:
· IV, I, III, II.
· Resposta Correta:
· IV, I, III, II.
·
· Feedback da resposta:
· Resposta correta, pois a afirmativa I determina um distanciamento interno (padding) e cor de fundo (background). Na afirmativa II, tem-se fonte em caixa alta (text-transform), cor vermelha (color) e sublinhada (text-decoration). A afirmativa III é um exemplo de uso de media queries com tamanho 768 e somente para tela (screen). Por fim, na afirmativa IV, tem-se um seletor de link com cor (color) e sem sublinhado (text-decoration:none).
·
·
·
·
·
Pergunta 7
· 0,25 em 0,25 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 resposta:
· 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 8
· 0,25 em 0,25 pontos
·
·
·
· Toda tag HTML apresenta atributos e cada atributo, dependendo da tag, possui valores. Um exemplo de uma tag HTML é a tag de parágrafo (p). Essa tag possui o atributo de alinhamento align e quatro tipos de valores: right, left, center e justify. Esses valores posicionam o texto em relação às suas margens e os atributos também podem ser manipulados por CSS.
· A respeito desse assunto, assinale a alternativa que corretamente apresenta a definição sobre os conceitos de folha de estilo.
·
·
·
·
·
· Resposta Selecionada:
· As regras CSS em bloco deverão ser declaradas na seção do documento <head> com a tag de estilo denominada <style>.
· Resposta Correta:
· As regras CSS em bloco deverão ser declaradas na seção do documento <head> com a tag de estilo denominada <style>.
·
· Feedback da resposta:
· Resposta correta, pois a formatação CSS em bloco é escrita na seção <head> do documento.
·
·
·
·
·
Pergunta 9
· 0,25 em 0,25 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, II e III, apenas.
· Resposta Correta:
· I, II e III, apenas.
·
· Feedback da resposta:
· Resposta correta. 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 html 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.
·
·
·
·
·
·
Pergunta 10
· 0,25 em 0,25 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 resposta:
· 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 (#).
·
·
·
·
Segunda-feira, 3 de Junho de 2019 22h41min35s BRT
Continue navegando
Compartilhar