Prova 2ºC

Única escolha: HTML

Sobre o uso de tags HTML na construção de páginas web, leia as informações

das colunas a seguir e relacione cada tag a sua função correspondente.

• A-4, B-3, C-1, D-6, E-5, F-2

• A-1, B-2, C-3, D-6, E-5, F-1

• A-4, B-2, C-6, D-5, E-3, F-1

• A-4, B-3, C-4, D-5, E-6, F-2

Boas práticas

Analise o trecho de código a seguir.

Com base na sua análise, qual boa prática ou melhoria seria recomendada para

esse trecho de código?

• Melhoria de semântica: colocar a tag <header> dentro da tag <footer>

  para manter todo o conteúdo de navegação próximo.

• Melhoria de organização de código: manter o CSS dentro da tag <style>

  no HTML é a melhor forma de organizar os estilos, pois facilita a leitura

  imediata do código.

• Melhoria de performance: mova o CSS para um arquivo externo e vincule-o

  ao documento HTML, para melhorar a organização e performance.

• Melhoria de responsividade: Não há necessidade de adicionar media queries,

  pois o layout funciona bem para dispositivos móveis.

Leia-me

Em um repositório GitHub, o arquivo README.md é utilizado com o propósito

de:

• armazenar os arquivos de código-fonte do projeto.

• descrever o projeto, fornecer instruções sobre como usá-lo e informações

  sobre como contribuir.

• criar um repositório que contém apenas a descrição do autor do projeto.

• listar todos os commits realizados no projeto, descartando a necessidade de

  uma documentação.

Configurando o repositório

Thalita está aprendendo a usar o GitHub para gerenciar e compartilhar seus

projetos de programação. Ela já criou seu primeiro repositório, mas tem

algumas dúvidas sobre como configurar corretamente o repositório e registrar

as informações do projeto.

Sobre a criação e configuração de repositórios no GitHub, analise as afirmações

a seguir, considerando (V) para as verdadeiras e (F) para as falsas:

( ) É importante adicionar uma descrição clara do projeto ao criar um

repositório no GitHub, para que os colaboradores e usuários entendam o

objetivo do projeto.

( ) Selecionar uma licença ao criar um repositório no GitHub permite que ele

seja acessível a outros usuários.

( ) O arquivo README.md pode ser utilizado para registrar o histórico de

mudanças do projeto, como os commits realizados.

• V – F – F

• V – V – F

• F – V – V

• F – F – V

Como colocar seu site na web?

João criou seu primeiro site e agora quer publicá-lo na web. Para isso, ele

decide usar o GitHub Pages, uma ferramenta que facilita a publicação de sites

diretamente do GitHub.

Pensando nisso, analise as afirmativas sobre o processo de publicação de um

site com o GitHub Pages:

I. O GitHub Pages inicia a publicação automaticamente a partir de um arquivo

chamado home.html, se ele estiver presente no repositório.

II. O GitHub Pages pode ser ativado nas configurações do repositório.

III. Após habilitar o GitHub Pages, é possível escolher qual branch será usada

para a publicação.

IV. O GitHub Pages pode usar como página inicial um arquivo HTML qualquer

presente no repositório, desde que ele esteja no diretório principal.

A partir da análise, quais afirmativas estão corretas?

• Apenas II e III estão corretas.

• Apenas I e III estão corretas.

• Apenas III e IV estão corretas.

• Apenas II e IV estão corretas.

A tag article

No projeto que estamos desenvolvendo foi utilizada a tag article para

criarmos a estrutura de um cartão. Sobre essa tag, escolha a alternativa correta:

• A tag article é utilizada para de inir um artigo, ou seja, ela cria um

  elemento de texto simples em HTML.

• A tag article é utilizada quando precisamos criar um elemento

  independente em HTML, ou seja, um elemento que funciona sem depender

  dos demais.

• A tag article é utilizada quando precisamos criar elementos que se

  relacionam entre si, dependendo uns dos outros para funcionar.

• A tag article é utilizada para criar seções de navegação no documento

  HTML.

Ajustando a largura de um elemento

Qual das alternativas abaixo apresenta a propriedade do CSS que altera a

largura de um elemento para que ele ocupe toda a página?

• height: 100px;

• height: 100%;

• width: 100%;

• width: 100px;

Itens lado a lado

Qual das alternativas abaixo apresenta a propriedade do CSS que faz com que

os elementos do nosso container fiquem lado a lado na página?

• display: flex-grow;

• display: flex;

• display: none;

• display: block;

Acessando o background

Pedro está desenvolvendo o seu projeto de cartões de estudo e, para o plano

de fundo da página, ele selecionou uma imagem diferente. A imagem está

adicionada na pasta Imagens e o nome do arquivo é background-cartoes.png.

Pensando nisso, escolha a alternativa que apresenta corretamente o código

necessário para usar essa imagem como plano de fundo do site.

• background: url(‘Imagens/background-cartoes.png’);

• background-color: url(‘Imagens/background-cartoes.png’);

• background: url(‘img/background-cartoes.png’);

• background: ‘Imagens/background-cartoes.png’;

Ajustando espaçamentos

Para que o JavaScript possa modificar a aparência da página, ele precisa ser

conectado ao HTML. Pensando nisso, selecione a alternativa que apresenta a

maneira correta de conectar o arquivo respostas.js ao documento HTML.

• <script>respostas.js</script>

• <html>respostas.js</html>

• <script src=”respostas.js”></script>

• <link rel=”respostas.js”></link>