Proyecto : Web sobre Córdoba

jose91 · #1 (**permalink**) 09/11/2009, 16:12

Hola buenas noches, les planteo mi cuestión:

Estoy recopilando información para realizar una web sobre mi ciudad, Córdoba, con toda la información que me sea posible recapitular sobre la ciudad, historia, monumentos, lugares de interés, cine, música, personajes históricos, también algo de actualidad, imágenes actuales de los monumentos, planos, fotos de nuevas construcciones (puente de andalucía, hotel AC...) y algunas cosas mas.

Necesito una web con un menú a la izquierda y espacio a la derecha para poner anuncios, pero donde los enlaces que pulse actuen solo sobre el centro de la página, sin tener que cargar otra ves los menús y la cabecera. Lo logré hacer mediante "Frames" pero no quiero que el frame del centro solo funcione con scrolling al salir un texto largo, quiero que baje toda la página.

por si no me entendeis busco algo parecido a esto : (www)cordoba.es [no postear subir enlaces]

saludos y gracias, pues siempre me habeis ayudado.

NUCKLEAR · #2 (**permalink**) 09/11/2009, 16:58

Amigo los frames se dejaron de usar hace un par de años, no ayuda para nada. No hay much ciencia en hacer un menu, que es lo que te impide hacer que se recargue todo?

jose91 · #3 (**permalink**) 10/11/2009, 01:34

Cita:

Iniciado por NUCKLEAR

Amigo los frames se dejaron de usar hace un par de años, no ayuda para nada. No hay much ciencia en hacer un menu, que es lo que te impide hacer que se recargue todo?

Pues que debo llevar por lo menos desde que no se usan los frames sin hacer una web xD, me tiré por el camino facil de las herramientas prefabricadas y ahora no sé hacer que el menú solo actue sobre la pagina del centro, sin que vuelva a cargar todo.

Bueno si eres tan amable de indicarme de que forma lo hago, es que estoy bloqueado y no se ni si quiera como empezar, o algun manuual o algo...Muchas gracias!

jose91 · #4 (**permalink**) 10/11/2009, 04:58

Creo que no me termino de explicar bien, lo que necesito es conseguir crear el diseño de la web de la siguiente forma:

-una cabecera
-menú a la izquierda
-contenido en el centro
-menú a la derecha
-espacio para anuncios en la parte inferior.

Lo quiero hacer de tal forma que los enlaces del menú, actuen solo sobre el contenido del centro, sin vovler a cargar la página de nuevo cada vez que se pulsa un enlace. A ver si ahora, despues de haber aclarado la explicación sabeís decirme la mejor forma de lograr esto, ya me habeis aclarado que de "frames" nada de nada.

Una vez conseguido esto, creo que tengo el conocimiento suficiente para seguir con el tipo de página que quiero montar. Os vuelvo a dejar un ejemplo de algo parecido a lo que quiero lograr : www(.)cordoba.es

lynxstyle · #5 (**permalink**) 10/11/2009, 08:20

Hasta donde llego, creo que eso podria hacerse por capas ocultandolas y mostrandolas, pero claro pesaria una barbaridad el archivo, ya que todo se cargaría en este. Por lo que es algo que no creo que sea bueno.

Bueno a esperar a los maestros, a ver si tengo razón, ya digo que es hasta donde llego, no se si eso pordría hacerse con AJAX.

dggluz · #6 (**permalink**) 10/11/2009, 08:28

Podría hacerse como dice lynxstyle, o con iframes o con AJAX. Creo que lo más sencillo será hacerlo con iframes. ¡Suerte!

jose91 · #7 (**permalink**) 10/11/2009, 08:45

Cita:

Iniciado por dggluz

Podría hacerse como dice lynxstyle, o con iframes o con AJAX. Creo que lo más sencillo será hacerlo con iframes. ¡Suerte!

Pero ya he leido en varios sitios que no son recomendables y que ya no se utilizan, la web que he dado antes de ejemplo está hecha con iframes?

jose91 · #8 (**permalink**) 10/11/2009, 10:34

hola de nuevo y perdon por las reiteradas molestias jeje.

El caso es que buscando cosillas de los estilos en "cssya.com.ar" he encontrado la organización que yo quiero para mi web, podeis verla en el siquiente enlace :

cordobaweb.webcindario.com/

Ahí está hecho mediante capas, quisiera saber si lo veis adecuado y también si sabeis la forma de que los enlaces que ponga en la capa lateral izquierda, actuen solamente sobre el contenido.

Es decir, si un enlace fuera "Historia de Córdoba", que al clicar sobre el apareciera la historia de cordoba en la columna central, sin necesidad de tener que cargar también el resto de la página.

Lo que quiero conseguir con esto es no tener que incluir un menú para cada contenido de mi web. Sino que el menú sea siempre el mismo, y el contenido vaya cambiando en la columna central.

dggluz · #9 (**permalink**) 10/11/2009, 11:12

La página que habías puesto de ejemplo (cordoba.es) recarga toda la página, no sólo el contenido. Por otra parte: no es lo mismo frames que iframes. Son similares, pero el iframe se parece más a una capa (div). Yo en tu lugar usaría AJAX, a menos que no quieras liarte programando. También puedes hacerlo con los iframes. ¡Suerte!

jose91 · #10 (**permalink**) 10/11/2009, 11:24

Cita:

Iniciado por dggluz

La página que habías puesto de ejemplo (cordoba.es) recarga toda la página, no sólo el contenido. Por otra parte: no es lo mismo frames que iframes. Son similares, pero el iframe se parece más a una capa (div). Yo en tu lugar usaría AJAX, a menos que no quieras liarte programando. También puedes hacerlo con los iframes]. ¡Suerte!

muchas gracias por tu ayuda, me pondré manos a la obra, veré si lo que quiero lo puedo lograr mediante iframes, o tendre que programar. Gracias nuevamente y perdon por las molestias y mis "regulares" explicaciones.

hector_he · #11 (**permalink**) 10/11/2009, 12:16

No se si tiene mucha relación, más bien sería en el modo de trabajar, pero a parte de ocultar y mostrar capas, se podría pensar en dividir la página con php y su función: <?php include ("web.extensión");?>.

Para trabajar va muy bien ya que solo tendrías un archivo (html o también php) para el header, menús, etc y luego en las diferentes secciones se llamarían a estos elementos y se trabajaría tan solo el contenido específico de la sección. Es decir, que si tiene 15 páginas y quieres cambiar menús o el header no tendrías que ir una por una haciendo los cambios.

hector_he · #12 (**permalink**) 10/11/2009, 12:35

No se si tiene mucha relación, más bien sería en el modo de trabajar, pero a parte de ocultar y mostrar capas, se podría pensar en dividir la página con php y su función: <?php include ("web.extensión");?>.

Para trabajar va muy bien ya que solo tendrías un archivo (html o también php) para el header, menús, etc y luego en las diferentes secciones se llamarían a estos elementos y se trabajaría tan solo el contenido específico de la sección. Es decir, que si tiene 15 páginas y quieres cambiar menús o el header no tendrías que ir una por una haciendo los cambios.

lynxstyle · #13 (**permalink**) 10/11/2009, 13:38

Yo creo que lo mejor es cuidar muy bien el código y hacerla lo menos pesada posible, ya que con las conexiones que hay hoy en día una web ligera casi ni se nota la recarga, ya se han visto muchos casos aquí de web que muestran como que no recargan y la verdad es que es la impresión que dan.

victorhugoa · #14 (**permalink**) 10/11/2009, 14:00

Jose91, el sitio http://www.cordoba.es esta armado en base a Joomla 1.5 con lectores de RSS, AKJoomgallery, etc.
Esta es la mejor manera de armar este tipo de estructuras. Estudia un poco Joomla y te daras cuenta que es tu mejor opción.
Olvidate de frames o tratar de armar sitios estaticos, lanzate a web dinamicos.

marcelogdiaz · #15 (**permalink**) 10/11/2009, 14:18

Buenas buenas, creo q puedes hacerlo sin la necesidad de utilizar un CMS como Jommla, drupal y tantos otros.

Lo mas simple seria hacerlo con Ajax y un simple html con "id" en los elementos adecuados, actualizando solamente lo necesario.

Puedes ver en www{dot}conocepunta{dot}com{dot}ar , al seleccionar alguna de las opciones de la izq se actualiza el mapa.

Las imagenes del header tambien cambian, aunque estas no usan ajax.

Suerte!!!

Nota: probar las opciones con Firefox...cross-browser incompatibility :p

dggluz · #16 (**permalink**) 10/11/2009, 23:19

Realmente impactante: excelente sitio

. ¡Suerte!

jose91 · #17 (**permalink**) 11/11/2009, 09:37

Bien, estoy probando con capas e iframes, y he organizado mas o menos la web como quería, aunque solo la base.

Me podeis decir si veis vien alineadas las cajas?

Azul:Cabecera
Verde:Menú izquierdo
Rojo:contenido
Naranja:Menú derecho

os dejo la dirección : cordobaweb.webcindario.com/

dggluz · #18 (**permalink**) 11/11/2009, 10:34

Antes tenías un footer.. ¿por qué lo sacaste? Ya que estás haciendo la página flexible (las medidas son porcentuales) yo que tú aprovecharía para que ocupara el totalidad de la pantalla (el ancho total actual es del 96%). Pero me parece que vas bien encaminado. ¡Sigue adelante!

jose91 · #19 (**permalink**) 11/11/2009, 11:46

Cita:

Iniciado por dggluz

Antes tenías un footer.. ¿por qué lo sacaste? Ya que estás haciendo la página flexible (las medidas son porcentuales) yo que tú aprovecharía para que ocupara el totalidad de la pantalla (el ancho total actual es del 96%). Pero me parece que vas bien encaminado. ¡Sigue adelante!

Lo saqué para meter esa nueva configuración, pero sí tengo pensado ponerlo. De verdad piensas que voy bien encaminado? me das muchos animos porque estaba apunto de ponerme a modificar un joomla, no se que ves tu mejor.

Yo pienso que si me aconsejas seguir con las capas y el iframe para el contenido (pudiendo así actuar sobre el los enlaces del menú) lo haré, porque para el estilo de página que quiero hacer no es necesario nada complejo pienso yo.

Lo del 96% del anho lo hive así, para poner una imagen que se repita por detrás de la página, creo que se quedaría curioso y no pierdo demasiado espacio no?

Muchas gracias por tus comentarios, me estas ayudando bastante.

dggluz · #20 (**permalink**) 11/11/2009, 12:04

Joomla en realidad es un administrador de contenidos, sólo vale la pena si estarás actualizando continuamente el contenido o si es el usuario el que lo administrará (tipo blog). Pero quizás sea demasiada complejidad para una página que bien podría ser estática (aunque si quieres puedes hacerla dinámica). Joomla incluye sistema de administración de usuarios y le resulta imprescindible una base de datos... ¿crees que en tu proyecto es necesario eso? Además: ¡nada como lo hecho en casa!. No quiero decir que Joomla no sirva, quiero decir que en tu caso me parece que no se justifica su uso. Opino que estás bien encaminado porque te tomas las cosas con calma, esa es la forma de hacerlo bien. Además, lo que tienes hasta el momento (si bien le falta mucho) ¡está bien!. A medida que vayas completando la página te podremos dar consejos más puntuales de cada tema. ¡Suerte!

jose91 · #21 (**permalink**) 11/11/2009, 12:12

Cita:

Iniciado por dggluz

Joomla en realidad es un administrador de contenidos, sólo vale la pena si estarás actualizando continuamente el contenido o si es el usuario el que lo administrará (tipo blog). Pero quizás sea demasiada complejidad para una página que bien podría ser estática (aunque si quieres puedes hacerla dinámica). Joomla incluye sistema de administración de usuarios y le resulta imprescindible una base de datos... ¿crees que en tu proyecto es necesario eso? Además: ¡nada como lo hecho en casa!. No quiero decir que Joomla no sirva, quiero decir que en tu caso me parece que no se justifica su uso. Opino que estás bien encaminado porque te tomas las cosas con calma, esa es la forma de hacerlo bien. Además, lo que tienes hasta el momento (si bien le falta mucho) ¡está bien!. A medida que vayas completando la página te podremos dar consejos más puntuales de cada tema. ¡Suerte!

ahora he aquí otra duda, las capas y el frame las he alineado con tantos% el ancho, y el largo mediante px. Puede ser que en algunos navegadores o a algunas personas no les salga bien configurada? es decir, una capa fuera de lugar, encima de otra, o cosas por el estilo.

Llevas razón, además, es mi priemr proyecto en solitario, siempre he cogido prestado el diseño, o bien un CMS, pero ahora me apetecía bastante esto, si no, no avancaré jamás.

dggluz · #22 (**permalink**) 11/11/2009, 12:20

Se supone que se verá bien siempre... o eso creo; para ello no hay más que prueba y error. En última instancia, es algo que se arregla por CSS, de modo que cuando tengas tu sitio en la etapa de "control de calidad" puedes postearla en el foro de "sugerencias para tu web" y allí te sabrán orientar. Pero como no tienes ninguna capa con postition "absolute" o "fixed", no creo que tengas esos problemas. Si quieres puedes bajarte algunos add-ons para firefox que facilitan bastante la tarea del desarrollador web. Yo te recomiendo: firebug, web developer, HTML Validator y CSS validator. ¡Suerte!

jose91 · #23 (**permalink**) 11/11/2009, 16:18

ya llevaba tiempo sin preguntar una duda jeje, que ganas de acabar de organizar el sitio y ponerme con el diseño gráfico.

ahora mi pregunta es, porque se me queda un gran espacio en blanco al acabar la página?

cordobaweb.webcindario.com

marcelogdiaz · #24 (**permalink**) 12/11/2009, 07:29

Es por los valores del atributo "margin" del CSS, vas a tener que jugar un poco con eso.

Te recomiendo bajar el Firebug para Firefox, que trae un DOM Inspecto y otras herramientas muy utiles para desarrollo web

https://addons{dot}mozilla{dot}org/es-ES/firefox/addon/1843

Saludos!!!

jose91 · #25 (**permalink**) 12/11/2009, 09:08

¿como puedo hacer que la imagen de fondo de la cabecera (sea mas grande o pequeña que la cabecera) se ajuste al tamaño de la capa?

es para que en todos los navegadores se vea igual, ya que estoy jugando con tantos% quiero hacerlo bien jeje.