Diseño página web con equipos de radio

Hola maximo , yo tengo dos ideas , una puede ser con un menu spry tipo acordeon o bien con flash y hacer una secuencia donde aparezca las imagenes rotando por un fondo no se si me explicado

http://www.ea6rf.blogspot.com.es
50/70/144/432/1'2/2'3/10ghz

Siento no poder ayudarte en eso, pero aunque me alegra que intentes aprender te quiero hacer una consideración.

Lo estético y lo práctico tienden a ser antagónicos.

Hola Máximo,

Podrías utilizar pestañas para organizar los equipos en cada una de ellas...

Sobre utilizar flash yo lo evitaría al 100%.... flash y los móviles no se llevan bien. Lo suyo es utilizar HTML5 como bien dices e intentar dejar flash a un lado

Aquí tienes algunos ejemplos de creación de pestañas sobre HTML5

http://designscrazed.org/html5-css3-accordion-tabs/

Un saludo
Ángel - EA4GKQ

Hola,

Gracias por todas las sugerencias y el comentario antagónico de Ángel.

Efectivamente, solo quiero usar CSS3 y HTML5. Si hay que meter algún JavaScript se mete pero lo mínimo posible.

En este caso la página es para HK1H, mi segundo QTH, donde solo hay una radio y pocas antenas, de momento, por eso no necesito una página muy grande, aunque en el futuro no se sabe...

No tenía en mente las pestañas (tabs) pero podría ser una idea.
La verdad, los recursos esos móviles, despegables o que se ocultan y cosas por el estilo... no me gustan mucho. Por eso pienso que las pestañas podrían ser buena idea, están siempre ahí, a la vista, y serviría para separar por radios, antenas, amplis, etc. y se podría ampliar en el futuro.

Voy a mirar esa idea. Algo sencillo desde el punto de vista visual y operacional, por ejemplo esto:

Por si alguien quiere ver como van los trabajos...

http://hk1h.ea1ddo.es/HTML5/index.php

No le dedico mucho tiempo por lo que aún hay muchos Lorem Ipsum...

Gracias

73, Máximo - EA1DDO

Hola,

Ayer hice una prueba con un diseño que me pareció interesante:

http://demo.marcofolio.net/css3_tabbed_nav/

Pero me di cuenta de un detalle que no había caído en ello.
Esas pestañas funcionan a modo de menu, cada pestaña es un enlace. Pero yo no quería hacer una página por cada pestaña del enlace.
Me gustaría tener todo el contenido en una sola página y que de alguna manera... esas pestañas (o lo que sea) que me permita pasar contenidos sin moverme de la misma página.

Supongo que habrá algo sin recurrir a IFRAME o Ajax, pero si no queda más remedio...

Seguiré buscando.

Gracias

73, Máximo - EA1DDO

PD. Ahora que lo pienso, eso que yo necesito es lo que algunos fabricantes tienen y cuando seleccionas un modelo luego debajo hay unas pestañas para características, manuales, downloads, etc. Y todo sin salir de la misma página.

Hola Máximo. ¿Has probado utilizar herramientas como WordPress?. Utilizando un tema adecuado se puede configurar perfectamente para tus necesidades.

He creado varias páginas con Wordpress y se puede utilizar HTML, pHp y CSS como complemento y configuración. Wordpress va más allá de un blog y permite crear páginas estáticas jerarquizadas incluyendo y tratando imágenes y sonido. Existen miles de pluggins para hacer de casi todo.

Mantengo todavía un par de páginas personales dedicadas a mis hobbys autocaravanismo y radio en las versiones gratuitas de WordPress que aunque no están muy trabajadas cumplen su objetivo.

Hola,

EA2HW, si, conozco WordPress. Yo también tengo una página allí, semi-profesional.
Para el que tenga curiosidad: http://www.puertobalsillas.com/

Pero las páginas de radio, yo las uso para aprender y practicar algo de programación en HTML, CSS, JavaScript, Ajax, Java, PHP, etc.
Voy poco a poco, miro aquí, miro allá, voy aprendiendo y practicando. Es una labor más lenta y llena de dificultades (para el que no sabe, como yo) pero da una gran satisfacción cuando funciona y lo dicho, aprendo esas técnicas.

Lo estoy haciendo así desde 1986 aproximadamente. Cuando empezaba esto y yo quise "aprender Internet" y para ello creé mi primera página (recuerdo que fue en Geocities, servicio ya desaparecido).

Gracias de todas formas por la sugerencia.

Volviendo al tema.
¡¡ Ya lo conseguí !!

http://hk1h.ea1ddo.es/HTML5/Estacion_HK1H.php

Está en pruebas pero he encontrado eso que buscaba, unas pestañas con diferente contenido pero sin cambiar de página, y todo CSS3 (activado con JavaScript). Incluso ya he variado algo los parámetros de CSS3 para poner los fondos semi-transparentes, diferentes colores, etc.

Por si le interesa a alguien, aquí está el original;

http://www.entheosweb.com/tutorials/css/tabs.asp

Creo que queda bien, bastante sobrio pero de bonito aspecto, limpio y eficaz.

¿Que os parece?

Gracias

73, Máximo - EA1DDO

Hola,

Una vez superado ese problema... pasamos al siguiente.

¿Que podré usar para mostrar tarjetas QSL?

Es que ponerlas allí todas sin más... se ven todas de un solo vistazo, pero no es muy "elaborado" el sistema, algo escaso...
Así es como está ahora:

http://hk1h.ea1ddo.es/log.html

Todas pegadas alrededor del log.
Pero ahora el log ya lo he puesto en otra página y ocupa más espacio, así que necesito algo diferente si quiero mostrar algunas QSL.

Algo tipo collage pero que permita ampliar las tarjetas si se quiere, o algo así, bonito y moderno.

A ver si alguien tiene alguna idea.

Gracias

73, Máximo - EA1DDO

¿Que os parece el siguiente, para las QSL?

http://www.jqueryscript.net/demo/Simple-Dynamic-Tiled-Photo-Gallery-Plugin-with-jQuery-jLastic/

Con la cantidad de fotos que hay carga rápido, habrá que ver como se comporta con más imágenes.

Una curiosidad, ¿el log es dinámico?, es decir, si lo tienes un una base de datos y se genera al entrar en la página.

Hola,

Jose, tengo que ver como se comporta con la carga de las imágenes, pero como son tarjetas QSL... son solo por poner algunas, quiero decir que no son imágenes de alta resolución que haya que ver el detalle, solo por ver el contacto realizado. De hecho las tengo en tamaños reducidos.
De todas formas, probaré y si no va bien... se buscará otra solución.

El log, no, no es dinámico (puedes verlo en el código fuente de la página).
En su momento puede que busque algo de eso, pero como mi actividad ahora es tipo dxpedición, solo unos días al año, no vale la pena.

Creo que algunos programas tipo HRD y similares tienen algo de eso, pero lo dicho, eso cuando opere asiduamente desde allí entonces sí pondré algo de eso.

Por cierto Jose, ha llegado a mis manos una Excel tuya con unas macros muy chulas, creo que hechas por ti.

Gracias

73, Máximo - EA1DDO

PD. Jose, no sabía si hablabas del log nuevo o del viejo, pero ambos son estáticos, lo que pasa que el viejo es como sale del VQLog (el que uso para VUHF).
El nuevo es una

 EA3HMJ

Mensajes: 214

#269383  - 10 febrero, 2015 07:28 

---

Máximo,

Mi log también es una tabla pero la genero dinamicamente en php.

Por comodidad yo tengo todo en mysql y uso el formato de HRD de esa forma puedo usar el logbook de HRD.

El excel es muy personalizo, espero que puedas sacarle provecho.

Saludos
Jose

ea3hmj@gmail.com
http://ea3hmj.qlfecv.net
http://qlfecv.wordpress.com
https://twitter.com/ea3hmj

ResponderCitar

 EA1DDO

Mensajes: 7815

#269486  - 10 febrero, 2015 09:39 

---

Hola,

Escribió:

Mi log también es una tabla pero la genero dinamicamente en php.
Por comodidad yo tengo todo en mysql y uso el formato de HRD de esa forma puedo usar el logbook de HRD.

Jose, ¿Donde tienes esa base de datos, en la nube?
Quiero decir que si esa base de datos mySQL la tienes en local y de vez en cuando la subes, o es un servidor remoto, o como haces.
Más que nada por curiosidad, para aprender (para el futuro).

Yo tengo un servidor (hosting) y tengo posibilidad de tener bases de datos, de hecho algunas aplicaciones en el servidor usan las bases de datos, por ejemplo las galería de fotos y similares.
Pero yo no tengo idea de SQL. A veces he tenido que usar el mySQL y editar algún campo, pero de ahí no he pasado.

No se si esas bases de datos permiten la conexión de un programa en remoto, o solo aceptan interaccionar con ellas por web.

La Excel esa, la abrí, vi que tenía unas macros, abrí las macros pero son bastante largas, y lo guardé.

Gracias

73, Máximo - EA1DDO

Máximo Martín - EA1DDO / HK1H / M0HAO
EA1DDO@HoTMaiL.com
http://www.EA1DDO.es

ResponderCitar

Inició el tema

 EA8TJ

Mensajes: 213

#269073  - 10 febrero, 2015 09:45 

---

Hola a tod@s.
Maximo yo vi una pagina de un colega que tenia al lado del qso realizado las qsl,s.
Al pinchar sobre ellas se mostraban en grande, al igual es lo que buscas, si lo veo nuevamente te pongo el enlace por aquí, se que es de los contactos que tengo en eme( por si quieres ir mirando sus paginas), puedes ver mi blog.

73
Domingo EA8TJ
Los Realejos IL18RJ
http://www.urvoea8.com/
Lo mejor no es tratar al amigo sino al enemigo hacerlo amigo.

ResponderCitar

 EA3HMJ

Mensajes: 214

#269490  - 10 febrero, 2015 10:37 

---

Máximo,

Originalmente la tenia en un servidor linux local y con replica en un externo dedicado (no nube).

Cuando instale fibra en casa la pase al externo y replico en local.

La base de datos da mucho juego y puedes usarla con cualquier soft que maneje base de datos.

Teniendo un servidor linux a disposición creo que es la mejor solución.

Saludos
Jose

ea3hmj@gmail.com
http://ea3hmj.qlfecv.net
http://qlfecv.wordpress.com
https://twitter.com/ea3hmj

ResponderCitar

 EA1DDO

Mensajes: 7815

#269493  - 10 febrero, 2015 13:23 

---

Hola,

Domingo, gracias por al ayuda. Si encuentras esa página, le echo un vistazo.

Jose, suena bien esa idea. Lo miraré. Ahora que casi no estoy activo, no le daría mucho uso, pero cuando vuelva a estar activo, será otra cosa.
A mi siempre me gusta enredar y aprender. Así que cuando tenga un rato... a ver si empiezo algo de eso, para probar.

De momento tengo esta página de prueba;

http://hk1h.ea1ddo.es/HTML5/QSLs_HK1H.php

No he podido hacer funcionar ese efecto incrustado en mi página. Debe de haber alguna interacción con algo de lo existente y no va. Al final lo metí con una IFRAME y a correr.
El efecto está logrado, y los tamaños los puedo ajustar todos, pero ahora lo dejé así para ver como pintaba.
Me he dado cuenta de que en reposo no reduce las miniaturas. Lo que hace es mostrar solo un trocito de ellas. Me gustaría mejor que las redujera pero no tiene esa opción.

73, Máximo - EA1DDO

Máximo Martín - EA1DDO / HK1H / M0HAO
EA1DDO@HoTMaiL.com
http://www.EA1DDO.es

ResponderCitar

Inició el tema

 EA8TJ

Mensajes: 213

#269074  - 10 febrero, 2015 13:50 

---

Maximo mira a ver si es algo como esto lo que quieres.

http://www.ok1rd.com/index.php?page=2m

73
Domingo EA8TJ
Los Realejos IL18RJ
http://www.urvoea8.com/
Lo mejor no es tratar al amigo sino al enemigo hacerlo amigo.

ResponderCitar

 EA1DDO

Mensajes: 7815

#269509  - 10 febrero, 2015 14:54 

---

Domingo, muchas gracias por el enlace.
Lo que pasa es que ese sistema es algo "anticuado", además no me parece muy cómodo.
Lo dicho, gracias de todas formas.

73, Máximo

Máximo Martín - EA1DDO / HK1H / M0HAO
EA1DDO@HoTMaiL.com
http://www.EA1DDO.es

ResponderCitar

Inició el tema

 EA1DDO

Mensajes: 7815

#269515  - 21 febrero, 2015 21:31 

---

Hola,

Tan solo añadir, por si a alguien le interesa, que CSS3 tiene una opción que permite que la foto del fondo se ajuste al tamaño o no.

background-size:cover; esta opción estira la imagen hasta cubrir todo el espacio
background-size:contain; esta opción agranda la imagen pero sin romper la proporción original

Así que ahora ya se ven las tarjetas bien.

73, Máximo - EA1DDO

Máximo Martín - EA1DDO / HK1H / M0HAO
EA1DDO@HoTMaiL.com
http://www.EA1DDO.es

ResponderCitar

Inició el tema