Want to create interactive content? It’s easy in Genially!
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