Retroceder   Foros del Web > Diseño de Sitios web > Web general

Respuesta
 
Herramientas Desplegado
Antiguo 31-ene-2008, 10:41   #1 (permalink)
k4but0x ha deshabilitado el karma
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Alegría 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-ene-2008 a las 10:59. Razón: incluyendo imagenes
k4but0x está desconectado   Responder Citando
Antiguo 31-ene-2008, 12:49   #2 (permalink)
k4but0x ha deshabilitado el karma
 
Fecha de Ingreso: enero-2008
Mensajes: 10
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-ene-2008 a las 16:32. Razón: no puedo agregar aun URL
k4but0x está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 19:52.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96