Hola a todos,
Este es mi primer mensaje en el foro, así que aprovecho para saludar a esta comunidad que conocí hace poco y en la que me he animado a incorporarme.
He posteado en la sección de HTML, pero no lo tengo muy claro si tiene que ir aquí o en la sección de dreamweaver, si estoy equivocado que algun moderador lo mueva a donde le corresponda.
Voy a explicaros un poco el tema para ver si alguien me puede echar un cable. He empezado a construir (o eso intento
) una página web para la pyme en la que trabajo. Después de tragarme alrededor de 20 horas de videotutoriales y enredar mucho con el dreamweaver creo que estoy preparado para hacerlo, pero hay algunas cosas que quisiera hacer que no me acaban de salir.
Para empezar os cuelgo una imagen del diseño conceptual de la página realizado con el fireworks.
[
http://img194.imageshack.us/img194/6848/webxb.jpg
Como podeis observar el diseño es bastante sencillo/estandar. Consta de una cabecera fija con cuatro enlaces bajo ella que vincularían a una barra vertical izquierda formado por un acordeon spry. A la derecha tendría el cuerpo de la página donde aparecerían las fotos dentro de un tabbed panel spry y una pequeña descripción tambien dentro de otro tabbed panel.
Os explico como tenía pensado hacerlo y me corregis/asesoráis si lo veis conveniente.
La idea es utilizar una plantilla de dreamweaver XHTML de 2 columnas fijas, barra lateral izquierda, encabezado y pie (este último por ahora no lo necesitaría). Quiero que la página se quede centrada verticalmente con lo que creo esta es una buena opción, y para que me quede centrada verticalmente meteré todo el <body> en un div al que daré un tamaño fijo de 955x600 (he leido por ahí que es el recomendado).
La cabecera la haré con photoshop/fireworks y la meteré dentro de el encabezado. Los botones de los vinculos principales los meteré en el cuerpo de la página y pinchando en ellos se abrirán 4 nuevas páginas que variarán únicamente la barra lateral izquierda. He pensado que voy a hacer la primera página y usaré esa para hacer una plantilla para las cuatro, de manera que si modifico la plantilla se actualicen todas.
En la barra lateral colocaré un acordeon spry con por ejemplo cuatro campos y es aquí donde me aparece la primera duda:
DUDA 1- Por más que lo intento no doy con la manera de que el acordeon aparezca con todos los campos replegados cuando abro la página (se como cambiar cual de ellos abrir por defecto, pero no doy con la manera de que esten todos ellos cerrados al empezar).
Al abrir el acordeon, saldrán los comentarios spry con las minifotos (esto lo tengo dominado).
DUDA 2- había pensado meter cada una de los "proyectos" en un iframe dentro del <body> y vincularlo como una página html externa, de manera que fueran como fichas que segun el proyecto marcado fueran cambiando. Esto me simplificaría el trabajo ya que las crearía todas a su vez de una plantilla. ¿Me recomendais hacerlo así?
Bien una vez dentro del iframe. En cada ficha de estas, tenía pensado colocar un tabbed panel con una serie de fotos que cambiarian segun el "tab" pulsado, me interesado sobre todo por lo simple que es añadir una nueva pestaña. Pero es aquí donde me aparece mi principal problema.
DUDA 3. Ya he hecho pruebas con los css para lograr meter las fotos de los circulos de color como se ve en la imagen que he subido, hasta ahí bien. Pero, no hay manera de que las pestañas ( el conjunto de circulos numerados) vayan debajo de las fotos. En un videotutorial aprendí a colocarlos como una secuencia vertical a la izquierda (cosa que no quiero), pero no consigo "cortar" las pestañas y "pegarlas" debajo de los campos del contenido.
Bueno, para empezar (creo que ya me he extendido bastante), con esas dudas tendría la mayor parte de los problemas solucionados. Al menos los que conozco
Gracias de antemano y un saludo