Font size
WorksheetsAvaliação 2 - 1ºANO - 3ºTRI
Total questions: 10
Worksheet time: 11mins
Maria Clara teve uma ideia incrível para um jogo de aventura. Ela imaginou uma busca por um tesouro escondido e para o jogador encontrá-lo deve procurar pistas em vários pontos turísticos de sua cidade. Mas ela está tendo dificuldade em entender por onde deve começar. Para resolver esse problema, Maria Clara precisa:
Visitar os pontos turísticos da cidade para entender como conectar as etapas.
Elaborar um fluxograma para representar as etapas, telas e textos que estarão conectados conforme o projeto avança para uma próxima fase ou tela.
Começar a programar o jogo imediatamente, já que só a ideia já é planejamento suficiente.
Eduardo está desenvolvendo um fluxograma para seu jogo de aventura pelas praias do nordeste. Para iniciar a aventura, após a tela inicial, a pessoa jogadora deve começar na Praia do Futuro em Fortaleza-CE e seguir para a praia de Ponta Negra em Natal-RN.
Como a lógica acima pode ser representada em um fluxograma? Utilize todos os blocos abaixo para ajudar Eduardo com esta tarefa.
Passo 01:
Praia do Futuro
Passo 02;
Praia Ponta Negra
Lara está criando um jogo de perguntas e respostas sobre aventuras espaciais, onde os jogadores ganham pontos ao responder corretamente. Ela precisa montar um fluxo simples que acontece quando alguém escolhe a alternativa certa, por exemplo:
Apresentar a pergunta e a pessoa jogadora escolhe a resposta
Exibir mensagem "Parabéns, você acertou!" ou;
Exibir mensagem "Não foi dessa vez! Tente novamente"
A partir do conhecimento aprendido na aula de hoje, como este fluxograma pode ser estruturado?
Passo 01: Pergunta
Passo 02:
Parabéns, você acertou!
Passo 03:
Não foi dessa vez! Tente novamente
O HTML é a linguagem que estrutura a base de uma página web, e todo documento em HTML precisa ter algumas tags indispensáveis para que a página esteja estruturada corretamente. Agora, escolha a alternativa que representa a hierarquia das tags HTML ao criar uma página.
html, head, body, main
head, html, main, body
body, head, main, html
html, body, main, head
Você está criando o conteúdo da sua página web e deseja:
Criar uma divisão na página
Inserir o texto “Alura Start”
Agora, ordene todos os blocos para estruturar corretamente o conteúdo.
<div>
<p>
Alura Start
</p>
</div>
A linguagem de estilização CSS, nos auxilia a personalizar a estrutura HTML que desenvolvemos para uma página web, possibilitando criar uma imagem atrativa e agradável ao usuário.
No entanto, para que essas mudanças ocorram é preciso que uma conexão entre os documentos HTML e CSS seja feita. Isso acontece através:
Da inserção de uma tag no arquivo HTML para vincular o documento CSS.
Da criação de um novo documento que conterá os códigos HTML e CSS juntos.
Do navegador web que conecta os documentos ao exibir a página web.
Durante a aula, você aprendeu a estilizar alguns elementos HTML utilizando as propriedades CSS. Agora, você deverá aplicar os seus conhecimentos para alterar a cor de fundo do conteúdo da página para azul. Para isso, ordene todos os blocos abaixo:
body{
background-color:
#0000FF;
}
Max desenvolveu um site e precisa definir estilos na página principal. Ele deseja adicionar as seguintes propriedades:
Com base neste cenário e em seus conhecimentos, ordene todos os blocos completando as lacunas do código, de acordo com o valor de cada propriedade:
O JavaScript é uma linguagem de programação usada para adicionar interatividade e dinamismo às páginas da web.
Considerando que métodos são blocos de código que executam ações e funções específicas, a alternativa que melhor explica a função do método querySelectorAll( ) é:
Permite a busca de todos os elementos dentro dos códigos que compõem a nossa página web, a partir do nome de um seletor.
Um espaço reservado que terá um valor que pode ser fixo.
Responsável por criar um novo objeto, a partir do nome que inserimos nos parênteses.
Gisele está utilizando o JavaScript em sua aplicação para tornar os botões interativos, desse modo, quando o usuário clicar em um botão será realizada uma determinada ação.
Utilize todos blocos abaixo para ajudar Gisele com esta interação.
button
.addEventListener
('click',
function())
