Foros del Web » Creando para Internet » Diseño web »

Creando mi Propio CMS(parte 1) - Php html Mysql

Estas en el tema de Creando mi Propio CMS(parte 1) - Php html Mysql en el foro de Diseño web en Foros del Web. Hola a todos! me lanzo en la aventura de hacer una pagina, siempre consulto esta y varias paginas para resolver mis dudas y me parecio ...
  #1 (permalink)  
Antiguo 31/01/2008, 10:41
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 9 años, 10 meses
Puntos: 3
Creando mi Propio CMS(parte 1) - Php html Mysql

Hola a todos! me lanzo en la aventura de hacer una pagina, siempre consulto esta y varias paginas para resolver mis dudas y me parecio buena idea compartir aca, porque hay harto feedback y me pueden ir guiando, ademas que seguro a mas de alguien le servira algo (espero).
Ojo que no es un tutorial ni nada por el estilo, solo voy a tratar de hacer mi pagina a la mia, ya no voy a leer mas articulos de la onda, "aprenda paginas webs desde cero!", "arquitectura de las paginas", "optmizacion de algo" y un largo etc etc .. algun dia hay que empezar y... nos fuimos:

Primera parte: Maquetar mi pagina

Bien, para esto y dependiendo de lo que deseo para mi pagina necesito dos maquetas (nose si esto aun correspondera a un template o no feedback plz)

Maqueta 1

Maqueta 2

maqueta 1: cabecera, lado izquierdo, central, lado derecho y pie de pagina.
maqueta 2: cabecera, lado izquierdo, central y pie de pagina.

No necesito lado derecho para la maqueta2, porque cuando ingrese un usuario registrado, quiero todo ese espacio para el.
En cuanto tenga las maquetas seguimos. ;)

Última edición por k4but0x; 31/01/2008 a las 10:59 Razón: incluyendo imagenes
  #2 (permalink)  
Antiguo 31/01/2008, 12:49
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 9 años, 10 meses
Puntos: 3
Re: Creando mi Propio CMS(parte 1) - Php html Mysql

Bueno, esta lista la maquetacion de los dos templates:

los realize por su puesto con div, voy a tratar de usar estos durante todo el proyecto y evitar el uso de tablas ( no voy a discutir sobre este punto).

Asi lucen hasta ahora las paginas (los colores que tienen se los puse presionando 6 numeros al azar para el background del div xD)

Pagina para el Home:


Pagina para el usuario:


Archivos hasta el momento
home.htm
usuario.htm
estilos/default.css

Los archivos de esta etapa, por si te interesan puedes descargarlos AQUI
----------------------
Consultas:
* Se puede hacer un post con los html, y postearlo con los tags? para que salga con el formato que le doy en mi editot html
* Como hago para las imagenes de los screenshot que saco salgan con una mejor resolucion? cuando los achico para ponerlos aca se pierde demasiado. (tengo un monitor de 1440x900)

------------------------------------------------------------------------------------------------------------------------------------------------
Bien, como ven no se pueden ver las versiones online de las pages ni descargar los archivo que les prepare en rar, por que el mensaje de administracion me decia que era muy pollo xD , entonces se los pego aqui los 3 archivos que llevo hasta el momento ( si alguien se paletea con un par de megas para subir las fotos y archivos, se lo agradeceria)

-------------------------------------------------------------
front.htm
-------------------------------------------------------------
<title>Pagina Principal</title>
<link rel="stylesheet" href="estilos/defecto.css" />
</head>
<body>
<div id="web">
<div id="cabecera">Esta es mi cabecera</div>
<div id="contenido">
<div id="izquierda" >lado izquierda</div>
<div id="centro">lado central</div>
<div id="derecha">derecha</div>
<div id="pie">pie de pagina</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------
usuario.htm
-------------------------------------------------------------
<title>Pagina Principal</title>
<link rel="stylesheet" href="estilos/defecto.css" />
</head>
<body>
<div id="web">
<div id="cabecera">Esta es mi cabecera</div>
<div id="contenido">
<div id="izquierda" >lado izquierda</div>
<div id="centro_usr">lado central</div>
<div id="pie">pie de pagina</div>
</div>
</div>
</body>
</html>
-------------------------------------------------------------
estilo/defeco.css
-------------------------------------------------------------
body {
margin: 0;
padding: 0;
text-align:center;
font:12px Arial, Verdana, sans-serif;
color:#939393;
}

#web{
margin-left:auto;
margin-right:auto;
width:920px;
}
#cabecera{
height:100px;
background-color:#253146;
}

#izquierda{
width:200px;
float:left;
background-color:#545632;
}
#centro{
width:520px;
float:left;
background-color:#548795;
}
#centro_usr{
width:720px;
float:left;
background-color:#548795;
}
#derecha{
width:200px;
float:right;
background-color:#00FFFF;

}
#pie{
height:60px;
margin-left:auto;
margin-right:auto;
clear:both;
background-color:#006633;
}
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------
y se da por terminada la seccion del maqueteo de las paginas principales que voy a usar, luego se amononaran con los css o cuando llegue el momento xD

Bien llegado a este punto, no se donde )(/&$%# seguir, digamos para que se mantenga ordenado el asunto, aqui es donde debiera recurrir a un manual de arquitectura o diseño.. pero como dije, la voy a hacer a la mia nomas, como salga.

Creo que seguire con el manejo de los templates desde el php, como voy a tener usuarios probare cambiar los templates cuando el usuario se logee.

Nos vemos pronto!

PARTE 2: http://www.forosdelweb.com/f91/creando-mi-propio-cms-parte-2-php-html-mysql-templates-includes-553417/

Última edición por k4but0x; 31/01/2008 a las 16:32 Razón: no puedo agregar aun URL
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 09:27.