GABARITO

1 Com base nas diretrizes de referência de conteúdos apresentado no Tópico 1 desta unidade, sabemos que regras e boas práticas de desenvolvimento unem a variedade de hardware e software em conformidade com os padrões da Internet. Caso contrário, os dispositivos exibirão as páginas da Web incorretamente. Assim, na melhor das hipóteses e na pior das hipóteses, não funcionarão. Sobre essas regras, assinale a alternativa INCORRETA.

a) ( ) Se o site for dedicado a vídeos, todos devem ser disponibilizados via download.

b) ( ) Os designers da Web devem aderir estritamente aos padrões modernos da Internet ao criar páginas da Web.

c) ( ) Deve-se fazer o abandono de tecnologias de Internet desatualizadas e proprietárias.

d) ( ) É desejável chamar a atenção do visitante para materiais importantes e ocultar os sem importância.

2 Quanto à acessibilidade das páginas Web, existem algumas boas práticas que designers e desenvolvedores devem seguir. Sobre esse assunto, analise as sentenças a seguir.

I - As páginas da Web devem ser o mais compactas possível. Quanto menor o arquivo, mais rápido ele baixa pela rede – este é um axioma.

II - As páginas da Web precisam ser excessivamente complexas para serem rápidas de processar.

III - As páginas da Web não devem exigir nenhum software adicional para serem exibidas. Idealmente, apenas um navegador da Web é suficiente para exibi-los.

Assinale a alternativa CORRETA:

a) ( ) As sentenças I e II estão corretas.

b) ( ) Somente a sentença II está correta.

c) ( ) As sentenças I e III estão corretas.

d) ( ) Somente a sentença III está correta.

3 A World Wide Web Consortium (World Wide Web Consortium), ou W3C, abreviado, desenvolve padrões, alinha-os com os requisitos dos participantes do mercado e os publica em seu site (http://www.w3.org). De acordo com os princípios e as normativas elencadas no texto do Tópico 1, classifique V para as sentenças verdadeiras e F para as falsas.

( ) As páginas da Web devem ser fáceis de ler e não ferir seus olhos.

( ) Não é preciso chamar a atenção do visitante para materiais importantes e ocultar os sem importância.

( ) Se o site for dedicado a música ou vídeo, todos devem ser reproduzidos diretamente em suas páginas da Web, sem download.

Assinale a alternativa que apresenta a sequência CORRETA:

a) ( ) V – F – F.

b) ( ) V – F – V.

c) ( ) F – V – F.

d) ( ) F – F – V.

4 O conceito da Web 2.0 fornece quatro princípios que fazem parte da estrutura de um site que tenha título de moderno. Disserte sobre esses princípios.

R.: O primeiro princípio é separar o conteúdo, a apresentação e o comportamento de uma página da Web. Aqui, o conteúdo é a informação que é exibida na página da Web; a apresentação descreve o formato para exibir essas informações; e o comportamento é a reação da página da Web ou seus elementos individuais às ações do visitante.

O segundo princípio é o conteúdo carregável. Em vez de atualizar toda a página da Web em resposta a um clique em um hiperlink, podemos carregar apenas a parte da página que contém as informações necessárias.

O terceiro princípio é o conteúdo gerado. Alguma parte da página da Web pode não ser baixada pela rede, mas gerada no local, em um navegador da Web.

O quarto princípio é a marcação de dados semânticos. Isso nos permitirá vincular os dados exibidos na página da Web de acordo com algumas regras.

5 A WWW usa navegadores da Web como clientes e servidores da Web como servidores. Nós também sabemos disso. Qualquer informação em discos de computador é armazenada em arquivos. Nesse contexto, disserte sobre como funciona o armazenamento de informações de páginas Web em servidores.

R.: Para armazenar todos os arquivos que compõem o site, uma pasta especial é alocada no disco do computador servidor, chamada de pasta raiz do site. O caminho para essa pasta é especificado nas configurações do servidor Web, para que ele possa "encontrá-lo". Quando um endereço da Internet especifica o caminho para um arquivo solicitado, o servidor Web o conta em relação à pasta raiz.

Se digitarmos o endereço de internet http://www.somesite.ru, o servidor da Web retornará o arquivo de página da Web padrão para nós, armazenado na pasta raiz do site. Essa quase sempre será a página principal da Web.

GABARITO

1 Websites são arquivos armazenados em servidores, que são computadores que hospedam (armazenam arquivos) websites. Esses servidores estão ligados a uma rede gigante, chamada Internet. Os navegadores são programas de computador que carregam páginas Web por meio da sua conexão com a Internet, como o Google Chrome ou o Internet Explorer; enquanto os computadores utilizados para acessar essas páginas Web são conhecidos como "clients" (clientes). Sobre essas afirmações acerca do conteúdo do Tópico 2, assinale a alternativa INCORRETA.

a) ( ) Para acessar um website, você precisa conhecer seu endereço de Protocolo Internet (IP). Um endereço IP é uma sequência única de números.

b) ( ) Todos os softwares são escritos por pelo menos uma linguagem de codificação, mas as linguagens variam de acordo com a plataforma, o sistema operacional e o estilo.

c) ( ) Os desenvolvedores front-end projetam e desenvolvem os aspectos visuais, incluindo o layout, a navegação, os gráficos e outras estéticas.

d) ( ) Front-end (ou client-side) é o lado da estrutura de um website ou software que o usuário não vê.

2 HyperText Markup Language (HTML) tem sido usada desde os anos 90. É a base de todos os websites e representa o mínimo do que é necessário para criar um website. Com base na definição acima e no texto do Tópico 2, analise as sentenças a seguir.

I - HTML5 é a versão mais recente e suporta a funcionalidade de navegação entre plataformas, tornando-o popular no desenvolvimento de aplicativos mobile.

II - É possível criar um website apenas com HTML com um aspecto atraente e funcional.

III - Os elementos HTML são designados por tags. A maioria dos elementos tem uma tag de abertura e fechamento.

Assinale a alternativa CORRETA.

a) ( ) As sentenças I e III estão corretas.

b) ( ) Somente a sentença II está correta.

c) ( ) As sentenças I e II estão corretas.

d) ( ) Somente a sentença III está correta.

3 As tags de abertura na linguagem HTML precedem o texto e contêm o nome do elemento entre parênteses "<" e ">". As tags de fechamento são idênticas às tags de abertura, exceto por uma barra invertida que precede o nome do elemento. De acordo com os princípios e com o uso das tags em HTML, classifique V para as sentenças verdadeiras e F para as falsas.

( ) O elemento de imagem HTML incorpora uma imagem no documento. Ele requer um atributo src (fonte) para renderizar corretamente.

( ) O elemento div é um container genérico de nível de bloco para "conteúdo de fluxo". O conteúdo de fluxo é uma categoria de elementos HTML que contém texto ou conteúdo incorporado. Porém os elementos div não ajudam a organizar o código em seções claramente marcadas.

( ) O elemento anchor (<a>) cria um hyperlink. O elemento de âncora requer um atributo href, que especifica o destino do link.

Assinale a alternativa que apresenta a sequência CORRETA.

a) ( ) V – F – F.

b) ( ) V – F – V.

c) ( ) F – V – F.

d) ( ) F – F – V.

4 A estrutura de um site ajuda a formar padrões compreensíveis e previsíveis. Uma estrutura de site adequada ajuda os visitantes do site a encontrar informações facilmente. Os usuários se sentem satisfeitos quando encontram informações rapidamente e uma estrutura sólida e relacionável é essencial para a usabilidade do site. Disserte sobre como você faria genericamente a estrutura de um site com cabeçalho, com conteúdo com imagens e com link externo, utilizando das tags abordadas no Tópico 2.

R.: Primeiramente, é interessante colocar no topo um heading, como <h1>, e abrir uma divisão de conteúdo com a tag <div>. Dentro dessa divisão, colocaremos uma tag de imagem <img>, uma tag paragraph <p> para o conteúdo de texto e, para o link, colocaremos um anchor <a>. Exemplo:

<h1> Titulo <h1/>

<div>

<img src='link.imagem' />

<p> texto <a href='link'> texto hiperlink </a>

</div>

5 Os atributos modificam os elementos HTML de diferentes maneiras. Eles podem alterar a aparência do elemento, aplicar identificadores únicos, para que os elementos possam ser direcionados pelo CSS, ou fornecer informações necessárias aos leitores ou leitores de tela. Nesse contexto, disserte sobre os três atributos HTML.

R.: O ID é usado para identificar um único elemento em um arquivo HTML, não podendo ser repetido dentro do mesmo arquivo. Um atributo href contém o destino de um link. Esse atributo deve ser sempre incluído com um elemento de âncora (anchor). Source (src) é um atributo que contém o caminho para o arquivo de imagem ou sua URL.

GABARITO

1 Há algumas formas de tornar o site mais fácil de compreender. Você pode criar bullet points usando o elemento de lista não ordenada HTML. Esse elemento é usado para agrupar itens quando a ordem não importa. As descrições dos produtos, por exemplo, não precisam seguir uma ordem em particular. As instruções da receita, por outro lado, precisam ser seguidas. Sobre listas em HTML, assinale a alternativa CORRETA.

a) ( ) Com o HTML <ol> tag e CSS, você pode criar e estilizar listas não ordenadas em suas páginas Web.

b) ( ) O elemento de lista não ordenada HTML é usado para agrupar itens quando a ordem importa.

c) ( ) O elemento da lista ordenada em HTML é usado para agrupar itens quando o pedido é importante. Receitas, por exemplo, devem seguir uma ordem em particular. Os passos precisam ser definidos pela etiqueta <li> e depois envolvidos no elemento <ol>.

d) ( ) Os itens da lista não ordenada precisam ser definidos pela tag <li> e então envolvidos no elemento <ul>.

2 Uma tabela é uma representação de dados dispostos em linhas e colunas. Realmente, é mais como uma planilha. Em HTML, com a ajuda de tabelas, você pode organizar dados, como imagens, texto, links, e assim por diante, em linhas e colunas de células. O uso de tabelas na Web se tornou mais popular recentemente por causa das incríveis tags de mesa HTML que facilitam a criação e o design delas. Com base nas definições e nos conceitos sobre tabelas em HTML, analise as sentenças a seguir.

I - Não faz sentido utilizar uma tabela para exibir as principais características dos planos de preços para comparação.

II - As tabelas HTML devem ser usadas para exibir e organizar qualquer tipo de dado tabular. Elas não devem ser usadas para a disposição das páginas Web.

III - A <th> tag define o cabeçalho da tabela e a <td> tag define os dados da tabela (ou seja, células da tabela).

Assinale a alternativa CORRETA:

a) ( ) As sentenças I e II estão corretas.

b) ( ) Somente a sentença I está correta.

c) ( ) As sentenças II e III estão corretas.

d) ( ) Somente a sentença III está correta.

3 Ao criar um post de blog ou uma página Web, você pode querer incluir dados que não sejam melhor representados por texto. Assim, podemos utilizar tabelas para melhor apresentar esses dados. De acordo com o texto do Tópico 3, classifique V para as sentenças verdadeiras e F para as falsas.

( ) Um bom uso de tabelas HTML seria na estruturação de layout de uma página complexa.

( ) O CSS não possui múltiplas técnicas de layout, por esse motivo precisamos utilizar ainda as tabelas HTML para exposição de elementos na página.

( ) Um bom uso de tabelas HTML seria relatando valores precisos, como a velocidade de carregamento dos temas mais rápidos do WordPress e exibindo dados com diferentes unidades de medida, como grau e porcentagem.

Assinale a alternativa que apresenta a sequência CORRETA.

a) ( ) V – F – F.

b) ( ) V – F – V.

c) ( ) F – V – F.

d) ( ) F – F – V.

4 HTML possui elementos de ênfase. A melhor abordagem provavelmente é tratar como ênfase "local", que deve ser indicada quando o texto é lido, mas não precisa saltar no rosto do leitor; enquanto que, na ênfase "global", é mais ou menos o oposto: o texto marcado para cima do uso deve ser destacado, mas geralmente não é enfatizado quando realmente lê o texto. Explique como são utilizados os elementos de ênfase, strong e unarticulated annotation.

R.: O elemento de ênfase HTML enfatiza o texto que ele contém. Os navegadores tipicamente renderizam o texto em itálico. O elemento <strong> do HTML indica que o texto que ele contém é de grande importância ou urgência. Os navegadores tipicamente renderizam o texto em negrito. O elemento de anotação não articulado marca o texto como tendo alguma forma de anotação não textual. Por exemplo, você pode usar esse elemento para apontar erros ortográficos.

5 Se o HTML é, ou não, tecnicamente, uma linguagem de programação é um debate contínuo entre desenvolvedores e especialistas em Web. Enquanto a maioria define o HTML como uma linguagem de marcação, e não como uma linguagem de programação, alguns argumentam que as duas não são mutuamente exclusivas. Nesse contexto, disserte sobre a distinção entre uma linguagem de marcação e de programação.

R.: As linguagens de programação têm algum propósito funcional, não apenas instruindo os computadores sobre o que fazer, mas como fazê-lo. O JavaScript, por exemplo, é a linguagem de programação mais amplamente utilizada no desenvolvimento web. Outras linguagens de programação populares incluem Python, Java e C/C++. O HTML, por outro lado, não "faz" realmente nada. Ele simplesmente dá aos navegadores o conteúdo que precisa ser exibido. O HTML não se importa com como o navegador exibe o conteúdo, desde que ele seja exibido.

Por outro lado, essa mesma lógica é utilizada para argumentar que o HTML é, sim, uma linguagem de programação – é apenas uma linguagem de programação declarativa.