Criando uma View para o Anilue - Parte 1
| 
| 
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 (Dom, 07 de Fevereiro de 2010 13:23)