Buscar

web desing

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 12 páginas

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 12 páginas

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes

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

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 12 páginas

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

Você também pode ser Premium ajudando estudantes

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

Continue navegando