Baixe o app para aproveitar ainda mais
Prévia do material em texto
O objetivo do site é informar ao usuário sobre o a obra do Sítio do Picapau 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>2Sitio 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="ositio.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="ositio"> <div id="titulo_sitio" class="ositio"> <h2><center>O SITIO</center></h2> <div id="texto_sitio" class="ositio"> 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 Picapau 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="ositio.html"><div id="saiba_sitio"> </div></a> </div> <div id="personagens"> <div id="tituloperson" class="personagens"> <h2><center>Personagens</center></h2> </div> <div id="iconperson" 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="iconperson2" 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="bgcontato"> <div id="titulocontato">Contato</div> <div id="form"> <form method="post" name="fcontato"> <table border="0" colspan="20" rowspan="20" style="width: 400px; margintop: 0px;"> <tr> <td><input type="text" name="nome" placeholder="Nome:" class="box"> </td> <td><input type="text" name="telefone" placeholder="Telefone:" class="box" style="marginleft: 273px;"> </td> </tr> <tr> <td><input type="text" name="email" class="box2" placeholder="Email*:" style="width: 565px; height: 41px; margintop: 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; margintop: 23px; border: 1px solid #FFF"></textarea> </td> </tr> <tr> <td><input type="image" src="parts/btn_enviar.jpg" value="ENVIAR"/ style="marginleft: 245px; margintop: 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) 36255062</div> <div id="email" class="text_inf">contato@museumonteirolobato.com.br</div> </div> </div> </div> </div> </div> </body> </html>
Compartilhar