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