Want to create interactive content? It’s easy in Genially!

Get started free

Desafio de Programação

Edgar Mendes

Created on February 8, 2024

Construa o seu site

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

AprendeCode

Username

Password

Entrar

Registar

Bem Vindo (nome)

Inicio

Iniciaremos tarefas desafiadoras para construir um website. Ao longo destas tarefa, Encontrar-se-á desafios que desenvolverão as tuas competências em programação e design. Cada etapa ultrapassada trará elementos essenciais para o desenvolvimento do website.

Desafio de Programação Web: Construa o seu Website

+ info

Bem-vinda(o) a uma aventura única onde cada passo é um desafio e cada desafio é uma peça do puzzle do seu sucesso.

Mantem-te vigilante e recolhe as dicas para terminar o teu Website. Recolha todos os números vencendo de cada desafio e disponha-os pela ordem correta na seção final para completar o jogo.

Introdução

Inicia as tarefas

Desafio

Recompensa!!

Crie novas páginas

Insere a correta

Encontra

Questionário

Introdução

Inicia as tarefas

Desafio

Recompensa!!

Resposta correta

Ordem correta

Verdadeiro ou falso

Questionário

Introdução

Esta página requer uma senha para ser acedida.

Digite a senha

Como inseres uma imagem que otimize o tempo de carregamento do teu site em HTML?

Responde às perguntas a seguir e ganhe um número como recompensa!

<picture src="imagem.jpg">

<img src="imagem.jpg">

<media src="imagem.jpg">

QUIZ

1/5

QUIZ

Responde às perguntas a seguir e ganhe um número como recompensa!

Como crias um link que permita navegar entre páginas na Web com HTML?

<connect to="pagina.html">Visitar Página</connect>

<link href="pagina.html">Visitar Página</link>

<a href="pagina.html">Visitar Página</a>

2/5

QUIZ

Responde às perguntas a seguir e ganhe um número como recompensa!

Por que é recomendável usar um arquivo CSS externo ao estilizar um site?

Facilita a manutenção e a consistência do design.

Permite animações mais complexas.

Aumenta a velocidade de carregamento da página.

3/5

QUIZ

Responde às perguntas a seguir e ganhe um número como recompensa!

Qual é o propósito da linguagem CSS no desenvolvimento web?

Cria estilo e apresentar o conteúdo da página visualmente.

Executar scripts e interações dinâmicas na página.

Estruturar o conteúdo da página.

4/5

QUIZ

Responde às perguntas a seguir e ganhe um número como recompensa!

Por que é vantajoso utilizar um arquivo CSS externo em vez de estilos embutidos no HTML?

Assegura uma gestão de estilo mais organizada e eficiente ao longo do site.

Torna o site mais acessível ao separar conteúdo e design.

Melhora a performance do carregamento da página ao reduzir o tamanho do HTML.

5/5

False

True

1/3

Verdadeiro ou FalsoPara adicionar uma imagem de fundo a uma página web, você deve usar a propriedade CSS color no elemento <body>?

False

True

2/3

Verdadeiro ou FalsoPara adicionar uma imagem de fundo a uma página web, você deve usar a propriedade CSS color no elemento <body>?

Seleciona a mais correta. Qual configuração correta fornecida para os links na barra de navegação (navbar) do cabeçalho?

3/3

Guarda o número!

Guarda o número!

Guarda o número!

Guarda o número!

Guarda o número!

E. Fechar a seção <head> e inicie <body>: Começa o conteúdo visível.

D. Inserir a tag <title> dentro do <head>: Define o título da página.

C. Adicionar a seção <head>: Contém metadados e links para CSS/JS.

B. Abrir a tag <html>: Início da estrutura da página.

A. Declarar o doctype: Essencial para definir o tipo de documento HTML.

Solução

Solución

continuar

1/2

Para a atividade de "arrastar e soltar" ordenada de 1 a 5. Considera a seguinte sequência de tarefas que representam etapas lógicas na construção de uma página

6. <a href="url">

SOLUção

5. <img src="imagem.jpg" alt="descrição">

4. background-color: blue

Solución

3. display: flex;

2. color: red;

1. <div>

CSS: Estilo

HTML: Estrutura

Larga nos grupos certos as palavras ou conceitos

Continuar

2/2

ModernPixel

Roboto

CursiveSpace

Times New Roman

Respuesta incorrecta

Respuesta incorrecta

Respuesta incorrecta

Respuesta correcta

Qual das seguintes opções é um tipo de família de fontes universalmente reconhecida e utilizável tanto em HTML quanto em CSS??

5/5

Oh,Não!

É utilizada para incorporar imagens em uma página HTML, sendo essencial para otimizar o carregamento ao escolher imagens com tamanhos adequados. Esta prática melhora a experiência do usuário e o desempenho do site.

Voltar

Oh,Não!

A tag com o atributo é a maneira correta de criar hiperligações em HTML, permitindo a navegação eficaz entre páginas e enriquecendo a interconectividade da Web.

Voltar

Oh,Não!

Facilita a manutenção e a consistência do design.

Voltar

Oh,Não!

CSS (Cascading Style Sheets) é uma linguagem de folha de estilos usada para definir a apresentação visual e o layout das páginas web. Com CSS, é possível controlar cores, fontes, espaçamentos, e muito mais, melhorando a experiência do usuário através de um design atraente e consistente.

Voltar

Oh,Não!

Utilizar arquivos CSS externos permite uma gestão centralizada dos estilos, tornando as atualizações e manutenções mais fáceis e evitando a repetição de código. Isso resulta em um design mais consistente e reduz o esforço necessário para alterações globais.

Voltar

Oh,Não!

a resposta não está correta...

Voltar

O desenvolvimento web é uma área fascinante que combina criatividade com técnica, permitindo a criação de websites e aplicações web que são utilizados diariamente por milhões de pessoas ao redor do mundo. No coração deste processo criativo estão duas linguagens fundamentais: HTML (HyperText Markup Language) e CSS (Cascading Style Sheets). Juntas, elas formam a espinha dorsal da web, determinando a estrutura e o estilo de todas as páginas que visitamos.

5 - C

4 - D

3 - E

2- B

1 - A

2 3 4

Group B CSS

1 5 6

Group A HTML