Raphael Monroe.com » php http://www.raphaelmonroe.com Blog de novidades em tecnologia, web, games e muito mais! Thu, 22 Apr 2010 11:20:47 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Tutorial PHP 5 – Construção de Layout – Parte 2 http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout-parte-2/ http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout-parte-2/#comments Sun, 01 Jun 2008 23:45:20 +0000 Raphael Monroe http://www.raphaelmonroe.com/?p=181 Requisitos: Artigo “Tutorial PHP5 – Construção de Layout“.

Olá pessoal,

Seguindo com nosso tutorial de criação de layouts utilizando o php 5, iremos criar a classe “header”, a qual será responsável pela criação do cabeçalho do site(topo,imagem do topo, título e descrição).

Utilizarei CSS para o design. Se surgir alguma dúvida a respeito das regras utilizadas, poste seu comentário ou visite o site do maujor. Lá, você encontrará diversos artigos relacionados à criação e utilização de regras css.

Vamos ao código comentado:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

<style type="text/css">
<!--
 
/* Regras CSS */ 
#tudo{
	background-color:#CCCCCC;
	width:800px;
	height:600px;
	float:left;	
}
 
#topo{
	width:800px;
	height:100px;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #000;
}
 
 
-->
</style>
 
<?php
 
//Criado por : Raphael Monroe Marcondes
// BLOG : www.raphaelmonroe.com
 
class head
{
	//construtor da classe...
	function __construct()
	{
	   //Chama a função de inclusão de início de código HTML...
	   $this->inclui_HTML();
	   //Chama a função de criação do topo...
	   $this->cria_topo();
	   //"Fecha" as tags HTML que foram abertas...
	   $this->fecha_tags();
	}
 
	function inclui_HTML()
	{
	    //HTML...
	   echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";
	   echo "<html xmlns=\"http://www.w3.org/1999/xhtml\">";
	   echo "<head>";
	   echo "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />";
	   //Título da página (será melhorado posteriormente a forma de dar títulos á suas paginas)...
	   echo "<title>MINHA PÁGINA</title>";
	   echo "</head>";
	   echo "<body>";	
	}
 
	function cria_topo()
	{
	   //Cria dois boxes, um que engloba todo o site e o outro sendo o topo.
	   echo "<div id=\"tudo\">";
	   echo "<div id=\"topo\"></div>";
	}
 
	function fecha_tags()
	{
	    //Fecha a a div "tudo"...
	    echo "</div>";
            echo "</body>";
	    echo "</html>";
	}
 
}	
?>

Salve o código acima como “head.class.php”.
Com essa nova classe, já podemos obter nossa primeira visualização de página!
Basta criar o index:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<?php
 
$index = new index();
 
class index
{
	function __construct()
	{
	  //Inclui as classes necessárias...
	  $this->inclui_classes();
	  //Criando a página index...
	  $this->constroi_index();
	}
 
	function inclui_classes()
	{
	    //Incluindo a classe layout...
	    include_once("layout.class.php");
	}
 
	function constroi_index()
	{
	    //Criando uma nova página através de layout...
	    $this->layout = new layout();
	}
}
?>

Salve o código acima como “index.php”.

Portanto, só para lembrá-los, até agora possuímos 3 arquivos : “layout.class.php”, “head.class.php” e “index.php”.

Basta agora, salvá-los na mesma pasta e abrir o index. Você obterá a primeira visualização da página!

OBS:Para conseguir “rodar” o index sem erros, é necessário comentar, na classe “layout”, as linhas que incluem as classes que ainda não foram feitas, como por exemplo, “menu_nav.class.php”.

Para facilitar, você pode baixar todas as classes(inclusive o “layout.class.php” com as linhas comentadas).
Lembrando à todos que estou tentando ser o mais direto possível. Qualquer dúvida é só postar seu comentário!

[]`s

]]> http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout-parte-2/feed/ 10 Tutorial PHP 5 – Construção de Layout. http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout/ http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout/#comments Thu, 22 May 2008 21:14:17 +0000 Raphael Monroe http://www.raphaelmonroe.com/?p=115 Olá caros leitores,

Hoje abordarei como construir aplicações em php, utilizandoa idéia de classes e objetos.

Não vou, entretanto, abordar aspectos teóricos sobre classes e objetos nesse tutorial. Meu objetivo, neste primeiro tutorial da série, é mostrar os primeiros passos para construção de layouts utilizando orientação à objeto.

Então, mãos à obra! Nosso “desenho final” será um layout de três colunas, com menu de navegação, header e rodapé, como mostra a figura a seguir :

Layout que será construído

Layout que será construído

Iremos desenvolver, portanto, 7 classes : “layout”, “header”, “menu_nav”, “barra_esq”, “corpo”, “barra_dir”, “rodape”. Percebam que a classe “layout” será utilizada para “unir” todas as outras. Hoje, começaremos a desenvolver o código da classe layout.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

 
<?php
 
//Criado por : Raphael Monroe Marcondes
// BLOG : www.raphaelmonroe.com
class layout
{
	//construtor da classe...
	function __construct()
	{
		//Chama a função de inclusão de classes necessárias...
		$this->inclui_classes();
		//Chama a função de inicialização de variáveis...
		$this->inicializa_variaveis();
	}
 
	//Função pra incluir todas as classes que precisaremos para o desenvolvimento 
	//do layout...
	function inclui_classes()
	{
		include_once("head.class.php");
		include_once("menu_nav.class.php");
		include_once("barra_esq.class.php");
		include_once("corpo.class.php");
		include_once("barra_dir.class.php");
		include_once("rodape.class.php");				
	}
 
	//Função responsável por criar objetos(instâncias) daquelas classes adicionais.
	//A partir de uma linha "$var = new objeto();", você cria um objeto que será
	//representado por $var.
	function inicializa_variaveis()
	{
		$this->head = new head();
		$this->menu_nav = new menu_nav();
		$this->barra_esq = new barra_esq();		
		$this->corpo = new corpo();
		$this->barra_dir = new barra_dir();
		$this->rodape = new rodape();
	}
}	
?>

Salve o código acima como “layout.class.php” utilizando o seu editor favorito.

O arquivo fonte pode ser baixado aqui.

Lembrando que se você rodar o código, nada acontecerá ainda. Estamos iniciando nossos trabalhos!

Aguardem os próximos posts!

Abraço.

]]> http://www.raphaelmonroe.com/tutoriais/tutorial-php-5-construcao-de-layout/feed/ 10