Buscar

Site Sitio do Pica Pau amarelo HTML

Prévia do material em texto

O objetivo do site é informar ao usuário sobre o a obra do Sítio do Pica­pau Amarelo.
As páginas do site são: home, o sítio, personagens, Monteiro Lobato e contato. São compostas as partes:
HOME : apresentação geral da obra
O SÍTIO: apresentação detalhada da história do sítio
PERSONAGENS: descrição dos principais personagens
MONTEIRO LOBATO: descrição do autor da obra
CONTATO: opção de contato com o grupo e com o museu da obra
A página principal foi formada com os seguintes códigos:
<html>
<head>
<title>2­Sitio do Pica Pau Amarelo</title>
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
</head>
<body>
<div id="principal">
<div id="topo">
<div id="logo">
10
</div>
</div>
<div id="menu">
<table cellspacing="10" cellpadding="10" width="940px"
align="center">
SITIO</a></td>
<tr>
<td><a href="index.html">HOME</a></td>
<td><a	href="o­sitio.html">O
<td><a href="personagens.html">PERSONAGENS</a></td>
<td><a href="monteiro_lobato.html">MONTEIRO
LOBATO</a></td>
<td><a href="#contatos">CONTATO</a></td>
</tr>
</table>
</div>
<div id="banner">
</div>
<div id="o­sitio">
<div id="titulo_sitio" class="o­sitio">
<h2><center>O SITIO</center></h2>
<div id="texto_sitio" class="o­sitio">
Dos 23 volumes originais da história de Lobato à série da
globo que certamente chamou
a	atenção	de	toda	uma	geração,	a
história de um dos mais famosos Sítios do Brasil
ainda continua presente na sociedade e
chamando a atenção, tanto de críticos quanto
dos novos leitores. Além de retratar aspectos fundamentais da cultura brasileira, o Sítio
do Pica­pau Amarelo representa fator de
extrema relevância na construção da literatura
folclórica. Todos esses fatores, aliados
aos ilustres personagens criados por Monteiro
Lobato,	certamente	garantem	à	obra,
ainda hoje, um legado na literatura e porque não
dizer: na história do país.
</div>
</div>
<a href="o­sitio.html"><div id="saiba_sitio">
</div></a>
</div>
<div id="personagens">
<div id="titulo­person" class="personagens">
<h2><center>Personagens</center></h2>
</div>
<div id="icon­person" class="personagens">
<div id="person1" class="i_person">
</div>
<div id="person2" class="i_person">
</div>
<div id="person3" class="i_person">
</div>
<div id="person4" class="i_person">
</div>
</div>
<div id="icon­person2" class="personagens">
<div id="person5" class="i_person">
</div>
<div id="person6" class="i_person">
</div>
<div id="person7" class="i_person">
</div>
<div id="person8" class="i_person">
</div>
</div>
</div>
<div id="monteiro" class="monteiro">
<div id="titulo_monteiro" class="monteiro">
<h2><center>MONTEIRO LOBATO</center></h2>
<div id="img_monteiro" class="monteiro">
</div>
<div id="texto_monteiro">
Monteiro nasceu em Taubate, foi ensinado pela mãe e logo
cedo já
despertou o interesse na leitura, lendo
os livros que seu avô possuía.
Foi um pioneiro dos livros infantis do
Brasil e da
America Latina.
</div>
</div>
<a href="monteiro_lobato.html"><div id="saiba_monteiro"
class="monteiro">
</div></a>
</div>
<div id="contatos">
<div id="bg­contato">
<div id="titulo­contato">Contato</div>
<div id="form">
<form method="post" name="fcontato">
<table	border="0" colspan="20"
rowspan="20" style="width: 400px; margin­top: 0px;">
<tr>
<td><input
type="text" name="nome" placeholder="Nome:" class="box">
</td>
<td><input type="text"	name="telefone"	placeholder="Telefone:"	class="box"	style="margin­left:
­273px;">
</td>
</tr>
<tr>
<td><input type="text" name="email" class="box2" placeholder="E­mail*:" style="width: 565px; height: 41px; margin­top: 23px; border: 1px solid #FFF"></td>
</tr>
<tr>
<td colspan="5">
<textarea placeholder="Mensagem*:"		class="box2"onfocus="cleanit(this);refresh_nu()"	name="mensagem" id="msg"	style="width:	565px;	height:	120px;	margin­top:	23px;	border:	1px	solid #FFF"></textarea>
</td>
</tr>
<tr>
<td><input type="image"	src="parts/btn_enviar.jpg"	value="ENVIAR"/	style="margin­left:	245px; margin­top: 20px;"></td>
</tr>
</table>
</form>
<div id="sub">
* Campos Obrigatórios.
</div>
</div>
<!­­FIM CONTATO­­>
<!­­INFORMAÇÕES­­>
<div id="inf_contato">
<div
id="tit_inf">INFORMAÇÕES</div>
<div id="icon_inf">
<div
id="icon1"></div>
<div
id="icon2"></div>
<div
id="icon3"></div>
</div>
<div id="text_inf">
<div	id="local" class="text_inf">Av Monteiro Lobato, s/nº ­ Chácara do Visconde, Taubaté, SP</div>
<div id="telefone"
class="text_inf">(12) 3625­5062</div>
<div	id="email"
class="text_inf">contato@museumonteirolobato.com.br</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

Outros materiais