Criando uma View para o Anilue - Parte 1 PDF Imprimir E-mail
Escrito por Igor de Paula   
Dom, 07 de Fevereiro de 2010 09:53

O Anilue utiliza uma engine de templates própria, porém se parece em muito como outros do mercado, facilitando seu aprendizado.

Para começarmos vamos criar 2 arquivos: um template em html e outro em css. Vamos chamar nosso template de default.phtml. Todo template no Anilue tem de terminar com a extensão .phtml.

Este é o arquivo default.phtml. Ele pode ter qualquer nome, desde que termine com a extensão .phtml.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" />

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

</head>

<body>

<div id="content">

<div id="header">Header</div>

<div id="mainnav">main navigation</div>
<div id="contents">contents</div>
<div id="menu">menu</div>
<div id="footer">footer</div>

</div>

</body>

</html>

Salvamos o default.phtml dentro da pasta Templates, dentro da pasta View, que fica em Application.

Este template está no padrão tableless, ou seja, sem tabelas, uma nova forma de criar sites ditado pela W3C.

Vamos agora criar o arquivo css, aqui vamos chamar de style.css.

#conteiner
{
width:90%;
border:1px solid black;
}
#header
{
width:100%;
border:1px solid black;
}
#mainnav
{
width:100%;
border:1px solid black;
}
#contents
{
width:80%;
float:left;
border:1px solid black;
}
#menu
{
width:20%;
float:left;
border:1px solid black;
}
#footer
{
width:100%;
clear:both;
border:1px solid black;
}

E salvamos dento da pasta CSS, dentro de View, que fica na application.
Última atualização em Dom, 07 de Fevereiro de 2010 13:23