Guardar página web

Jesusguevarautomotri · #1 (**permalink**) 25/04/2006, 06:44

Cita:

Iniciado por jesusbet

sip, muy bonito, legible, claro, excelente.

Pero quitándole las hojas de estilo, el contenido principal queda debajo del contenido del sidebar :s

Hola Hereje, hola a todos amigos.
Estoy intentando guardar tu pagina web para verla ofline, porque me gusto mucho y quiero estudiar tu codigo con tranquilidad en mi casa, me puedes decir porque tu pagina se ve praticamente sin formato cuando es guardada? Pudiera ser esto un problema de usabilidad que no consideraste al momento del diseño?

Todas las propuestas menos la de RoQ se ven mal una vez guardada.
La de RoQ es la unica que se guarda mas o menos correctamente y se ve bien una vez guardada.

A mi me preocupa porque yo necesito diseñar paginas que se vean bien una vez guardada y que debo hacer para lograrlo?

Que se vean mal tiene algo que ver con que estoy notando si no me equiovoco que RoQ fue el unico que anido etiquetas DIV para definir el layauot de su pagina, mientras que el resto utilizo etiquetas div independientes sin anidar para darle formato a sus paginas? Es cierto o me equivoco. En verdad tengo dudas.

O tal vez tiene que ver con la forma de importar la hoja de estilos? Por favor, espero que aclaren mis dudas.

jesusbet · #2 (**permalink**) 25/04/2006, 14:02

se debe a que la hoja de estilos está siendo llamada desde una dirección de internet (http) y no tienes internet donde la estás guardando... copia la hoja de estilos en la cabecera y pruébalo...

Jesusguevarautomotri · #3 (**permalink**) 25/04/2006, 15:34

Cita:

Iniciado por jesusbet

se debe a que la hoja de estilos está siendo llamada desde una dirección de internet (http) y no tienes internet donde la estás guardando... copia la hoja de estilos en la cabecera y pruébalo...

Perfecto, ¿Como hago para evitarle este trabajo al usuario comun?

jesusbet · #4 (**permalink**) 25/04/2006, 15:40

1. No veo la necesidad de hacer esto, digo, pocas veces alguien guarda las páginas que visita. Si necesitas hacer páginas con contenidos que quieras que todos tengan de forma offline, la mejor manera sería meterlas (las páginas html) en un zip y poner un link que diga 'Descargar este documento'. O bien, en un PDF (que para mí está mejor) dentro de un zip con la misma leyenda.

2. Escribe toda la hoja de estilos en la cabecera de tus documentos html (sería como de la edad de piedra pero se solucionaría).

Saludetes

Jesusguevarautomotri · #5 (**permalink**) 25/04/2006, 16:24

No quiero ser pesado, pero me parece redundante, Diseñar tres cosas:
1. Vista Web: no tan agradable y comoda a la lectura o al analisis, pero practica para mostrar.
2. Vista de impresion: mas comoda para la lectura y el analisis de un articulo completo y ademas para imprimirlo
3. Vista de PDF tambien comoda para la lectura, e impresion, pero para que redundar?
Preferia diseñar paginas de una vez con la opcion nro 1 y ahorrarme el trabajo de las otras dos.
Aclaro que cuando pongo este ejemplillo me estoy refiriendo a paginas con contenido estilo articulo: mucho texto e imagenes y tablas. Se que lo que digo quizas no aplicas para una pagina de una tienda por ejemplo o otras en las que destaquen las animaciones, y lo llamativo.

Respecto a: Escribe toda la hoja de estilos en la cabecera de tus documentos html (sería como de la edad de piedra pero se solucionaría).
He visto paginas que se guardan correctamente y no tienen la hoja de estilos dentro en la cabecera del documento HTML. ¿Que dices a eso?

jesusbet · #6 (**permalink**) 25/04/2006, 16:51

y para qué diseñar tres cosas?

EJ. si es un tutorial o catálogo (documento para leer), puedes ponerlo online y en pdf o html. Si es una página, no tiene por qué ser descargable.

Cita:

He visto paginas que se guardan correctamente y no tienen la hoja de estilos dentro en la cabecera del documento HTML. ¿Que dices a eso?

cómo que qué digo a ello?? es lo que estoy diciendo que hagas!!! XD

jesusbet · #7 (**permalink**) 25/04/2006, 16:54

además, la vista de impresión no se diseña... solo quitas los elementos que no son parte escencial del documento y pones todo de forma ordenada...

en realidad, sería mejor que expusieras tu problema específicamente en un mensaje nuevo... (dentro del foro, pero en otro tema)... así te ayudamos más y mejor...

Saludetes

Manoloweb · #8 (**permalink**) 03/05/2006, 03:30

Cita:

Iniciado por Jesusguevarautomotri

He visto paginas que se guardan correctamente y no tienen la hoja de estilos dentro en la cabecera del documento HTML. ¿Que dices a eso?

Es perfectamente posible que esto suceda con páginas que cargan los CSS externos.

Simplemente el llamado a la hoja de estilos debe hacerse de forma ABSOLUTA y no RELATIVA...

Este NO funcionará cuando se vea la página en disco local
<link rel="stylesheet" ... href="estilos.css" />

Este SI funcionará cuando se vea la página en disco local (aunque debe existir una conexión a internet ACTIVA, o bien el caché del navegador debe "recordar" los archivos)
<link rel="stylesheet" ... href="http://www.web.com/css/estilos.css" />

Saludos mi distinguido y estándar amigo jbet!

Jesusguevarautomotri · #9 (**permalink**) 03/05/2006, 12:07

Cita:

Iniciado por Manoloweb

Es perfectamente posible que esto suceda con páginas que cargan los CSS externos.

Simplemente el llamado a la hoja de estilos debe hacerse de forma ABSOLUTA y no RELATIVA...

Este NO funcionará cuando se vea la página en disco local
<link rel="stylesheet" ... href="estilos.css" />

Este SI funcionará cuando se vea la página en disco local (aunque debe existir una conexión a internet ACTIVA, o bien el caché del navegador debe "recordar" los archivos)
<link rel="stylesheet" ... href="http://www.web.com/css/estilos.css" />

Saludos mi distinguido y estándar amigo jbet!

y yo acoto, corrijanme si me equivoco: si funcionara en un cuando se vea la página en disco local aunque no existe una conexión a internet, pues la pagina se guarda con una carpeta de archivos, en esa carpeta esta la hoja de estilos y la pagina se ve correctamente.

Lo que no se es: ¿como mientras se guarda la pagina, se cambias las direccion del la hoja de estilos en internet para la hoja de estilos guardada en la local?

JavierB · #10 (**permalink**) 03/05/2006, 12:29

Hola a todos.

En realidad esto no tiene nada que ver con las competencias ni tampoco con el código Css, así que separo los mensajes y los muevo al foro de Web general.

Saludos,