no apenas la estoy comenzando a crear y viendo ideas.
mira te dejo el codigo
Código :
@charset "utf-8";
/* CSS Document */
#cabecera{
background-image:url(IMG/fondo_banner.png);
background-repeat:repeat-x;
margin:0 0 0 0;
width:100%;
height:200px;
}
#contenido{
background-image:url(IMG/fondo_contenido.png);
background-repeat:repeat-x;
background-position:top;
width:100%;
height:400px;
text-align:center;
}
#contenido #contenedorCont{
margin:0 auto 0 auto;
width:900px;
height:400px;
}
#contenido #contenedorCont #columnaIzq{
width:650px;
height:400px;
float:left;
}
#contenido #contenedorCont #columnaDer{
background-image:url(IMG/columna_der.png);
background-repeat:repeat-y;
width:250px;
height:400px;
float:left;
}
#pie{
background-color:#999;
margin:0 0 0 0;
width:100%;
height:200px;
}
una pregunta quizas muy tonta, al usar css se usa un solo archivo para todo el sitio es decir para todas las secciones o es uno para cada una, el sentido seria uno solo para toda la web y ser mas agil a la hora de actualizar no ?
Código :
<?php
class Pagina {
var $contenido;
var $titulo = "Aca ponemos el titulo de la web";
var $botones = array("inicio"=>"home.php",
"trabajos"=>"trabajos.php",
"acerca de mi"=>"informacion.php",
"contacto"=>"contacto.php");
//Ahora vamos a crear la funcion que cree la estructura del sitio
function Mostrar(){
$this->TipoDocumento();
echo "<html>\n<head>\n";
$this->MostrarTitulo();
$this->MostrarPalabrasClaves();
$this->MostrarEstilo();
echo "</head>\n<body>\n";
echo "<div id=\"cabecera\">\n";
$this->MostrarCabecera();
echo "</div>\n<div id=\"contenido\">";
/*$this->MostrarBotonera($this->botones);*/
$this->Contenido($this->contenido);
echo "</div>\n<div id=\"pie\">\n";
$this->PieDePagina();
echo "</div>\n";
echo "</body>\n</html>\n";
}
function get_contenido() {
return $this->contenido;
}
function set_contenido($contenido_nuevo) {
$this->contenido = $contenido_nuevo;
}
//Ahora tenemos que crear todas las funciones que llamamos arriba para la creacion de la estructura del sitio
//------------------------------------------------------------------------------------------------------------------------
function TipoDocumento(){
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<?php
}
function MostrarTitulo(){
echo "<title>$this->titulo</title>\n";
}
//------------------------------------------------------------------------------------------------------------------------
function MostrarPalabrasClaves(){
?>
<meta name="Description" content="Titulo del Sitio" />
<meta name="Keywords" content="Palabras, Claves" />
<?php
}
//------------------------------------------------------------------------------------------------------------------------
function MostrarEstilo(){
?>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<?php
}
//------------------------------------------------------------------------------------------------------------------------
function MostrarCabecera(){
?>
<div id="cabecera"></div>
<?php
}
//------------------------------------------------------------------------------------------------------------------------
function MostrarBotonera($menu){
echo "<div id='fondomenu'><div id='menu'>\n<ul>\n";
$width = 700/count($menu);//para que todos los botones queden del mismo tamaño
while($boton = each($menu)){
echo "<li><a href=".$boton["value"].">".$boton["key"]."</a></li>\n";
}
echo "</ul>\n</div>\n</div>\n";
}
//------------------------------------------------------------------------------------------------------------------------
function Contenido($estructura){
echo $estructura;
}
function PieDePagina(){
echo "<div id=\"pieDePagina\"></div>";
}
}
?>
y ahora te dejo el codigo de una seccion
Código :
<?php
require("clase_base.php");
$clase = new Pagina();
$clase->set_contenido("<div id=\"contenedorCont\"><div id=\"columnaIzq\">IZQUIERDA</div><div id=\"columnaDer\">DERECHA</div></div>");
$clase->Mostrar();
?>
tambien estoy empezando con lo de php asi que no se fijen mucho que deben haber muchas cosas que arreglar