AprendeCode
Username
Password
Entrar
Registar
Bem Vindo (nome)
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
Introdução
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.
+ info
Desafio
Inicia as tarefas
Introdução
Questionário
Encontra
Recompensa!!
Insere a correta
Crie novas páginas
Desafio
Inicia as tarefas
Introdução
Questionário
Verdadeiro ou falso
Recompensa!!
Ordem correta
Resposta correta
Esta página requer uma senha para ser acedida.
Digite a senha
1/5
QUIZ
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?
<media src="imagem.jpg">
<img src="imagem.jpg">
<picture src="imagem.jpg">
2/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
<a href="pagina.html">Visitar Página</a>
Como crias um link que permita navegar entre páginas na Web com HTML?
<link href="pagina.html">Visitar Página</link>
<connect to="pagina.html">Visitar Página</connect>
3/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Aumenta a velocidade de carregamento da página.
Por que é recomendável usar um arquivo CSS externo ao estilizar um site?
Permite animações mais complexas.
Facilita a manutenção e a consistência do design.
4/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Estruturar o conteúdo da página.
Qual é o propósito da linguagem CSS no desenvolvimento web?
Executar scripts e interações dinâmicas na página.
Cria estilo e apresentar o conteúdo da página visualmente.
5/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Melhora a performance do carregamento da página ao reduzir o tamanho do HTML.
Por que é vantajoso utilizar um arquivo CSS externo em vez de estilos embutidos no 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.
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>?
True
False
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>?
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!
Guarda o número!
Guarda o número!
Guarda o número!
Guarda o número!
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
A. Declarar o doctype: Essencial para definir o tipo de documento HTML.
B. Abrir a tag <html>: Início da estrutura da página.
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.
continuar
Solución
Solução
2/2
Larga nos grupos certos as palavras ou conceitos
HTML: Estrutura
CSS: Estilo
1. <div>
2. color: red;
3. display: flex;
4. background-color: blue
5. <img src="imagem.jpg" alt="descrição">
6. <a href="url">
Continuar
Solución
SOLUção
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 incorrecta
CursiveSpace
Respuesta incorrecta
Roboto
Respuesta correcta
Times New Roman
Respuesta incorrecta
ModernPixel
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.
1 - A
2- B
3 - E
4 - D
5 - C
Group A HTML
1 5 6
Group B CSS
2 3 4
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:
View
Adventure Breakout
View
Team Building Mission Escape Game
View
Onboarding Escape Game
View
Christmas Escape Room
View
Flags Challenge
View
Museum Escape Room
View
Education Escape Room
Explore all templates
Transcript
AprendeCode
Username
Password
Entrar
Registar
Bem Vindo (nome)
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
Introdução
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.
+ info
Desafio
Inicia as tarefas
Introdução
Questionário
Encontra
Recompensa!!
Insere a correta
Crie novas páginas
Desafio
Inicia as tarefas
Introdução
Questionário
Verdadeiro ou falso
Recompensa!!
Ordem correta
Resposta correta
Esta página requer uma senha para ser acedida.
Digite a senha
1/5
QUIZ
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?
<media src="imagem.jpg">
<img src="imagem.jpg">
<picture src="imagem.jpg">
2/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
<a href="pagina.html">Visitar Página</a>
Como crias um link que permita navegar entre páginas na Web com HTML?
<link href="pagina.html">Visitar Página</link>
<connect to="pagina.html">Visitar Página</connect>
3/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Aumenta a velocidade de carregamento da página.
Por que é recomendável usar um arquivo CSS externo ao estilizar um site?
Permite animações mais complexas.
Facilita a manutenção e a consistência do design.
4/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Estruturar o conteúdo da página.
Qual é o propósito da linguagem CSS no desenvolvimento web?
Executar scripts e interações dinâmicas na página.
Cria estilo e apresentar o conteúdo da página visualmente.
5/5
QUIZ
Responde às perguntas a seguir e ganhe um número como recompensa!
Melhora a performance do carregamento da página ao reduzir o tamanho do HTML.
Por que é vantajoso utilizar um arquivo CSS externo em vez de estilos embutidos no 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.
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>?
True
False
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>?
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!
Guarda o número!
Guarda o número!
Guarda o número!
Guarda o número!
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
A. Declarar o doctype: Essencial para definir o tipo de documento HTML.
B. Abrir a tag <html>: Início da estrutura da página.
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.
continuar
Solución
Solução
2/2
Larga nos grupos certos as palavras ou conceitos
HTML: Estrutura
CSS: Estilo
1. <div>
2. color: red;
3. display: flex;
4. background-color: blue
5. <img src="imagem.jpg" alt="descrição">
6. <a href="url">
Continuar
Solución
SOLUção
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 incorrecta
CursiveSpace
Respuesta incorrecta
Roboto
Respuesta correcta
Times New Roman
Respuesta incorrecta
ModernPixel
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.
1 - A
2- B
3 - E
4 - D
5 - C
Group A HTML
1 5 6
Group B CSS
2 3 4