Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Apresentação do Site do Jorge Amado

Trabalho de Web Design I - 4º Ciclo de Sistemas para Internet - FATEC
by

Beatriz Marques

on 12 May 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Apresentação do Site do Jorge Amado

Jorge Amado Trabalho de WD I Como o grupo interagiu... Introdução Por que Jorge Amado
Quem foi Jorge Amado
O que fez Jorge Amado Definição do Tema Logotipo Esboço
Reuniões
E-mail
Quem fez o que
Trabalho de WD I
Prof. Luiz Alexandre da Costa Araujo
Sistemas para Internet
4º Ciclo - 2012

Tema Escolhido:
Jorge Amado Wireframe do site Fonte Escolhida El alojamiento web en la "nube" está basado en las tecnologías más innovadoras que permiten a un gran número de máquinas actuar como un sistema único. La seguridad de un sitio web alojado en la "nube" (cloud) está garantizada por numerosos servidores en lugar de sólo uno. La tecnología de computación en la nube también elimina cualquier limitación física para el crecimiento en tiempo real y hace que la solución sea extremadamente flexible. Alojamiento en la nube Tecnologías del lado del cliente La programación del lado del cliente tiene como principal ventaja que la ejecución de la aplicación se delega al cliente, con lo cual se evita recargar al servidor de trabajo. El servidor solo envía el código, y es tarea del browser interpretarlo. El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden. Mostre
o meu
site! Desenvolvimento Desenvolvimento Conclusão

Integrantes:

Aline Augusto de Queiros 1110082-8
Beatriz Barbalho Marques 1110083-7
Diego Fernandes Pastorello 1020897
Luana Thais Scaramucci 1110102-1 Desenvolvimento Finalização Esboço Idéias Layout Simplicidade Atrativo, fácil de usar Satisfatório "Um bom design
é um bom negócio" Thomas Watson
Fundador da IBM User Experience (UX) Donald Norman Desenvolvimento Seleção de conteúdo
Seleção de imagens
Layout Desenvolvimento Planejamento
Esboço no papel
Wireframe
Coletagem de dados
Criação do HTML Plataformas utilizadas Testes
Efeitos Finalização Agora
mostre o código! index.html parte 1/2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jorge Amado - Página inicial</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<center>
<div id="tudo">
<div id="topo"></div>
<div id="menu">
<ul>
<li><a href="index.html">Página Inicial</a></li>
<li><a href="historia.html">História do artista</a></li>
<li><a href="obras.html">Obras</a></li>
<li><a href="curiosidades.html">Curiosidades</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</div> <div id="conteudo">
<div id="menu_lat" class="shadow">
"Não me sinto constrangido, pois não sou pornográfico nem obsceno, sou um escritor realista."<p>
"Eu acho que o escritor verdadeiro é aquele que escreve sobre o que ele viveu." <p>
"Para criar a vida, é preciso tê-la vivido e ardentemente, com apaixonado coração."<p>
"Não escrevi meu primeiro livro pensando em ficar famoso. Escrevi pela necessidade de expressar o que sentia..."<p>
"Na Europa, chamam-me de mestre, mas é caminhando pelas ruas de Salvador
que eu me sinto à vontade."
</div>
<img src="jorgeamado.png" width="200px" align="left" />
<center><h2>Jorge Amado - 100 anos</h2></center><p>
Neste ano, é comemorado o Centenário de Jorge Amado, um dos escritores mais populares do Brasil. Dono de uma obra extensa - 23 romances, além de memórias, contos, biografias e obras infantis -, o baiano é o segundo escritor brasileiro mais vendido de todos os tempos (com estimados 50 milhões de livros), atrás apenas de Paulo Coelho (140 milhões).<p>
Popular, populista, agente do stalinismo, utópico, anarquista, roteirista oficioso de Roberto Marinho, sexista, talentoso, competente, desleixado com a Língua Portuguesa, sensível à condição humana, romântico, vítima do preconceito elitista, bem-amado, mal-amado. Estes são alguns dos adjetivos conferidos ao polêmico escritor baiano, traduzido para 49 idiomas e publicado em 55 países. Por muito tempo, foi considerado como o único autor brasileiro a causar impacto no público e no círculo acadêmico internacional. <p/>
<p><font size="-1">Fonte: Última Notícia e Brasil.com.br</font></p>
<br /><br />
<center><a href="ja_praia.jpg"><img src="ja_praia.jpg" title="Agenda Cultural Piracicabana" width="400px" /></a></center>
<br />
</div>
<div id="rodape"></div>
</div>
</center>
</body>
</html> index.html parte 2/2 css parte 1/2 @charset "utf-8";
/* CSS Document */

body{
font-family: Arial, Helvetica, sans-serif;
font-size:17px;
background:url(fundo3.jpg) repeat-x fixed;
margin-top:0px;
text-align:left;
margin-bottom:0px;
}

h2{
color:#003
}

#tudo{
width:auto;
height:auto;
}

#topo{
width:900px;
height:150px;
background:#fff;
background-image:url(jorgeamado.gif);
background-repeat:no-repeat;
background-position:center;
} #menu{
width:890px;
background-image:url(menu2.jpg);
padding:5px;
font-weight:bold;

}

#menu ul{
list-style-type:none;
margin:5px;
}

#menu ul li{
display:inline-block;
text-align:center;
}

#menu ul li a{
text-decoration:none;
text-align:center;
padding:10px;
margin-left:20px;
margin-right:20px;

} a:link {
color: #900;
border-right-style: none;
}
a:visited {color: #333}
a:hover {color: #FFB}
a img {border-width:0}

#conteudo{
width:870px;
background:#fff;
text-align:justify;
padding:15px;
text-decoration:none;
}

#conteudo a{
color: #000;
font-style:normal;
text-decoration:none;
font-weight:bold;
}

#conteudo a:hover{
color: #C00;
} #menu_lat{
width:180px;
background:#FFB;
float: right;
margin-left:15px;
padding:15px;
}

#menu_lat ul{
list-style-type:none;
}

#rodape{
width:900px;
height: 60px;
background:url(rodape.jpg);
}

.shadow {
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);
} css parte 2/2 Teste de legibilidade http://www.read-able.com/ "Foque no conteúdo, valorize simplicidade" Cooper / Tim Bray Referências
http://pt.wikipedia.org/wiki/Jorge_Amado
http://pensador.uol.com.br/frases_de_jorge_amado/
http://jorgeamado-blog.blogspot.com.br/2011/05/frases-de-jorge-amado.html
http://jorgeamado-blog.blogspot.com.br/2011/05/frases-de-jorge-amado-ii.html
http://www.livrariacultura.com.br/scripts/index.asp?d=Home
http://ultimosegundo.ig.com.br/cultura/2012-08-10/centenario-de-jorge-amado-os-melhores-livros-filmes-e-programas-de-tv.html
http://www.multirio.rj.gov.br/index.php?option=com_content&view=article&id=487:centenario-de-jorge-amado-e-atacado&catid=23:cultura&Itemid=118
http://www.brasil.gov.br/noticias/arquivos/2012/08/21/brasil-homenageia-centenario-de-jorge-amado
http://www.brasilescola.com/literatura/jorge-amado.htm
http://redeglobo.globo.com/globouniversidade/noticia/2012/08/cem-anos-de-jorge-amado-vida-intensa-e-obras-marcantes.html
http://genedegenio.blogspot.com.br/2008/05/curiosidades-sobre-jorge-amado.html

CAMPEDELLI, SAMIRA YOUSSEFF. Segundo tempo modernista: O romance regionalista dos anos 30 / Poesia. In: CAMPEDELLI, SAMIRA YOUSSEFF e SOUZA, JÉSUS BARBOSA. Literaturas Brasileiras e Portuguesa. Local de publicação: Editora Saraiva, 2000. paginação referente ao capítulo. p. 380-383. "UX trata de aprendermos sobre o usuário, entendermos sua necessidade e desejos para oferecermos algo que melhore de fato a sua vida e que seja prazeiroso de utilizar"
Full transcript