Want to make creations as awesome as this one?

Construa o seu site

Transcript

Registar

Entrar

Password

Username

AprendeCode

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

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.

Inicio

Bem Vindo (nome)

Introdução

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.

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

+ info

Introdução

Questionário

Encontra

Insere a correta

Crie novas páginas

Recompensa!!

Desafio

Inicia as tarefas

Na tua viagem por este universo interativo, vais encontrar desafios variados para testar o teu conhecimento e afinar as tuas competências. Terás de enfrentar desde questões de verdadeiro ou falso, exigindo respostas rápidas e precisas, até exercícios de arrastar e soltar que avaliam a tua capacidade de organização e classificação. Após cada desafio, receberás feedback imediato, essencial para o teu aperfeiçoamento contínuo. Estás preparado(a) para embarcar nesta experiência educativa e interativa?

1

Introdução

Questionário

Verdadeiro ou falso

Ordem correta

Resposta correta

Recompensa!!

Desafio

Inicia as tarefas

Terás que percorrer as diferentes atividades para completar a chave final! Boa Sorte!

Concluído!

Agora que terminaste os desafios com sucesso, estás pronto(a) para aplicar o conhecimento e as competências adquiridas no trabalho com ficheiros CSS e HTML.

Começar de novo?

1/5

QUIZ

<media src="imagem.jpg">

<img src="imagem.jpg">

<picture src="imagem.jpg">

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

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

2/5

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

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

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

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

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

QUIZ

3/5

Aumenta a velocidade de carregamento da página.

Permite animações mais complexas.

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

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

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

QUIZ

4/5

Estruturar o conteúdo da página.

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

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

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

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

QUIZ

5/5

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

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

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

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

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

QUIZ

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

1/3

True

False

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

2/3

True

False

3/3

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

Guarda o número!

2

Guarda o número!

5

Guarda o número!

3

Guarda o número!

0

Guarda o número!

0

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

1/2

1

2

3

4

5

continuar

Solución

Solução

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

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

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

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

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

2/2

Continuar

Larga nos grupos certos as palavras ou conceitos

HTML: Estrutura

CSS: Estilo

1. <div>

2. color: red;

3. display: flex;

Solución

4. background-color: blue

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

SOLUção

6. <a href="url">

5/5

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

Respuesta correcta

Respuesta incorrecta

Respuesta incorrecta

Respuesta incorrecta

Times New Roman

CursiveSpace

Roboto

ModernPixel

Voltar

É 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.

Oh,Não!

Voltar

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.

Oh,Não!

Voltar

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

Oh,Não!

Voltar

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.

Oh,Não!

Voltar

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.

Oh,Não!

Voltar

a resposta não está correta...

Oh,Não!

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.

1 - A

2- B

3 - E

4 - D

5 - C

Group A HTML

156

Group B CSS

234