Compilado - Prova WEB STANDARDS

Prévia do material em texto

1 Ao tentar desenvolver seu primeiro website, você resolveu utilizar o Markup Validation Service da W3C para verificar se havia erros em seu código. Após algumas tentativas você chegou a um código sem erros. Mostre qual foi esse código, ou seja, selecione a resposta que apresenta um código sem erros e ou alertas (warnings).
R: 
2 Ao desenvolver seu currículo na web, você percebeu que o link para a página com o seu portfólio de trabalhos desenvolvidos estava com erros, após algumas tentativas, o erro foi corrigido. Indique qual foi a versão final, onde o link está correto.
R: 
3 A Web semântica é uma extensão da World Wide Web que permite aos computadores e humanos trabalharem 
em cooperação. A Web semântica interliga significados de palavras e, neste âmbito, tem como finalidade conseguir atribuir um significado (sentido) aos conteúdos publicados na Internet de modo que seja compreensível tanto pelo humano como pelo computador.
Fonte: https://pt.wikipedia.org/wiki/Web_sem%C3%A2ntica
Indique qual conjunto de tags HTML melhor representa a estrutura semântica em um código.
R: <aside>, <footer>, <main>, <nav>, <header>
4 Com JQuery é possível manipular elementos do HTML e ou CSS de forma que a aplicação apresente um comportamento mais dinâmico. Indique qual das alternativas descreve melhor a forma de se manipular uma propriedade CSS utilizando o jQuery.
R: $(“seletor”).css(“propriedade”, “valor”);
5 Para tentar mudar a aparência dos parágrafos (<p></p>) em seu site, você após ler alguns documentos no site da W3C e realizar algumas tentativas, conseguiu fazer o que queria. Indique qual foi a versão entre as tentativas que funcionou como desejado, ou seja, mudando o tipo de fonte cor do texto nos parágrafos de seu site.
R: 
6 Para conseguir facilitar a adaptação a diferentes tamanhos de telas (responsividade), o framework Bootstrap possui o sistema de grid. A ideia é separar a página em uma grade (grid), onde é possível posicionar os elementos respeitando as divisões feitas. Indique qual código faz o correto uso do sistema de grid do Bootstrap.
R: 
7 Ao entrar no mundo do desenvolvimento web, você descobriu a importância da web semântica. Aponte qual é a resposta que melhor descreve seu objetivo.
R: O objetivo da web semântica é facilitar a identificação de áreas de conteúdos nos websites para o processamento por aplicações e robôs de internet.
8 Existe uma maneira mais eficiente de dispor, alinhar e distribuir o espaço entre os itens em um contêiner HTML, mesmo quando seu tamanho é desconhecido e / ou dinâmico. Isso é possível com a utilização do módulo Flexbox. Sua aplicação é relativamente simples, indique qual alternativa melhor demonstra isso.
R: 
9 – O jQuery serve para simplificar a forma como usamos JavaScript em websites. Existem outras bibliotecas, mas o jQuery é uma das mais populares. Uma das estruturas do jQuery são os seletores. Escolha a opção que melhor explica o que é um seletor.
R: Um seletor em jQuery serve para que seja especificado o elemento do HTML e ou CSS que será manipulado. O seletor em JQuery é representação dessa forma: S("elemento").acao();
10 – Para tornar o código de seu site mais organizado, você resolveu utilizar CSS externo, após ler alguns documentos no site da W3C e realizar algumas tentativas, conseguiu fazer o que queria. Indique qual foi a versão entre as tentativas que funcionou como desejado, ou seja, utilizando CSS externo.
R: 
11 Explique o que é web semântica.
R: Web Semântica é um movimento colaborativo para organizar a informação de maneira legível para computadores e máquinas através de padrões de formatação de dados. O objetivo é atribuir significado ao conteúdo na internet, evitando a necessidade da busca por informações de forma isolada ou por palavras-chaves. Permite que aplicações possam ler um bloco de informação, atribuir uma etiqueta de significado, e a partir de inferências com outros blocos gerar relacionamentos melhores.