Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño web (http://www.forosdelweb.com/f91/)
-   -   Creando mi Propio CMS(parte 1) - Php html Mysql (http://www.forosdelweb.com/f91/creando-mi-propio-cms-parte-1-php-html-mysql-553302/)

k4but0x 31/01/2008 10:41

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
http://img516.imageshack.us/img516/200/maqueta1ko3.jpg
Maqueta 2
http://img89.imageshack.us/img89/9200/maqueta2ks0.jpg
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. ;)

k4but0x 31/01/2008 12:49

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:
http://www.corelhost.com/amigos/kabu...queta1_web.jpg

Pagina para el usuario:
http://www.corelhost.com/amigos/kabu...queta2_web.jpg

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/


La zona horaria es GMT -6. Ahora son las 21:05.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.