HTML PROVA

Prévia do material em texto

1. Quais são as quatro TAGs básicas essenciais do HTML?
D. < html >, < head >, < body > e < title >.
2. Quais são as TAGs utilizadas como "cabeçalhos de título" dentro de um documento HTML?
B. As TAGs < h1 > até < h6 >.
3. São formatos de imagens que podem ser inseridos no HTML.
C. GIF, JPG e PNG.
4. Qual a TAG indicada para uma quebra de linha dentro de um mesmo parágrafo?
E. < br/ >.
5. Quais são os tipos de listas que podemos ter no HTML?
B. Do tipo ordenada < ol > e do tipo não ordenada < ul >.
 
folha com estilo cascata CSS
 
1. Um programador deseja construir um portfólio de fotografias na Internet. Na página principal de seu site, ele desenvolveu um grid com três imagens em cada linha, armazenada em um <div> de propriedade position igual a relative. As imagens foram inseridas com a propriedade float: left, que força imagens a se posicionar à esquerda. Ao todo, 9 imagens foram inseridas na página inicial.
Quais propriedades CSS poderiam ser aplicadas às imagens para inserir um espaçamento de 10px entre as imagens?
B. margin-left: 10px; margin-top: 10px;
2. O vínculo de arquivos externos CSS permite que grandes websites possam ter o leiaute facilmente editado, sem a necessidade de editar página por página.
Qual dos itens a seguir representa uma tag utilizada para vincular arquivos CSS a páginas HTML?
B. < link >
3. 
Apresentado o seguinte código CSS:
body {
background-color: black;
color: red;
}
#div1{
background-color: white;
color: blue;
}a
.classe{
background-color: green;
color: yellow;
}
Qual seria a cor do texto em uma div com id = 1 e class = classe presente dentro do body de uma página?
B. Amarelo.
4. Você deseja construir um site com um menu na cor laranja. Que propriedade poderia ser utilizada para colorir o menu dessa cor? Além disso, qual seria a cor mais apropriada para os textos?
Marque a alternativa que contém as propriedades CSS para preencher os requisitos apresentados.
B. background-color: orange; color: white;
5. Você deseja construir um website, entretanto, ele se comporta de maneira diferente em navegadores distintos. No Chrome, uma margem de 10px é inserida na borda esquerda e superior. No Edge, essa margem não aparece.
Qual seletor pode ser utilizado para remover configurações básicas aplicadas por navegadores?
A. *
 
Aplicação de layout HTML+CSS
1. O HTML sofreu muitas atualizações ao longo do tempo e, atualmente, a versão HTML mais recente é HTML5.
HTML5 é, naturalmente, uma linguagem de marcação, mas adicionou uma infinidade de recursos para o original HTML e erradicou alguns dos rigores que estava presente no XHTML.
Com relação ao HTML, assinale a opção correta.
E.A declaração <!DOCTYPE> não é uma tag HTML, mas uma instrução para o navegador web identificar a versão do html
2. O papel da HTML não é apenas estruturar documentos para a web, mas também descrever o significado do conteúdo presente nesses documentos por meio de tags semânticas, tornando o conteúdo mais claro tanto para programadores quanto para browsers e outras engines que processam essa informação.
Dadas as tags a seguir, quais são as utilizadas para prover a semântica no HTML5?
a. <header>, <footer>, <article>, <aside>, <section> e <nav>
3.Um desenvolvedor web mobile pretende utilizar os novos elementos semânticos disponíveis no HTML5 em suas páginas. Associe corretamente os elementos HTML5 enumerados com o posicionamento na ilustração que representa conceitualmente as partes de uma página HTML:
A
B
C
D
 
SENDO: 1- HEADER
2- NAV
3- ASIDE
4- SECTION
5- ARTICLE
6- FOOOTER
 
A. A=1, B=2, C=4, D=6
4. CSS, folha de estilos em cascata, é uma linguagem que aplica formatações de estilo e de layout aos documentos web.
Na seguinte declaração CSS:
A. em todos os elementos que tiverem a classe com nome o center.
5. Por meio do CSS, criou-se o conceito que prioriza o uso dos elementos HTML para marcar e estruturar o conteúdo do documento, não podendo ter nenhum atributo para a alteração visual, apenas para parte estrutural da página.
Analisando o código HTML a seguir:
C. A página utiliza um css incorporado e apresenta um título principal alinhado ao centro e na cor roxa, um parágrafo justificado e uma imagem na largura 285px e alinhada à direita.
 
 
Arquitetura da Web
1. A criação de um sistema baseado na Web em três camadas apresenta benefícios para quem desenvolve o sistema e para os responsáveis por manter essa aplicação em funcionamento. Em virtude de ele ser dividido em três camadas, cada uma delas tem uma função específica dentro do seu contexto. A camada de apresentação:
B. é a interface do sistema, que são as telas e as formas como o usuário interage com o sistema ou aplicativo.
2. A arquitetura Web apresenta diferentes modelos. Cada um deles reúne características que os definem e os diferenciam entre si, trabalhando componentes de sistemas de formas distintas. Os dois modelos que representam o atual cenário de aplicações Web são: monolítico e microsserviços. Dadas as características em comum entre eles, todos parecem ter uma mesma base, mesmo com suas distinções. Assinale a afirmativa correta quanto às características presentes nos modelos:
A. Todos os modelos de arquitetura utilizam o acesso aos dados por ambiente Web usando protocolos de rede da Internet como HTTP, FTP, URL e SMTP.
3. O uso de protocolos de Internet é comum entre serviços da Web. Como forma de comunicação dos dados entre aplicativos por parte do usuário e do servidor de dados, a troca de informação acontece com o uso desses padrões Web. Um dos principais protocolos da Internet é o que permite a comunicação e a transferência de dados na grande rede e tem por característica uma versão mais simples e outra com uma camada de segurança. Indique a qual protocolo o enunciado se refere:
C. HTTP — Hypertext Transfer Protocol, ou Protocolo de Transferência de Hipertexto.
4. No início da década de 1990 surgia a Web. Mas, em comparação com o que vemos no atual século, os primórdios da World Wide Web não eram nem sombra do que ela chegou a ser. Criada para ser uma tecnologia de comunicação mais eficiente do que o telefone, o código Morse, os Correios e os telégrafos, a Web trouxe ao mundo uma verdadeira revolução nas tecnologias de informação e comunicação. Sobre o surgimento da Web:
E. Foi criada por Tim Berners-Lee nos laboratórios da CERN (Organização Europeia para a Pesquisa Nuclear), no intuito de propagar pesquisas científicas com pesquisadores do mundo todo.
5. A HTML (HyperText Markup Language) é uma linguagem de marcação de hipertexto. Ela se tornou o padrão desde o surgimento da Web até os dias atuais, independentemente do modelo de arquitetura Web utilizado. Ao longo desse tempo, ela passou por evoluções naturais, e novos recursos foram sendo incorporados ao seu uso. Folhas de estilo em CSS em seu código são utilizadas:
C. com a versão 3.0, desde 1997.
 
Trabalhando com listas e tabelas
1. O HTML tem amplo uso difundido nas páginas publicadas na Internet.
Assinale a opção que corresponde à tag utilizada no caso em que seja necessário utilizar uma lista não ordenada.
d. <ul>
2. Tags são rótulos usados para informar ao navegador como deve ser apresentado o site. Ou seja, quando se começa a escrever HTML, estão sendo escritas as tags que serão interpretadas pelo navegador, produzindo, assim, o visual do site.
Qual tag representa cada célula da tabela?
b. <td>
3. O cabeçalho de uma tabela tem formatação diferente de uma célula padrão, tendo seu conteúdo centralizado e em estilo negrito.
Qual tag deve ser usada para representar uma célula de cabeçalho de uma tabela?
d. <th>
4. Uma das várias possibilidade que o HTML fornece para trabalhar com tabelas, é a possibilidade de criar um título, que geralmente é usado como um breve resumo e uma explicação sobre o que será exibido na tabela. Esse título será agregado, como se fizesse parte da tabela, ficando em sua parte superior.
Sendo assim, os títulos das tabelas estão dentro de qual elemento?
a. <thead>
5. Durante a produção de um site ocorre a necessidade de que a célula de uma tabela ocupe maisde uma coluna ou linha, mesclando duas ou mais linhas ou duas ou mais colunas.
Qual dos seguintes atributos mesclará uma célula em mais linhas?
E. rowspan.
 
 
Trabalhando com links e formulários
1. Deseja-se criar uma página de contatos em um site empresarial. Você quer que seu formulário envie a data atual em um dos campos. Entretanto, esse campo não pode ser editável, caso contrário o usuário conseguiria fraudar a data de envio.
Qual tipo de campo input poderia ser utilizado para isso?
C. Hidden.
2. Ao criar um site para uma empresa de jornalismo, você utilizou links absolutos.
Qual é o problema dessa abordagem?
B. Links absolutos levam em consideração que o endereço do site seja constante. Se ele for alterado, todos os links pararão de funcionar.
3. Ao criar um site, o programador opta por utilizar campos do tipo text para receber senhas.
Qual é o problema dessa abordagem?
B. Campos text permitem que as senhas digitadas sejam visualizadas.
4. Ao analisar o formulário criado por um programador iniciante, você notou que o formulário não estava sendo enviado.
Observe o código a seguir:
<form action=”processa.php” method=”post”>
<input type=”text” name=”nome”>
<input type=”text” name=”contato”>
<textarea></textarea>
<input type=”button” value=”Enviar”>
</form>
O código apresenta vários problemas. Qual solução a seguir resolveria o problema do envio?
B. Substituir o tipo do botão enviar para submit.
5. Você está desenvolvendo um site com soluções para questões do ENEM (Exame Nacional do Ensino Médio). Para cada questão, você adicionou em seu site um texto explicando a solução e um vídeo. Entretanto, ao clicar no link para o vídeo, a página é redirecionada, fazendo com que o usuário não consiga ler o texto ao mesmo tempo.
Qual atributo e valor poderiam ser adicionados ao link do vídeo para solucionar esse problema?
B. target=”_blank”.
 
 
Comportamento com JavaScript
1. Podemos dividir uma ação feita com o JavaScript em dois elementos básicos. Quais são?
B. Função e evento.
2. São exemplos de eventos do JavaScript:
B. OnClick, OnSubmit e OnLoad.
3. São métodos de JavaScript bastante utilizados:
C. Alert(), Confirm() e Prompt().
4. Qual a sintaxe correta de um código JavaScript?
B. <script type='text/javascript'> conteúdo do Script;</script>
5. Qual a função de uma VARIÁVEL no JavaScript?
C. Ter um valor que varia ou que pode ser inserido pelo usuário.
 
Instalação de aplicações Web
1. As aplicações Web já não são mais tão simples como no início. Com os recursos avançados a começar da evolução das próprias linguagens de programação, os requisitos de servidor de hospedagem aumentaram consideravelmente. A respeito das técnicas modernas para hospedagem de sites da Web, é correto afirmar:
D. Integração contínua e entrega contínua são técnias que trabalham em conjunto.
2. Um projeto Web passa por diferentes fases, em que cada uma delas é o complemento da outra: da ideia inicial, passando por levantamento de requisitos, desenvolvimento, testes e a implantação do sistema em si no servidor Web. A fase final de instalação e implantação do sistema é conhecida por:
E. deploy.
3. Entrega contínua é uma prática comum no desenvolvimento de sistemas Web e reconhecida como boa prática por acompanhar alterações de código automaticamente e verificar se estão prontos a serem submetidos ao ambiente de produção. Sobre os benefícios do uso dessa prática, está correto o que se afirma em:
D. Entrega de atualizações mais rapidamente.
4. O versionamento de código via GIT é uma forma de gerenciar código-fonte ou arquivos de maneira a criar instâncias deles. Com esse sistema, é possível compartilhar arquivos entre vários autores e colaboradores sob a segurança de estar criando cópias de cada versão de arquivo. Sobre os benefícios de se utilizar o versionamento via GIT, analise as afirmações a seguir:
I. Acompanhamento do histórico de alterações do arquivo
II. Redundância e backup dos arquivos
III. Aumento na velocidade e na produtividade no desenvolvimento
IV. Menor acoplamento entre equipes de desenvolvimento e produção
Estão corretas as afirmativas:
C. I, II e III.
5. DevOps é uma cultura implementada em equipes de criação de aplicações cujo objetivo principal é trazer uma aproximação entre os times de desenvolvimento (programação) e produção (infra e manutenção de servidor e serviços). Com DevOps, o uso de algumas ferramentas traz mais agilidade ao processo de desenvolvimento, do projeto ao deploy. Sobre as ferramentas mais utilizadas, analise as afirmações a seguir:
I. Docker é uma plataforma para criação de containers.
II. Jenkins realiza a automatização de entregas e integrações contínuas.
III. Flume realiza um controle de repositórios GIT.
IV. ELK é uma ferramenta Apache para controle de versionamento de código.
Está correto o que se afirma em:
A. I e II.
 
Projetando site
1. Quais são os passos para o desenvolvimento do site/aplicação web?
C. Formalização de requisitos, guia do projeto, construção da aplicação e documentação.
2. Quais são as fases do projeto de um site/aplicação web, segundo o modelo incremental?
D. Planejamento, análise, projeto, implementação e testes.
3. São requisitos de segurança relacionados a um projeto de site/aplicação web:
E. Autenticação, desempenho, disponibilidade e confidencialidade.
4. São requisitos de qualidade relacionados a um projeto de site/aplicação web:
C. Usabilidade, funcionalidade, confiabilidade e eficiência.
5. O que é PMBOK?
A. Project Management Body of Knowledge. É um conjunto de regras e práticas para a gestão e planejamento de projetos.