¿ Insertar contenidos para una web responsive ?

[davidj]

Hola a todos,

Estoy realizando una web responsive a medida y mediante el editor CKEDITOR y me pregunto cual es la forma más fácil para que el propietario de la misma pueda insertar contenidos, etc. , es decir, antes, en las webs no responsive, simplemente el usuario, por ejemplo, mediante tablas, distribuía el contenido, pero ahora, con responsive, como puede el usuario de la web insertar contenido de manera sencilla y que se vea correctamente en todos los dispositivos?

Gracias!!

[mblascog]

Hola,
Si te he entendido bien, creo que el procedimiento es el mismo, siempre y cuando tengas las dimensiones de los elementos y de la fuente en porcentages.
Saludos

[pzin]

Normalmente el propietario tiene un panel de administración, no se meta a editar un sitio web con un editor visual.

¿Qué contenido va a meter? ¿Sólo texto? ¿Imágenes?

[davidj]

Si, a priori está claro pero hay ocasiones que no lo veo tan sencillo para el usuario que no sabe HTML, por ejemplo, imagínate que el usuario desea insertar en una sección tres cajas con una foto, título, descripción etc.. en cada una

por ejemplo:

https://imageshack.com/i/nadjxip

Yo se HTML, CSS, etc. y sabría como crear esto de manera responsive, sin embargo, como lo puede realizar un usuario sin conocimientos de HTML a través de CKEDITOR ??

La web está programada y maquetada, lo único que modifica el cliente es el contenido de las páginas con CKEDITOR.

(Piensa que se debe adaptar a pantallas escritorio, tablets y móviles)

Gracias!

[pzin]

Pues tú lo has dicho; el usuario no sabe HTML.

Entonces tendrás que encontrar una solución apoyado en un lenguaje de programación, ya sea de lado servidor o incluso JavaScript. CSS no te será de mucho utilidad en este caso vaya...

[CircuitoX]

Te ponga una idea, lo que buscas lo tienen los sistemas de facebook y otras redes sociales, donde uno ingresa o sube una imagen y esta se redimensiona automáticamente, si la resolución de pantalla es mayor entonces nuestra el tamaño original de la imagen, podrías hacerlo con php mediante códigos bb [img] nombredecarpeta [/img] internamente podrías programar las funciones del codigo bb img, para darle un tamaño máximo en pixeles, también podrías poner marcas de aguas entre otras cosas y la parte de responsive lo puedes gestionar independientemente con media query.

Un ejemplo de carga de imagenes con html5 json y jquery:

http://www.vikaskbh.com/ajax-style-m...on-and-jquery/

[davidj]

Gracias por vuestras respuestas..

Pero lo que me gustaría conseguir con CKEDITOR es, por ejemplo, crear un rectángulo (en HTML/CSS sería un DIV con float:left) con una foto dentro y un texto y al lado otro rectangulo con otra foto y texto...

¿Como lo podría realizar?

Gracias...

[dharmauser]

Para este tipo de asuntos generalmente construyo el sitio en Wordpress y creo shortcodes de manera que el usuario pueda utilizarlos desde un editor visual.

Sin embargo creo que el editor que usa Wordpress es TinyMce. No ando seguro si habra alguna opción similar en CKEDITOR.