Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
atividade 2 design para web
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
· 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, V, F, V.
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
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 verdadeiras, mas a II não é 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 3
0,25 em 0,25 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 Selecionada:
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 resposta:
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 4
0,25 em 0,25 pontos
Atualmente, o desenvolvimento web é focado no usuário. As páginas desenvolvidas para site web utilizam a linguagem de marcação denominada HTML (HyperText Markup Language) ou, em português, linguagem de marcação de texto. Um dos itens de desenvolvimento é a comunicação com o usuário. Essa comunicação é provida por meio de elementos interativos. A nova versão HTML5 evidencia alguns novos elementos de interação relacionada a formulários. Considerando o exposto, assinale a alternativa que apresenta os novos atributos de entradas.
Resposta Selecionada:
Url, email, range, tel, date, week, number, mounth, datetime-local, color.
Resposta Correta:
Url, email, range, tel, date, week, number, mounth, datetime-local, color.
Feedback da resposta:
Resposta correta, pois apresenta alguns dos 13 novos tipos de atributos de formulário criados no HTML5.
· Pergunta 5
0 em 0,25 pontos
A figura a seguir faz referência a uma página WEB. Páginas Web são os endereços eletrônicos de uma organização na Internet e, por meio delas, pode-se acessar as informações relativas à organização. Observe a figura:
Fonte: Jozsef Bagota / 123RF.
Agora, analise as afirmativas a seguir.
I - Uma propriedade clássica para estruturar uma página é a tag <meta>.
II - Tag de elementos como <nav> cria áreas de links.
III - As tags semântica section e article são definidas por criarem áreas de divisões lógicas dentro de páginas de conteúdo e inserção de conteúdos dependentes, como blogs, fóruns etc., respectivamente.
IV - A nova tag footer do HTML5 determina o posicionamento de rodapés em áreas como head.
Está correto o que se afirma em
Resposta Selecionada:
II e III, apenas.
Resposta Correta:
II, apenas.
Feedback da resposta:
Sua resposta está incorreta. A alternativa está inadequada, tendo em vista que a afirmativa I está incorreta, pois o elemento <meta> é usado no HTML5 para passar informações adicionais da página ao navegador web. A afirmativa II está correta, pois o elemento novo do HTML5 <nav> determina posicionamento de links. A afirmativa III está incorreta, devido o conteúdo do <article> ser independente do conteúdo principal. A afirmativa IV está incorreta, pois a tag <head> determina a área de estrutura do HTML em que ficam as informações de CSS.
· Pergunta 6
0 em 0,25 pontos
As páginas HTML5 são estruturadas usando tags. Tags são rótulos relacionados à palavra inglesa, como <body> (corpo), <head) cabeçalho, que determinam as partes do documento web. Porém, o HTML5 não estiliza (cores, posicionamento dos elementos, imagens) o site web, já que essa funcionalidade é realizada por CSS.
Cascading style sheet (CSS) ou folha de estilo tem, em sua escrita (sintaxe), a seguinte regra genérica: Seletor { propriedade: valor;}
Considere o seguinte fragmento de código: <div style=”border: 1px solid black; width:20px; height:20px;”> </div>
Com base no exposto, analise as asserções a seguir e a relação proposta entre elas.
I - Dentre os tipos de inserção do código CSS no HTML, esse exemplo ilustrado denominado inserção incorporada em bloco não é o ideal.
PORQUE
II - Esse tipo de associação da CSS com HTML dificulta a manutenção e fere um princípio básico de folha de estilo, que é o reuso.
Agora, assinale a alternativa correta.
Resposta Selecionada:
As asserções I e II são proposições falsas.
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, tendo em vista que a asserção I é uma proposiçãofalsa, pois esse tipo de associação é inline e não incorporada, como apresentado na afirmação, e a asserção II é uma proposição verdadeira, ou seja, são princípios básicos da CSS: facilidade de manutenção e centralização do estilo, reuso.
· Pergunta 7
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).
1. ( ) O trecho não apresenta nenhuma tag do novo conceito da semântica web.
2. ( ) 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.
3. ( ) O trecho do código apresenta um seletor com especificação de CSS com propriedade para modificar a cor de fundo.
4. ( ) A página está estruturada com CSS incorporada.
Agora, assinale a alternativa que apresenta a sequência correta.
Resposta Selecionada:
F, V, F, F.
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 8
0 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 desktop que podem ser executadas em qualquer 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.
· Pergunta 9
0 em 0,25 pontos
O Hypertext Markup Language, mais conhecido como HTML, é uma linguagem oriunda de outra linguagem de marcação denominada GML. São linguagens cuja estrutura principal é formada por rótulos e lida diretamente pelo navegador web.
Com base no exposto, analise as afirmativas a seguir sobre a programação HTML5 de uma página web.
I - O elemento HTML5 <aside> cria uma área de conteúdo independente do conteúdo principal página, onde se inserem os banners.
II - A programação HTML5 não possui recurso para inserção de tabelas, ou seja, a tag <table> ficou obsoleta e, por essa razão, descontinuada.
III - No sistema programação multi camada, a camada de usuário é desenvolvimento utilizando linguagens, como o HTML5.
Está correto o que se afirma em
Resposta Selecionada:
II e III, apenas.
Resposta Correta:
I e III, apenas.
Feedback da resposta:
Sua resposta está incorreta. A alternativa está incorreta, já que a afirmativa I está correta, pois a tag <aside> é um elemento novo HTML5 que cria área para posicionamento de conteúdo independente, como banners. A afirmativa II está incorreta, pois mesmo legado do HTML, a tag <table> ainda existe no HTML5. A afirmativa III está correta, pois a camada visualizada pelo usuário é a desenvolvida por HTM5.
· Pergunta 10
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.
Continue navegando
Materiais relacionados
4 pág.
Perguntas relacionadas
Compartilhar