Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
DESIGN PARA WEB_Atividade_2
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
1 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-saber-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 Selecionada:
No conceito de design, o desenvolvedor tem de prestar atenção em usabilidade e interatividade.
Resposta Correta:
No conceito de design, o desenvolvedor tem de prestar atenção em usabilidade e interatividade.
Comentário da resposta:
Resposta correta, pois os critérios para o desenvolvedor de páginas webs, entre outros, são usabilidade e interatividade.
Pergunta 2
1 em 1 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>.
Comentário da resposta:
Resposta correta, pois a formatação CSS em bloco é escrita na seção <head> do documento.
Pergunta 3
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 Selecionada:
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.
Comentário da resposta:
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 4
1 em 1 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.
Comentário da resposta:
Resposta correta, pois apresenta alguns dos 13 novos tipos de atributos de formulário criados no HTML5.
Pergunta 5
1 em 1 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.
Comentário 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 6
1 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, II e III, apenas.
Resposta Correta:
I, II e III, apenas.
Comentário 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 7
1 em 1 pontos
As páginas HTML5 sãoestruturadas 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:
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.
Comentário da resposta:
Resposta correta. A asserção I é uma proposição falsa, 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 8
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).
I. ( ) O trecho não apresenta nenhuma tag do novo conceito da semântica web.
II. ( ) 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.
III. ( ) O trecho do código apresenta um seletor com especificação de CSS com propriedade para modificar a cor de fundo.
IV. ( ) 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.
Comentário da resposta:
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 9
1 em 1 pontos
Um usuário passa por processo seletivo de contratação para o cargo de desenvolvedor de site usando HTML5. Porém um dos itens a ser julgado é a capacidade do usuário em entender as novas tags semânticas. Considerando essas informações 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).
( ) Semântica web é a nova era da Internet em que os dados possuem significado.
( ) A tecnologia da internet faz uso do HTML5, criado com base nos elementos da linguagem XML.
( ) Uma das novas tags semânticas do HTML é a DIV. Esse elemento determina uma área de inserção de informações, como banners, propagandas etc.
( ) O uso de uma estrutura de página, utilizando elementos com semântica, faz com que o site seja mais indexado.
Agora, assinale a alternativa que apresenta a sequência correta.
Resposta Selecionada:
V, F, F, V.
Resposta Correta:
V, F, F, V.
Comentário da resposta:
Resposta correta. A afirmativa I é verdadeira, pois é justamente na semântica que se verifica o valor ou significado que o dado tem dentro da web. A afirmativa II é falsa, pois as tags HTML5 possuem valor semântico, porém os elementos não são relativos às XML, já que foram criados como novos elementos no HTML5. A afirmativa III é falsa, pois o elemento DIV é legado do HTML e não possui nenhum valor semântico. A afirmativa IV é verdadeira, pois a semântica dos elementos faz a página ser indexada pelos navegadores de busca, como o google.
Pergunta 10
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 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.
Comentário 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.Materiais relacionados
Perguntas relacionadas
Compartilhar