SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Arquivos e códigos do Projeto FOTO BLOG

ADMIN



index.php

<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; />
<title>FOTO BLOG - Login</title>
<script language=quot;javascriptquot;>
<!--
function log(){
         alert(quot;inserir nome de usuário e senhaquot;);
}
-->
</script>
</head>

<body onLoad=quot;log()quot;>
<h2>FOTO BLOG: Painel de controle<br />
- Login - </h2>
<form id=quot;form1quot; name=quot;form1quot; method=quot;postquot; action=quot;loginEntrar.phpquot;>
  <p>
   <label>Usuário:
    <input type=quot;textquot; name=quot;usuarioquot; id=quot;usuarioquot; />
   </label>
  </p>
  <p>
   <label>Senha:
    <input type=quot;textquot; name=quot;senhaquot; id=quot;senhaquot; />
   </label>
  </p>
  <p>
   <label>
    <input type=quot;submitquot; name=quot;entrarquot; id=quot;entrarquot; value=quot;entrarquot; />
   </label>
  </p>
</form>
<p>&nbsp;</p>

</body>
</html>
loginEntrar.php

<?

$usuario = $_POST['usuario'];
$senha = $_POST['senha'];

if($usuario ==quot;antquot; && $senha ==quot;antquot;){
        header(quot;Location: index2.phpquot;);
}else{
        header(quot;Location: index.phpquot;);
}

?>



index2.php
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; />
<title>FOTO BLOG - Painel de controle</title>
</head>

<body>
<? include(quot;inc_topo.phpquot;); ?>
<h3>Página Inicial</h3>
<p>Seja bem vindo <?=$usuario;?> .</p>
<p>Para utilizar o sistema use o menu superior.</p>
</body>
</html>



inc_topo.php

<?
 $usuario = quot;antquot;;

?>

<table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;>
 <tr>
   <td height=quot;50quot;><h2><a href=quot;../site/quot; target=quot;_blankquot;><img src=quot;../site/img/logoFotoblogP.pngquot;
alt=quot;clique aqui para acessar o sitequot; width=quot;315quot; height=quot;79quot; border=quot;0quot; /></a>Painel de Controle
</h2></td>
   <td align=quot;rightquot;>Usuário: <?=$usuario;?><br />
    Hoje: <?=date(quot;d/m/Yquot;);?></td>
 </tr>
 <tr>
   <td colspan=quot;2quot; bgcolor=quot;#FFFFCCquot;> (<a href=quot;fotosListar.phpquot;>Fotos: listar</a> - <a
href=quot;fotosAdicionar.phpquot;>Fotos: adicionar</a>) (<strong><a href=quot;sair.phpquot;>Sair do
Sistema</a></strong>) (<strong><a href=quot;../site/quot;>Site</a></strong>)</td>
 </tr>
</table>
<hr />
fotosAdicionar.php
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; />
<title>FOTO BLOG - Fotos: adicionar</title>
</head>

<body>
<? include(quot;inc_topo.phpquot;); ?>
<h2>FOTOS: adicionar </h2>
<form action=quot;fotosAdicionarGravar.phpquot; method=quot;postquot; enctype=quot;multipart/form-dataquot;>
 <p>
   Galeria: <select name=quot;galeriaquot;>
     <option value=quot;Galeria: familiaquot;>familia</option>
     <option value=quot;Galeria: amigosquot;>amigos</option>
     <option value=quot;Galeria: trabalhoquot;>trabalho</option>
     <option value=quot;Galeria: viagensquot;>viagens</option>
   </select>

 </p>
 <p>
  <label>Titulo:
    <input type=quot;textquot; name=quot;tituloquot; id=quot;tituloquot; />
  </label>
 </p>
 <p>
  <label>Comentário:<br />
    <textarea name=quot;comentarioquot; id=quot;comentarioquot; cols=quot;45quot; rows=quot;5quot;></textarea>
  </label>
 </p>
 <p>
  <label>Autor:
    <input type=quot;textquot; name=quot;autorquot; id=quot;autorquot; />
  </label>
 </p>
 <p>
  <label>Adicionar/Substituir
    <input type=quot;filequot; name=quot;fotoquot; id=quot;fotoquot; />
  </label>
 </p>
 <p>
  <label>Ativa:
    <select name=quot;ativaquot; id=quot;ativaquot;>
     <option value=quot;simquot;>sim</option>
     <option value=quot;nãoquot;>não</option>
    </select>
  </label>
 </p>
 <p>
  <label>
    <input type=quot;submitquot; name=quot;gravarquot; id=quot;gravarquot; value=quot;gravarquot; />
  </label>
  <label>
    <input type=quot;resetquot; name=quot;limparquot; id=quot;limparquot; value=quot;limparquot; />
  </label>
 </p>
</form>
</body>
</html>
fotosAdicionarGravar.php
<?
include(quot;inc_topo.phpquot;);

$galeria = $_POST['galeria'];
$titulo = $_POST['titulo'];
$comentario = $_POST['comentario'];
$foto = $_POST['foto'];
$autor         = $_POST['autor'];
$ativa         = $_POST['ativa'];
$datahora      = date(quot;Y-mdHisquot;);
$arquivo       = $_FILES['foto']['name'];
$ext           = substr($arquivo,-4);




if($arquivo != quot;quot; && $ext ==quot;.jpgquot;){
move_uploaded_file(
$_FILES['foto']['tmp_name'],
quot;../site/img/quot;.$datahora.$ext
);

$link = quot;../site/img/quot;.$datahora.$ext;

$filename = quot;data.txtquot;;
$handle = fopen ($filename, quot;aquot;);
$conteudo = quot;<table width=860 border=0 cellspacing=1 cellpadding=1>
        <tr>
                <td align=center valign=top width=150>Foto:<br /><h1>$titulo</h1></td>
                <td align=center width=180><a href=$link target=_blank><img src=$link border=0
width=150 height=80 /></a></td>
                <td align=center valign=top width=150>Autor: <br /><strong>quot;.$autor.quot;</strong><td>
                <td align=center valign=top width=80><strong>quot;.$galeria.quot;</td>
                <td align=center valign=top width=250><strong>Comentário:</strong><br
/>quot;.$comentario.quot;</td>
                <td align=center valign=top width=50>Ativa:
<strong>quot;.$ativa.quot;</strong></td><tr></table><hr><br />quot;;
fwrite($handle, $conteudo);
fclose ($handle);


echo quot;Vc publicou a foto com titulo <br />quot;.quot;<h1>$titulo</h1>quot;.
       quot;<br />autor quot;.$autor.
       quot;<br />na quot;.$galeria.
       quot;<br /><br />o comentário é:<br />quot;.$comentario.
       quot;<br /><br />e o link para visualizar a foto é: <br />quot;.
       quot;<a href=$link target=_blank>foto</a><br /><br />quot;.
       quot;foto ativa: quot;.$ativa;

}else{
         echo quot;<h1>tipo de arquivo errado</h1><br /> só arquivo tipo .jpgquot;;

}



?>
fotosListar.php

<?

include(quot;inc_topo.phpquot;);
include(quot;data.txtquot;);

?>


sair.php
<?

header(quot;Location: index.phpquot;);
?>




dataConnect.php
<?

$filename = quot;data.txtquot;;
$handle = fopen ($filename, quot;rquot;);
$conteudo = fread ($handle, filesize ($filename));
echo $conteudo;
fclose ($handle);

?>



data.txt




SITE


index.php


<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; />
<title>FOTO BLOG</title>

<style type=quot;text/cssquot;>
#topLayer {
position:absolute;
left:14px;
top:9px;
width:923px;
height:121px;
z-index:1;
}

#manageLayer{
position:absolute;
left:14px;
top:138px;
width:923px;
height:414px;
z-index:2;
}

#footerLayer{
position:absolute;
left:13px;
top:570px;
width:923px;
height:121px;
z-index:3;
}
</style>
</head>
<body>
<div id=quot;topLayerquot;>
<?php
include quot;topFrame.phpquot;;
?>
</div>

<div id=quot;manageLayerquot;>
<?php
include quot;manageFrame.phpquot;;
?>
</div>

<div id=quot;footerLayerquot;>
<?php
include quot;footerFrame.phpquot;;
?>
</div>

</body>
</html>


topFrame.php
<div id=quot;Layer1quot;> <a href=quot;../admin/quot; target=quot;_blankquot;><img src=quot;img/logoFotoblog.pngquot; border=quot;0quot; /></a>
 </div>

<div id=quot;mdiv1quot; >
<table width=quot;600quot; border=quot;0quot; align=quot;centerquot;>
<tr><td width=quot;20%quot; class=quot;itens_menuquot; id=quot;umquot; ><a href=quot;?midle=homequot; class=quot;link_smenuquot; target=quot;quot;
>Home</a></td>
<td width=quot;20%quot; class=quot;itens_menuquot; ><a href=quot;?midle=comoquot; class=quot;link_smenuquot; target=quot;quot;>
Como funciona</a></td>
<td class=quot;itens_menuquot;><a href=quot;?midle=termosquot; class=quot;link_smenuquot; target=quot;quot;>Termos e condições de
uso</a></td>
<td width=quot;20%quot; class=quot;itens_menuquot;><a href=quot;?midle=fotosquot; class=quot;link_smenuquot; target=quot;quot;>Fotos</a></td>
<td class=quot;itens_menuquot;><a href=quot;?midle=contatoquot; class=quot;link_smenuquot; target=quot;quot;>Contato</a></td>
</tr>
</table>
</div>

footerFrame.php
<div id=quot;Layer1quot;>
  <table width=quot;30%quot; border=quot;0quot; align=quot;rightquot; cellpadding=quot;1quot; cellspacing=quot;1quot;>
   <tr>
     <td><a href=quot;http://antborrelli.comquot; title=quot;antborrelli.comquot; target=quot;_blankquot; ><img
src=quot;img/logo.pngquot; border=quot;0quot; /></a></td>
   </tr>
  </table>
</div>

manageFrame.php
<?php
$midle=$_REQUEST[midle];
switch($midle){
case 'home' : include quot;homeFrame.phpquot;; break;
case 'como': include quot;como.phpquot;; break;
case 'termos' : include quot;termos.phpquot;; break;
case 'fotos' : include quot;fotos.phpquot;; break;
case 'contato' : include quot;contato.phpquot;; break;
default : include quot;homeFrame.phpquot;;
}
?>

homeFrame.php
<div id=quot;Layer1quot;>

<table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;>
 <tr>
   <td>&nbsp;</td>
 </tr>
 <tr>
   <td><p><strong>Curso PHP e MySql 2009.1 &ndash; turma noite<br />
    Instrutor: Nelson Luis<br />
    Aluno: Antonio Borrelli</strong></p>
    <p>&nbsp;</p></td>
 </tr>
 <tr>
   <th><h1>PROJETO FOTO BLOG</h1>
    <p>&nbsp;</p></th>
 </tr>
 <tr>
   <td>Cria&ccedil;&atilde;o de uma aplica&ccedil;&atilde;o online, para que uma comunidade de
usu&aacute;rios cadastrados de um Super Administrator, possa gerenciar e publicar, de um painel de
controle, <strong>galerias de fotos</strong>, que no site publico, dispon&iacute;vel tamb&eacute;m para
usuario n&atilde;o cadastrado, oferece a possiblidade de visualizar as galerias dos varios publicadores.
</td>
 </tr>
</table>

</div>
como.php
<div id=quot;Layer1quot;>
<table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;>
  <tr>
   <td><p><strong>Painel de administra&ccedil;&atilde;o (Back End)</strong><br />
     Acessando a aplica&ccedil;&atilde;o, o usu&aacute;rio, com dados de login recebidos do Super Admin,
vai entrar no seu proprio painel de controle. Esse vai ter um cabe&ccedil;alho com
identifica&ccedil;&atilde;o do usu&aacute;rio, um link para o site publ&iacute;co e um para sair. </p>
     <p><br />
      Para atuar o gerenciamento de suas fotos, tamb&eacute;m no cabe&ccedil;&atilde;lho, o
usu&aacute;rio vai necessitar dos seguentes links:<br />
      <br />
      1)Fotos: listar---<br />
      ____excluir</p>
     <p>____editar</p>
     <p>2)Fotos: adicionar---   upload e grava&ccedil;&atilde;o de coment&aacute;rios</p>
     <p>&nbsp;</p></td>
   <td><img src=quot;img/navigacao.gifquot; width=quot;508quot; height=quot;327quot; alt=quot;navigationquot; /></td>
  </tr>
</table>


</div>
<table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;>
 <tr>
   <td colspan=quot;2quot;><p>A p&aacute;gina &ldquo;Foto: listar&rdquo; vai visualizar na tela os dados de fotos
j&aacute; publicadas pelo usu&aacute;rio.<br />
Esse dados v&atilde;o ser:<br />
    <strong>id</strong> &ndash; <strong>titulo foto</strong> - <strong>data</strong> &ndash;
<strong>ativa</strong>(sim/n&atilde;o) &ndash; <strong>galeria</strong>(predefinida)<br />
    juntamente com o link para acessar a pagina de <strong>edi&ccedil;&atilde;o</strong> e o link para
<strong>excluir</strong> as fotos.<br />
    A p&aacute;gina de edi&ccedil;&atilde;o vai ter os seguentes campos:<br />
    -galeria (selecionavil de uma lista predeterminada: fam&iacute;lia, amigos, trabalho, viagens...);<br
/>
    -titulo;<br />
    -coment&aacute;rio;<br />
    -autor<br />
    -adicionar/substituir foto<br />
    -ativa (sim/n&atilde;o)<br />
    um bot&atilde;o &ldquo;Gravar Alterac&otilde;es&rdquo; ira enviar as informa&ccedil;&otilde;es para
o banco de dados.</p>
    <p>A p&aacute;gina &ldquo;Fotos: addicionar&rdquo; vai ter os mesmos campos e
funcionalidade.</p>
   <p>O upload sera limitado &aacute; 100kB e s&oacute; para arquivos do tipo .jpg, tamb&eacute;m vai
ser aconselhado um tamanho ideal (altura x largura), por que todas as fotos v&atilde;o ser
redimensionadas pelo sistema.</p></td>
 </tr>
</table>
termos.php
<div id=quot;Layer1quot;>
<table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;>
 <tr>
   <td><p><strong>Site p&uacute;blico (Front End)</strong><br />
    O site p&uacute;blico vai ter no cabe&ccedil;alho, junto com um logo, toda a
navega&ccedil;&atilde;o, com links para p&aacute;ginas est&aacute;ticas, que v&atilde;o explicando a
aplica&ccedil;&atilde;o, termos e condi&ccedil;&otilde;es de uso (no porno, no p&oacute;litica, no
racismo... Super Admin pode excluir qualquer usu&aacute;rio cadastrado sem advertir),
din&aacute;micas, mostrando as fotos dos publicadores, e uma p&aacute;gina de contato para pedir o
cadastramento.<br />
    A &ldquo;Home&rdquo; vai mostrar as ultimas 4 fotos inseridas no sistema, com links para as
p&aacute;ginas pessoais dos publicadores. Aqui o usu&aacute;rio pode escolher uma das galerias de foto
publicadas e visualizar as fotos. Os links, no cabe&ccedil;&atilde;lho, v&atilde;o ser:<br />
    -Home<br />
    -Como funciona<br />
    -Termos e condi&ccedil;&otilde;es de uso<br />
    -Fotos (para acessar uma sub-pagina para escolher o publicador)<br />
    -Contato</p>
    <p>Nota: o gerenciamento de usu&aacute;rios cadastrados &eacute; feita, no momento, diretamente
no banco de dado (PhpMyAdmin), um primeiro l&oacute;gico ampliamento do sistema seria o
desenvolvimento de um painel de controle para administar os usu&aacute;rios.<br />
    </p></td>
   <td><img src=quot;img/navigacaoFront.gifquot; width=quot;495quot; height=quot;296quot; alt=quot;navigationquot; /></td>
 </tr>
</table>


</div>


contato.php
<!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot;
quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;>
<html xmlns=quot;http://www.w3.org/1999/xhtmlquot;>
<head>
<meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; />
<title>FOTO BLOG: Contato</title>

</head>

<body>
<div id=quot;mdiv1quot;>
<form action=quot;contatoEnviar.phpquot; method=quot;postquot; id=quot;formquot;>
Nome: *
 <input name=quot;nomequot; type=quot;textquot; size=quot;40quot; /><br /><br />
E-mail: *
<input name=quot;emailquot; type=quot;textquot; size=quot;40quot; /><br /><br />
Objeto: *
<select name=quot;objetoquot;>
 <option value=quot;Objeto: comentarioquot;>comentario</option>
 <option value=quot;Objeto: cadastroquot;>cadastro</option>
 <option value=quot;Objeto: outro...quot;>outro...</option>
</select><br /><br />
Mensagem: *<br />
<textarea name=quot;mensagemquot; cols=quot;60quot; rows=quot;16quot;></textarea><br /><br />
Aceito os termos de uso
<input name=quot;aceitoTermosquot; type=quot;checkboxquot; value=quot;simquot; checked=quot;checkedquot; /><br /><br />
<input name=quot;enviarquot; type=quot;submitquot; value=quot;enviarquot; />
<input type=quot;resetquot; name=quot;Resetquot; id=quot;buttonquot; value=quot;cancelarquot; />
</form>
</body>
</html>




contatoEnviar.php
<?php

$nome = $_POST['nome'];
$email = $_POST['email'];
$objeto = $_POST['objeto'];
$mensagem = $_POST['mensagem'];
$termos = $_POST['aceitoTermos'];

echo quot;Oi quot;.$nome.quot;, vc enviou a seguinte mail para FOTO BLOG:<br />quot;.$objeto.quot;<br /><br />quot;.$mensagem;
echo quot;<br /><br />Aceita os termos: quot;.$termos;
//mail (quot;ant_borrelli@yahoo.dequot;, quot;Mail de FOTO BLOGquot;, $nome, $email);
?>



fotos.php
<div id=quot;Layer1quot;>
<p align=quot;centerquot;><img src=quot;img/rotator2.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor1quot; /><img
src=quot;img/rotator4.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor2quot; /></p>
</div>

Mais conteúdo relacionado

Mais procurados (8)

Html5
Html5Html5
Html5
 
Writing beautiful HTML
Writing beautiful HTMLWriting beautiful HTML
Writing beautiful HTML
 
Practica Html3
Practica Html3Practica Html3
Practica Html3
 
Esahonorsoption1
Esahonorsoption1Esahonorsoption1
Esahonorsoption1
 
Hyper Text Markup Language
Hyper Text Markup LanguageHyper Text Markup Language
Hyper Text Markup Language
 
Personalisatie en synchronisatie tussen Magento webshop en Copernica
Personalisatie en synchronisatie tussen Magento webshop en CopernicaPersonalisatie en synchronisatie tussen Magento webshop en Copernica
Personalisatie en synchronisatie tussen Magento webshop en Copernica
 
Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)
 
Flores
FloresFlores
Flores
 

Projeto Foto Blog Code

  • 1. Arquivos e códigos do Projeto FOTO BLOG ADMIN index.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Login</title> <script language=quot;javascriptquot;> <!-- function log(){ alert(quot;inserir nome de usuário e senhaquot;); } --> </script> </head> <body onLoad=quot;log()quot;> <h2>FOTO BLOG: Painel de controle<br /> - Login - </h2> <form id=quot;form1quot; name=quot;form1quot; method=quot;postquot; action=quot;loginEntrar.phpquot;> <p> <label>Usuário: <input type=quot;textquot; name=quot;usuarioquot; id=quot;usuarioquot; /> </label> </p> <p> <label>Senha: <input type=quot;textquot; name=quot;senhaquot; id=quot;senhaquot; /> </label> </p> <p> <label> <input type=quot;submitquot; name=quot;entrarquot; id=quot;entrarquot; value=quot;entrarquot; /> </label> </p> </form> <p>&nbsp;</p> </body> </html>
  • 2. loginEntrar.php <? $usuario = $_POST['usuario']; $senha = $_POST['senha']; if($usuario ==quot;antquot; && $senha ==quot;antquot;){ header(quot;Location: index2.phpquot;); }else{ header(quot;Location: index.phpquot;); } ?> index2.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Painel de controle</title> </head> <body> <? include(quot;inc_topo.phpquot;); ?> <h3>Página Inicial</h3> <p>Seja bem vindo <?=$usuario;?> .</p> <p>Para utilizar o sistema use o menu superior.</p> </body> </html> inc_topo.php <? $usuario = quot;antquot;; ?> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td height=quot;50quot;><h2><a href=quot;../site/quot; target=quot;_blankquot;><img src=quot;../site/img/logoFotoblogP.pngquot; alt=quot;clique aqui para acessar o sitequot; width=quot;315quot; height=quot;79quot; border=quot;0quot; /></a>Painel de Controle </h2></td> <td align=quot;rightquot;>Usuário: <?=$usuario;?><br /> Hoje: <?=date(quot;d/m/Yquot;);?></td> </tr> <tr> <td colspan=quot;2quot; bgcolor=quot;#FFFFCCquot;> (<a href=quot;fotosListar.phpquot;>Fotos: listar</a> - <a href=quot;fotosAdicionar.phpquot;>Fotos: adicionar</a>) (<strong><a href=quot;sair.phpquot;>Sair do Sistema</a></strong>) (<strong><a href=quot;../site/quot;>Site</a></strong>)</td> </tr> </table> <hr />
  • 3. fotosAdicionar.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG - Fotos: adicionar</title> </head> <body> <? include(quot;inc_topo.phpquot;); ?> <h2>FOTOS: adicionar </h2> <form action=quot;fotosAdicionarGravar.phpquot; method=quot;postquot; enctype=quot;multipart/form-dataquot;> <p> Galeria: <select name=quot;galeriaquot;> <option value=quot;Galeria: familiaquot;>familia</option> <option value=quot;Galeria: amigosquot;>amigos</option> <option value=quot;Galeria: trabalhoquot;>trabalho</option> <option value=quot;Galeria: viagensquot;>viagens</option> </select> </p> <p> <label>Titulo: <input type=quot;textquot; name=quot;tituloquot; id=quot;tituloquot; /> </label> </p> <p> <label>Comentário:<br /> <textarea name=quot;comentarioquot; id=quot;comentarioquot; cols=quot;45quot; rows=quot;5quot;></textarea> </label> </p> <p> <label>Autor: <input type=quot;textquot; name=quot;autorquot; id=quot;autorquot; /> </label> </p> <p> <label>Adicionar/Substituir <input type=quot;filequot; name=quot;fotoquot; id=quot;fotoquot; /> </label> </p> <p> <label>Ativa: <select name=quot;ativaquot; id=quot;ativaquot;> <option value=quot;simquot;>sim</option> <option value=quot;nãoquot;>não</option> </select> </label> </p> <p> <label> <input type=quot;submitquot; name=quot;gravarquot; id=quot;gravarquot; value=quot;gravarquot; /> </label> <label> <input type=quot;resetquot; name=quot;limparquot; id=quot;limparquot; value=quot;limparquot; /> </label> </p> </form> </body> </html>
  • 4. fotosAdicionarGravar.php <? include(quot;inc_topo.phpquot;); $galeria = $_POST['galeria']; $titulo = $_POST['titulo']; $comentario = $_POST['comentario']; $foto = $_POST['foto']; $autor = $_POST['autor']; $ativa = $_POST['ativa']; $datahora = date(quot;Y-mdHisquot;); $arquivo = $_FILES['foto']['name']; $ext = substr($arquivo,-4); if($arquivo != quot;quot; && $ext ==quot;.jpgquot;){ move_uploaded_file( $_FILES['foto']['tmp_name'], quot;../site/img/quot;.$datahora.$ext ); $link = quot;../site/img/quot;.$datahora.$ext; $filename = quot;data.txtquot;; $handle = fopen ($filename, quot;aquot;); $conteudo = quot;<table width=860 border=0 cellspacing=1 cellpadding=1> <tr> <td align=center valign=top width=150>Foto:<br /><h1>$titulo</h1></td> <td align=center width=180><a href=$link target=_blank><img src=$link border=0 width=150 height=80 /></a></td> <td align=center valign=top width=150>Autor: <br /><strong>quot;.$autor.quot;</strong><td> <td align=center valign=top width=80><strong>quot;.$galeria.quot;</td> <td align=center valign=top width=250><strong>Comentário:</strong><br />quot;.$comentario.quot;</td> <td align=center valign=top width=50>Ativa: <strong>quot;.$ativa.quot;</strong></td><tr></table><hr><br />quot;; fwrite($handle, $conteudo); fclose ($handle); echo quot;Vc publicou a foto com titulo <br />quot;.quot;<h1>$titulo</h1>quot;. quot;<br />autor quot;.$autor. quot;<br />na quot;.$galeria. quot;<br /><br />o comentário é:<br />quot;.$comentario. quot;<br /><br />e o link para visualizar a foto é: <br />quot;. quot;<a href=$link target=_blank>foto</a><br /><br />quot;. quot;foto ativa: quot;.$ativa; }else{ echo quot;<h1>tipo de arquivo errado</h1><br /> só arquivo tipo .jpgquot;; } ?>
  • 5. fotosListar.php <? include(quot;inc_topo.phpquot;); include(quot;data.txtquot;); ?> sair.php <? header(quot;Location: index.phpquot;); ?> dataConnect.php <? $filename = quot;data.txtquot;; $handle = fopen ($filename, quot;rquot;); $conteudo = fread ($handle, filesize ($filename)); echo $conteudo; fclose ($handle); ?> data.txt SITE index.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG</title> <style type=quot;text/cssquot;> #topLayer {
  • 6. position:absolute; left:14px; top:9px; width:923px; height:121px; z-index:1; } #manageLayer{ position:absolute; left:14px; top:138px; width:923px; height:414px; z-index:2; } #footerLayer{ position:absolute; left:13px; top:570px; width:923px; height:121px; z-index:3; } </style> </head> <body> <div id=quot;topLayerquot;> <?php include quot;topFrame.phpquot;; ?> </div> <div id=quot;manageLayerquot;> <?php include quot;manageFrame.phpquot;; ?> </div> <div id=quot;footerLayerquot;> <?php include quot;footerFrame.phpquot;; ?> </div> </body> </html> topFrame.php <div id=quot;Layer1quot;> <a href=quot;../admin/quot; target=quot;_blankquot;><img src=quot;img/logoFotoblog.pngquot; border=quot;0quot; /></a> </div> <div id=quot;mdiv1quot; > <table width=quot;600quot; border=quot;0quot; align=quot;centerquot;> <tr><td width=quot;20%quot; class=quot;itens_menuquot; id=quot;umquot; ><a href=quot;?midle=homequot; class=quot;link_smenuquot; target=quot;quot; >Home</a></td> <td width=quot;20%quot; class=quot;itens_menuquot; ><a href=quot;?midle=comoquot; class=quot;link_smenuquot; target=quot;quot;> Como funciona</a></td> <td class=quot;itens_menuquot;><a href=quot;?midle=termosquot; class=quot;link_smenuquot; target=quot;quot;>Termos e condições de uso</a></td>
  • 7. <td width=quot;20%quot; class=quot;itens_menuquot;><a href=quot;?midle=fotosquot; class=quot;link_smenuquot; target=quot;quot;>Fotos</a></td> <td class=quot;itens_menuquot;><a href=quot;?midle=contatoquot; class=quot;link_smenuquot; target=quot;quot;>Contato</a></td> </tr> </table> </div> footerFrame.php <div id=quot;Layer1quot;> <table width=quot;30%quot; border=quot;0quot; align=quot;rightquot; cellpadding=quot;1quot; cellspacing=quot;1quot;> <tr> <td><a href=quot;http://antborrelli.comquot; title=quot;antborrelli.comquot; target=quot;_blankquot; ><img src=quot;img/logo.pngquot; border=quot;0quot; /></a></td> </tr> </table> </div> manageFrame.php <?php $midle=$_REQUEST[midle]; switch($midle){ case 'home' : include quot;homeFrame.phpquot;; break; case 'como': include quot;como.phpquot;; break; case 'termos' : include quot;termos.phpquot;; break; case 'fotos' : include quot;fotos.phpquot;; break; case 'contato' : include quot;contato.phpquot;; break; default : include quot;homeFrame.phpquot;; } ?> homeFrame.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td>&nbsp;</td> </tr> <tr> <td><p><strong>Curso PHP e MySql 2009.1 &ndash; turma noite<br /> Instrutor: Nelson Luis<br /> Aluno: Antonio Borrelli</strong></p> <p>&nbsp;</p></td> </tr> <tr> <th><h1>PROJETO FOTO BLOG</h1> <p>&nbsp;</p></th> </tr> <tr> <td>Cria&ccedil;&atilde;o de uma aplica&ccedil;&atilde;o online, para que uma comunidade de usu&aacute;rios cadastrados de um Super Administrator, possa gerenciar e publicar, de um painel de controle, <strong>galerias de fotos</strong>, que no site publico, dispon&iacute;vel tamb&eacute;m para usuario n&atilde;o cadastrado, oferece a possiblidade de visualizar as galerias dos varios publicadores. </td> </tr> </table> </div>
  • 8. como.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td><p><strong>Painel de administra&ccedil;&atilde;o (Back End)</strong><br /> Acessando a aplica&ccedil;&atilde;o, o usu&aacute;rio, com dados de login recebidos do Super Admin, vai entrar no seu proprio painel de controle. Esse vai ter um cabe&ccedil;alho com identifica&ccedil;&atilde;o do usu&aacute;rio, um link para o site publ&iacute;co e um para sair. </p> <p><br /> Para atuar o gerenciamento de suas fotos, tamb&eacute;m no cabe&ccedil;&atilde;lho, o usu&aacute;rio vai necessitar dos seguentes links:<br /> <br /> 1)Fotos: listar---<br /> ____excluir</p> <p>____editar</p> <p>2)Fotos: adicionar--- upload e grava&ccedil;&atilde;o de coment&aacute;rios</p> <p>&nbsp;</p></td> <td><img src=quot;img/navigacao.gifquot; width=quot;508quot; height=quot;327quot; alt=quot;navigationquot; /></td> </tr> </table> </div> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td colspan=quot;2quot;><p>A p&aacute;gina &ldquo;Foto: listar&rdquo; vai visualizar na tela os dados de fotos j&aacute; publicadas pelo usu&aacute;rio.<br /> Esse dados v&atilde;o ser:<br /> <strong>id</strong> &ndash; <strong>titulo foto</strong> - <strong>data</strong> &ndash; <strong>ativa</strong>(sim/n&atilde;o) &ndash; <strong>galeria</strong>(predefinida)<br /> juntamente com o link para acessar a pagina de <strong>edi&ccedil;&atilde;o</strong> e o link para <strong>excluir</strong> as fotos.<br /> A p&aacute;gina de edi&ccedil;&atilde;o vai ter os seguentes campos:<br /> -galeria (selecionavil de uma lista predeterminada: fam&iacute;lia, amigos, trabalho, viagens...);<br /> -titulo;<br /> -coment&aacute;rio;<br /> -autor<br /> -adicionar/substituir foto<br /> -ativa (sim/n&atilde;o)<br /> um bot&atilde;o &ldquo;Gravar Alterac&otilde;es&rdquo; ira enviar as informa&ccedil;&otilde;es para o banco de dados.</p> <p>A p&aacute;gina &ldquo;Fotos: addicionar&rdquo; vai ter os mesmos campos e funcionalidade.</p> <p>O upload sera limitado &aacute; 100kB e s&oacute; para arquivos do tipo .jpg, tamb&eacute;m vai ser aconselhado um tamanho ideal (altura x largura), por que todas as fotos v&atilde;o ser redimensionadas pelo sistema.</p></td> </tr> </table>
  • 9. termos.php <div id=quot;Layer1quot;> <table width=quot;100%quot; border=quot;0quot; cellspacing=quot;1quot; cellpadding=quot;1quot;> <tr> <td><p><strong>Site p&uacute;blico (Front End)</strong><br /> O site p&uacute;blico vai ter no cabe&ccedil;alho, junto com um logo, toda a navega&ccedil;&atilde;o, com links para p&aacute;ginas est&aacute;ticas, que v&atilde;o explicando a aplica&ccedil;&atilde;o, termos e condi&ccedil;&otilde;es de uso (no porno, no p&oacute;litica, no racismo... Super Admin pode excluir qualquer usu&aacute;rio cadastrado sem advertir), din&aacute;micas, mostrando as fotos dos publicadores, e uma p&aacute;gina de contato para pedir o cadastramento.<br /> A &ldquo;Home&rdquo; vai mostrar as ultimas 4 fotos inseridas no sistema, com links para as p&aacute;ginas pessoais dos publicadores. Aqui o usu&aacute;rio pode escolher uma das galerias de foto publicadas e visualizar as fotos. Os links, no cabe&ccedil;&atilde;lho, v&atilde;o ser:<br /> -Home<br /> -Como funciona<br /> -Termos e condi&ccedil;&otilde;es de uso<br /> -Fotos (para acessar uma sub-pagina para escolher o publicador)<br /> -Contato</p> <p>Nota: o gerenciamento de usu&aacute;rios cadastrados &eacute; feita, no momento, diretamente no banco de dado (PhpMyAdmin), um primeiro l&oacute;gico ampliamento do sistema seria o desenvolvimento de um painel de controle para administar os usu&aacute;rios.<br /> </p></td> <td><img src=quot;img/navigacaoFront.gifquot; width=quot;495quot; height=quot;296quot; alt=quot;navigationquot; /></td> </tr> </table> </div> contato.php <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Transitional//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdquot;> <html xmlns=quot;http://www.w3.org/1999/xhtmlquot;> <head> <meta http-equiv=quot;Content-Typequot; content=quot;text/html; charset=utf-8quot; /> <title>FOTO BLOG: Contato</title> </head> <body> <div id=quot;mdiv1quot;> <form action=quot;contatoEnviar.phpquot; method=quot;postquot; id=quot;formquot;> Nome: * <input name=quot;nomequot; type=quot;textquot; size=quot;40quot; /><br /><br /> E-mail: * <input name=quot;emailquot; type=quot;textquot; size=quot;40quot; /><br /><br /> Objeto: * <select name=quot;objetoquot;> <option value=quot;Objeto: comentarioquot;>comentario</option> <option value=quot;Objeto: cadastroquot;>cadastro</option> <option value=quot;Objeto: outro...quot;>outro...</option> </select><br /><br /> Mensagem: *<br /> <textarea name=quot;mensagemquot; cols=quot;60quot; rows=quot;16quot;></textarea><br /><br /> Aceito os termos de uso <input name=quot;aceitoTermosquot; type=quot;checkboxquot; value=quot;simquot; checked=quot;checkedquot; /><br /><br /> <input name=quot;enviarquot; type=quot;submitquot; value=quot;enviarquot; /> <input type=quot;resetquot; name=quot;Resetquot; id=quot;buttonquot; value=quot;cancelarquot; /> </form>
  • 10. </body> </html> contatoEnviar.php <?php $nome = $_POST['nome']; $email = $_POST['email']; $objeto = $_POST['objeto']; $mensagem = $_POST['mensagem']; $termos = $_POST['aceitoTermos']; echo quot;Oi quot;.$nome.quot;, vc enviou a seguinte mail para FOTO BLOG:<br />quot;.$objeto.quot;<br /><br />quot;.$mensagem; echo quot;<br /><br />Aceita os termos: quot;.$termos; //mail (quot;ant_borrelli@yahoo.dequot;, quot;Mail de FOTO BLOGquot;, $nome, $email); ?> fotos.php <div id=quot;Layer1quot;> <p align=quot;centerquot;><img src=quot;img/rotator2.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor1quot; /><img src=quot;img/rotator4.jpgquot; width=quot;392quot; height=quot;300quot; alt=quot;flor2quot; /></p> </div>