Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
html-Desafio 3-1
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
A formatação de páginas web se dá pela decoração de elementos HTML. Essa decoração ocorre pela aplicação de folhas de estilo em cascata (CSS) nas páginas, permitindo padronizar layouts, além de organizar o conteúdo, separando a estrutura de um documento HTML da formatação de sua apresentação.
Você, web designer de uma instituição de ensino, está criando um arquivo CSS e formatando a página HTML da instituição, cujas especificações e elementos podem ser observados no arquivo a seguir:
Clique aqui
Frente a isso, apresente o código-fonte desses dois arquivos, isto é, da folha de estilo em cascata (CSS) e da página HTML que utiliza esse CSS. Faça uso dos seletores de classe para estilizar os elementos.
<!DOCTYPE html>
<html>
<head>
<title>Ead</title>
<link rel="stylesheet" href="ead.css">
</head>
<body class="paragrafo">
<div class="caixa_topo">
<h1 class="titulo_principal">Educação à Distância</h1>
</div>
<h2 class="titulo_secundario">História</h2>
<p>
A EaD, em sua forma empírica, é conhecida desde o século XIX. Entretanto, somente nas últimas décadas passou a fazer parte das atenções pedagógicas. Ela surgiu da necessidade do preparo profissional e cultural de milhões de pessoas que, por vários motivos, não podiam frequentar um estabelecimento de ensino presencial, e evoluiu com as tecnologias disponíveis em cada momento histórico, as quais influenciam o ambiente educativo e a sociedade.
</p>
<p>
A EaD também é considerada um recurso que contempla as necessidades de desenvolvimento da autonomia do aluno. O desenvolvimento da autonomia é considerado, por teóricos tais como Jean Piaget e Constance Kamii, peça chave do processo de aprendizagem, no qual o aluno é o foco e o professor possui papel secundário, pois apenas orienta o aluno que por sua vez escolhe o ritmo e a maneira como quer estudar e aprender, de acordo com suas necessidades pessoais.
</p>
<p>Fonte: https://pt.wikipedia.org/wiki/Educação_a_distância</p>
</body>
</html>
.titulo_principal {
font-family: Arial;
font-size: 26px;
text-align: center;
color: white;
text-indent: 0px;
}
.titulo_secundario {
font-family: Arial;
font-size: 18px;
text-align: left;
color: darkorange;
text-indent: 0px;
}
.paragrafo {
text-indent: 50px;
font-family: Arial;
size: 14;
text-align: justify;
color: black;
}
.caixa_topo {
width: 550px;
height: 70px;
top: 0px;
left: 0px;
border: 0px;
padding: 1px;
position: relative;
box-sizing: border-box;
background: RGB(102, 58, 87);
}
Conteúdo do arquivo CSS:
.titulo_principal {
font-family: Arial;
font-size: 26px;
text-align: center;
color: white;
text-indent: 0px;
}
.titulo_secundario {
font-family: Arial;
font-size: 18px;
text-align: left;
color: darkorange;
text-indent: 0px;
}
.paragrafo {
text-indent: 50px;
font-family: Arial;
size: 14;
text-align: justify;
color: black;
}
.caixa_topo {
width: 550px;
height: 70px;
top: 0px;
left: 0px;
border: 0px;
padding: 1px;
position: relative;
box-sizing: border-box;
background: RGB(102, 58, 87);
}
<code>
<!DOCTYPE html>
<html>
<head>
<title>Ead</title>
<link rel="stylesheet" href="desafio.css">
</head>
<body class="paragrafo">
<div class="caixa_topo">
<h1 class="titulo_principal">Educa��o � Dist�ncia</h1>
</div>
<h2 class="titulo_secundario">Hist�ria</h2>
<p>
A EaD, em sua forma emp�rica, � conhecida desde o s�culo XIX. Entretanto, somente nas �ltimas d�cadas passou a fazer parte das aten��es pedag�gicas. Ela surgiu da necessidade do preparo profissional e cultural de milh�es de pessoas que, por v�rios motivos, n�o podiam frequentar um estabelecimento de ensino presencial, e evoluiu com as tecnologias dispon�veis em cada momento hist�rico, as quais influenciam o ambiente educativo e a sociedade.
</p>
<p>
A EaD tamb�m � considerada um recurso que contempla as necessidades de desenvolvimento da autonomia do aluno. O desenvolvimento da autonomia � considerado, por te�ricos tais como Jean Piaget e Constance Kamii, pe�a chave do processo de aprendizagem, no qual o aluno � o foco e o professor possui papel secund�rio, pois apenas orienta o aluno que por sua vez escolhe o ritmo e a maneira como quer estudar e aprender, de acordo com suas necessidades pessoais.
</p>
<p>Fonte: https://pt.wikipedia.org/wiki/Educa��o_a_dist�ncia</p>
</body>
</html>
</code>
A formatação de páginas
web
se dá pela decoração de elementos HTML. Essa
decoração ocorre pela aplicação de folhas de estilo em cascata (CSS) nas páginas,
permitindo padronizar
layouts
, além de organizar o conteúdo, separando a estrutura de
um documento HTML da formatação de sua apr
esentação.
Você,
web designer
de uma instituição de ensino, está criando um arquivo CSS e
formatando a página HTML da instituição, cujas especificações e elementos podem ser
observados no arquivo a seguir:
Clique aqui
Frente a isso, apresente o código
-
fonte desses dois arquivos, isto é, da folha de estilo em
cascata (CSS) e da página HTML que utiliza ess
e CSS. Faça uso dos seletores de classe
para estilizar os elementos.
<!
DOCTYPE
html
>
<
html
>
<
head
>
<
title
>
Ead
</
title
>
<
link
rel
="
stylesheet
"
href
="
ead.css
">
</
head
>
<
body
class
="
paragrafo
">
<
div
class
="
caixa_topo
">
<
h1
class
="
titulo_principal
">
Educação
à
Distância
</
h1
>
</
div
>
<
h2
class
="
titulo_secundario
">
História
</
h2
>
<
p
>
A
EaD,
em
sua
forma
empírica,
é
conhecida
desde
o
século
XIX.
Entreta
nto,
somente
nas
últimas
décadas
passou
a
fazer
parte
das
atenções
peda
gó
gicas.
Ela
surgiu
da
necessidade
do
preparo
profissional
e
cultural
de
mi
lhões
de
pessoas
que,
por
vários
motivos,
não
podiam
frequentar
um
estabe
lecimento
de
ensino
presencial,
e
evoluiu
com
as
tecnologias
disponíveis
em
cada
momento
histórico,
as
quais
influenciam
o
ambiente
educativo
e
a
sociedade.
</
p
>
<
p
>
A
EaD
também
é
considerada
um
recurso
que
contempla
as
necessidades
d
e
desenvolvimento
da
autonomia
do
aluno.
O
desenvolvimento
da
autonomia
é
considerado,
por
teóricos
tais
como
Jean
Piaget
e
Constance
Kamii,
peça
chave
do
processo
de
aprendizagem,
no
qual
o
aluno
é
o
foco
e
o
professor
possui
papel
secundário,
pois
apenas
orienta
o
aluno
que
por
sua
vez
esc
A formatação de páginas web se dá pela decoração de elementos HTML. Essa
decoração ocorre pela aplicação de folhas de estilo em cascata (CSS) nas páginas,
permitindo padronizar layouts, além de organizar o conteúdo, separando a estrutura de
um documento HTML da formatação de sua apresentação.
Você, web designer de uma instituição de ensino, está criando um arquivo CSS e
formatando a página HTML da instituição, cujas especificações e elementos podem ser
observados no arquivo a seguir:
Clique aqui
Frente a isso, apresente o código-fonte desses dois arquivos, isto é, da folha de estilo em
cascata (CSS) e da página HTML que utiliza esse CSS. Faça uso dos seletores de classe
para estilizar os elementos.
<!DOCTYPE html>
<html>
<head>
<title>Ead</title>
<link rel="stylesheet" href="ead.css">
</head>
<body class="paragrafo"><div class="caixa_topo">
<h1 class="titulo_principal">Educação à Distância</h1>
</div>
<h2 class="titulo_secundario">História</h2>
<p>
A EaD, em sua forma empírica, é conhecida desde o século XIX. Entreta
nto, somente nas últimas décadas passou a fazer parte das atenções pedagó
gicas. Ela surgiu da necessidade do preparo profissional e cultural de mi
lhões de pessoas que, por vários motivos, não podiam frequentar um estabe
lecimento de ensino presencial, e evoluiu com as tecnologias disponíveis
em cada momento histórico, as quais influenciam o ambiente educativo e a
sociedade.
</p>
<p>
A EaD também é considerada um recurso que contempla as necessidades d
e desenvolvimento da autonomia do aluno. O desenvolvimento da autonomia é
considerado, por teóricos tais como Jean Piaget e Constance Kamii, peça
chave do processo de aprendizagem, no qual o aluno é o foco e o professor
possui papel secundário, pois apenas orienta o aluno que por sua vez esc
Continue navegando
Materiais relacionados
Perguntas relacionadas
Compartilhar