DESIGN PARA WEB - ANHEMBI MORUMBI UAM - ATIVIDADE 1

•

UAM

1

0

1

0

Luciana A

18/06/2020

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 6 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 6 páginas

E aí, curtiu este material?

Ajude a incentivar outros estudantes a melhorar o conteúdo

Gostou desse material? Compartilhe! 🧡

Fundamentos de Design para Web

68 Materiais compartilhados

Baixe o app para aproveitar ainda mais

Leia os materiais offline, sem usar a internet. Além de vários outros recursos!

Prévia do material em texto

· Pergunta 1
0 em 1 pontos

No final da década de 60 e início da década de 70, o mundo estava dividido em dois: de um lado, os Estados Unidos e seus aliados; e do outro, a antiga Rússia e seus aliados. Nesse período surgiram os elementos (protocolos e conceitos) fundamentais para internet atual.
Analise as afirmativas a seguir sobre a origem da internet.
I - No final da década de 70, o departamento de defesa americano criou a Agência Avançada de Projetos em Pesquisa (ARPA), precursora da internet atual.
II - A descoberta de novos protocolos de rede, como o UDP, potencializou a evolução da web .
III - O protocolo aberto Hypertext Transfer Protocol
(HTTP) foi o mais apropriado para ser utilizado pela web .
Está correto o que se afirma em:

Resposta Selecionada:
II e III, apenas.
Resposta Correta:
III, apenas.
Feedback da resposta:
Sua resposta está incorreta. A ARPANET foi a precursora do sistema atual da internet. A ARPA era uma agência. Embora o UDP seja um protocolo, a potencialização da internet foi baseada no protocolo TCP/IP.

· Pergunta 2
1 em 1 pontos

Uma linguagem de marcação criada para ser executada em qualquer navegador web possui sua estrutura de código-fonte descrita por rótulos, denominado tags . Há diversos tipos de tags na linguagem HTML. Como exemplo de um pequeno código, veja a seguir:
Código HTML5
1.<!DOCTYPE html>
2.<html>
3.<head>
4.<meta charset="UTF-8">
5<title>Título</title>
6.</head>
7.<body>
8.<h1>Cabeçalho</h1>
9.<p>Parágrafo.</p>
</body>
</html>
Com relação ao código que faz referência a uma estrutura padrão HTML5, analise as afirmativas a seguir:
I- A instrução <!DOCTYPE html> determina a especificação de um documento HTML5.
II - A tag <head> faz parte da nova concepção semântica de desenvolvimento de estrutura de página.
III - <h1> é uma tag para formatação de textos e compõe elementos básicos de formatação referenciados ao antigo HTML4.1.
Está correto o que se afirma em:

Resposta Selecionada:
I e III, apenas.
Resposta Correta:
I e III, apenas.
Feedback da resposta:
Resposta correta. A afirmativa I está correta, pois a especificação do documento HTML é <!DOCTYPE html>. A afirmativa III está correta, pois as tags de formatação de parágrafo H1, H2, H3, H4, H5 e H6 foram herdadas e existem desde as primeiras versões da linguagem de marcação de texto, inclusive do HTML5.

· Pergunta 3
0 em 1 pontos

O novo modelo semântico de página proporciona ao desenvolvedor criar áreas que podem ser indexadas por sites de pesquisa como o Google. Um site , como definição, é o local ou o endereço eletrônico no qual informações são divulgadas e disponibilizadas na internet, por meio de páginas virtuais.
BUSCA POR SITE DE BUSCA. Dicionário Online de Português , 2019. Disponível em: <https://en.oxforddictionaries.com/definition/semantic_web>. Acesso em: 21 mar. 2019. (Adaptado).
Diante disso, assinale, a seguir, a alternativa correta sobre a linguagem HTML5:

Resposta Selecionada:
SECTION é uma área de seção para inserção de links, com a utilização da tag de marcação “<a>”.
Resposta Correta:
ASIDE é utilizada para criar áreas não relacionadas ao conteúdo principal de páginas web, como propagandas, banners etc.
Feedback da resposta:
Sua resposta está incorreta. A alternativa A está incorreta, pois a tag DIV não é nova, uma vez que foi legado do HTML4. A alternativa B está incorreta, pois a tag nova de área, que compreende ao HTML5 para inserção de links , é a NAV. A alternativa C está incorreta, pois a tag MAIN foi inserida para determinar uma área de conteúdo principal, mas não substitui a tag BODY. A alternativa E está incorreta, pois a tag FOOTER é uma nova tag HTML5 que faz referência à área de rodapé de SECTION ou ARTICLE.

· Pergunta 4
1 em 1 pontos

Toda linguagem de marcação de texto, como HTML, teve suas origens na linguagem General Markup Language (GML). Toda linguagem de marcação possui características de sintaxe. Sintaxe é a forma padrão de escrita de uma linguagem de programação.
Analise as afirmativas a seguir, relacionadas à linguagem de marcação HTML5.
I - De acordo com as recomendações da W3C para a linguagem HTML5, a instrução <meta charset="utf-8" /> está incorreta, pois tem uma barra no final.
II - De acordo com as recomendações da W3C para a linguagem HTML5, a instrução <!doctype html> está incorreta, pois deveria estar em letra maiúscula.
III - De acordo com as recomendações da W3C para a linguagem HTML5, a instrução <html lang="en-US"> está correta.
Está correto o que se afirma em:

Resposta Selecionada:
I, II e III.
Resposta Correta:
I, II e III.
Feedback da resposta:
Resposta correta. A afirmativa I está correta, pois na Linguagem HTML5 as tags não necessitam de fechamento, como na versão XHTML. A afirmativa II está correta, pois a especificação <!DOCTYPE html> é escrita por padrão em caixa-alta (letras maiúsculas). A afirmativa III está correta, pois a opção LANG especifica a língua (english) e o país (us - United States ).

· Pergunta 5
1 em 1 pontos

O desenvolvimento web é o termo utilizado para descrever o desenvolvimento de sites , na internet ou numa intranet. O profissional que trabalha desenvolvendo websites pode ser um web designer .
Sobre o desenvolvimento de aplicações web , assinale, a seguir, a alternativa correta:

Resposta Selecionada:
As aplicações web são desenvolvidas em ferramentas como editores de textos especiais encontrados em IDE, como o Eclipse.
Resposta Correta:
As aplicações web são desenvolvidas em ferramentas como editores de textos especiais encontrados em IDE, como o Eclipse.
Feedback da resposta:
Resposta correta. Há diversas ferramentas que são usadas por desenvolvedores de página, como notepad++, Sublime Text 3 e notepad do Windows; e IDEs como Eclipse e NetBeans Apache.

· Pergunta 6
1 em 1 pontos

Na área da Saúde, por exemplo, a Web Semântica auxilia na tomada de decisões e no domínio da investigação clínica, para interoperar informações biológicas e médicas entre as instituições. Esse novo modelo trouxe novas tags à linguagem HTML5.
Acerca dessas novas tags , assinale, a seguir, a opção correta.

Resposta Selecionada:
A marca <footer> define um rodapé para um documento ou uma seção e deve conter informações sobre seu elemento. Normalmente, contém informações de autoria, informações sobre direitos autorais, informações de contato, Sitemap, Back to Top, links, documentos relacionados etc.
Resposta Correta:
A marca <footer> define um rodapé para um documento ou uma seção e deve conter informações sobre seu elemento. Normalmente, contém informações de autoria, informações sobre direitos autorais, informações de contato, Sitemap, Back to Top, links, documentos relacionados etc.
Feedback da resposta:
Resposta correta. O HTML5 introduziu novas tags para alinhamento do conceito Web Semântica. A alternativa C está correta, pois o FOOTER permite criar áreas em seções (SECTIONS).

· Pergunta 7
0 em 1 pontos

Nos últimos anos, a humanidade vem testemunhando o surgimento e o crescimento vertiginoso da internet e suas ferramentas tecnológicas, que vêm modificando a forma como as pessoas se relacionam e realizam negócios.
SOUZA, M. A influência da Internet e suas ferramentas no ambiente corporativo. Administradores , 03 jul. 2011. Disponível em: <www.administradores.com.br/artigos/marketing/a-influencia-da-internet-e-suas-ferramentas-no-ambiente-corporativo/56354/>. Acesso em: 21 mar. 2019. (Adaptado).
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
I. A utilização da linguagem HTML5 na construção de páginas com recursos semânticos facilita a utilização de recursos interativos.
PORQUE
II. Os novos modelos de negócio têm como foco principal o usuário, ou seja, o cliente, que está conectado 24 horas por dia na internet.
É correto afirmarque:

Resposta Selecionada:
A primeira é uma proposição verdadeira; e a segunda, falsa.
Resposta Correta:
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Feedback da resposta:
Sua resposta está incorreta. A alternativa não se adequa, pois a facilidade de interatividade do HTML5 é uma de suas características, principalmente em relação ao desenvolvimento focado no cliente, e não mais no dado. Esse cliente está conectado 24 x 7 na internet.

· Pergunta 8
0 em 1 pontos

É da missão do W3C promover “Web Única” e torná-la disponível em qualquer dispositivo. O documento "Melhores práticas em Web Mobile" ajuda autores a compreenderem como criar conteúdo que possa ser acessado em uma grande variedade de dispositivos, contextos e localidades.
WEB DESIGN & APLICAÇÕES. W3C Brasil , 2011. Disponível em: <http://www.w3c.br/Padroes/WebDesignAplicacoes>. Acesso em: 21 mar. 2019. (Adaptado).
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
I. A linguagem HTML5, com seus novos elementos, melhorou a interatividade com o usuário web , com a inserção de novos elementos.
PORQUE
II. Tim Berners-Lee propôs o conceito de Web Semântica em 1989.
É correto afirmar que:

Resposta Selecionada:
A primeira é uma proposição verdadeira; e a segunda, falsa.
Resposta Correta:
As duas são proposições verdadeiras, e a segunda é uma justificativa correta da primeira.
Feedback da resposta:
Sua resposta está incorreta. A alternativa não se enquadra, pois não apresenta a correlação correta entre as asserções, tendo em vista que o conceito de Web Semântica surgiu em 1989, num artigo de Tim Berners-Lee. O conceito de HTML5 foi baseado na Web Semântica, e novos elementos foram inseridos, como <canvas> e <aside>, o que melhorou o desenvolvimento e a interatividade com o usuário.

· Pergunta 9
1 em 1 pontos

Devido à diversidade de dispositivos de acesso à internet, o desenvolvimento de uma aplicação web tem que considerar o tamanho da resolução (largura x altura) do disposto, seja este um computador, um celular, tablet ou qualquer outro.
Fonte: Sentavio / 123RF.
Sobre as interfaces web , assinale, a seguir, a alternativa correta:

Resposta Selecionada:
Na construção de layouts para dispositivos diferentes, o desenvolvedor web tem que considerar a responsividade.
Resposta Correta:
Na construção de layouts para dispositivos diferentes, o desenvolvedor web tem que considerar a responsividade.
Feedback da resposta:
Resposta correta. Todo dispositivo de leitura de uma página web possui uma dimensão de largura e altura.

· Pergunta 10
0 em 1 pontos

A internet inicial tinha como princípio somente a leitura. Com o passar do tempo, a evolução contínua e os novos conceitos como interatividade, compartilhamento e semântica, a linguagem HTML evoluiu para a linguagem HTML5.
Analise as afirmativas a seguir sobre os conceitos da linguagem de marcação HTML5.
I - A tag FOOTER é usada para informações adicionais sobre o conteúdo, tais como quem o escreveu, links para documentos relacionados, dados de copyright , um link para o topo da página etc., e normalmente aparece no fim do conteúdo.
II - O HTML5 é uma tecnologia para especificar o comportamento de conteúdo de páginas web .
III - HTML5 (acrônimo para a expressão inglesa HyperText Markup Language Five ) significa Linguagem de Marcação de Hipertexto nº Cinco, e é uma linguagem de marcação utilizada para produzir páginas na web .
Está correto o que se afirma em:

Resposta Selecionada:
I e III, apenas.
Resposta Correta:
I, apenas.
Feedback da resposta:
Sua resposta está incorreta. A alternativa não apresenta a afirmativa correta. A afirmativa I está correta, pois a tag FOOTER foi criada para ser aplicada como rodapé para inserção de links para documentos relacionados como exemplos. A afirmativa II está incorreta, pois o comportamento de uma página HTML5 é realizado pela linguagem Javascript. A afirmativa III está incorreta, pois HTML5 significa HyperText Transfer Protocol , e o número 5 faz referência à quinta versão do HTML, pois as versões anteriores eram definidas como HTML4 e HTML 4.1.