Sobre resolución en web
Saludos. Comienzo esta pregunta agradeciéndote de nuevo tu respuesta en cuanto a los buscadores.
Esta consulta se refiere a que la página que he hecho se ve perfectamente tal como la he diseñado en la resolución de 800x600. La cuestión es que me gustaría que se viera igualmente bien a 1024x768 ya que cada vez se va utilizando más dicha resolución. ¿Hay alguna manera de que se vea bien en ambas resoluciones?
Pues eso, muchas gracias.
Esta consulta se refiere a que la página que he hecho se ve perfectamente tal como la he diseñado en la resolución de 800x600. La cuestión es que me gustaría que se viera igualmente bien a 1024x768 ya que cada vez se va utilizando más dicha resolución. ¿Hay alguna manera de que se vea bien en ambas resoluciones?
Pues eso, muchas gracias.
1 Respuesta
Respuesta de chem
1
De nada, t ayudo con mucho gusto (siempre que pueda).
En este caso lo que debes hacer si quieres que tus visitantes vean tu página correctamente es utilizar un redireccionamiento según sea su configuración de pantalla.
Para hacer esto tienes que poner un código javascript en tu página principal que se encarga de detectar la configuración de pantalla del usuario y una vez echo esto le redirecciona a la página que tu debes crear específicamente para esa configuración de pantalla.
Nada se obtiene sin un poco de esfuerzo y hoy por hoy me parece que es lo único que se puede hacer. Ojala algún día salga algún java que t lo haga directamente pero por ahora o no existe o no lo conozco.
A continuación te dejo tres códigos javascript que hacen lo que te cuento arriba. El primero t detecta la resolución de pantalla y ademas detecta el navegador del usuario (IE o Netscape) para que no les de errores. Si tienes ya aparte el código de los navegadores te dejo otro en segundo lugar que solo detecta resoluciones 800 x 600
Y 1024 x 768 y en tercer lugar t dejo el mismo que el segundo pero ademas con la resolución 640 x 480 añadida. Si no te cuesta mucho poner tu página a punto y no es muy grande t la recomiendo.
RESOLUCION Y NAVEGADOR ->
Dentro del BODY:
------------------------------
<% if bc.browser="Netscape" Then %>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
var w;
w=screen.width;
if (w >= 1024)
{
top.location.href="1024.asp";
}
if (w >= 800)
{
top.location.href="800.asp";
}
if (w >= 640)
{
top.location.href="640.asp";
}
}
-->
</SCRIPT>
<% Elseif bc.browser="IE" Then %>
<SCRIPT LANGUAGE="VBScript">
<1--
Width = CInt(Screen.Width)
If Width >= 1024 Then
top.location.href="1024.asp"
ElseIf Width=800 Then
top.location.href="800.asp"
ElseIf Width=640 Then
top.location.href="640.asp"
End If
-->
</SCRIPT>
<%
Else
response.redirect "/demo/someother.asp"
End If
%>
<%Set bc=Nothing%>
------------------------------
Si no quieres para resolucion 640 x 480 solo tienes que borrar estas lineas:
if (w >= 640)
{
top.location.href="640.asp";
}
ElseIf Width=640 Then
top.location.href="640.asp"
SIN NAVEGADOR (2 Resoluc.)->
Dentro del HEAD
-----------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Sin navegadores (3 Resoluc.)->
Dentro del HEAD
------------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Si decides colocar alguno de estos javas y t da algún error no dudes en escribirme diciéndome cual has escogido x que quizás m haya equivocado en la configuración del código o haya un error de scritura y si finalmente no t apetece hacerlo o no tienes tiempo intentare buscarte algo menos laborioso aunque ya t digo que mu chungo.
De todas maneras mucha suerte con tu web y haber si me pasas la direc. Y aumento tu nº de visitas.
Suerte
En este caso lo que debes hacer si quieres que tus visitantes vean tu página correctamente es utilizar un redireccionamiento según sea su configuración de pantalla.
Para hacer esto tienes que poner un código javascript en tu página principal que se encarga de detectar la configuración de pantalla del usuario y una vez echo esto le redirecciona a la página que tu debes crear específicamente para esa configuración de pantalla.
Nada se obtiene sin un poco de esfuerzo y hoy por hoy me parece que es lo único que se puede hacer. Ojala algún día salga algún java que t lo haga directamente pero por ahora o no existe o no lo conozco.
A continuación te dejo tres códigos javascript que hacen lo que te cuento arriba. El primero t detecta la resolución de pantalla y ademas detecta el navegador del usuario (IE o Netscape) para que no les de errores. Si tienes ya aparte el código de los navegadores te dejo otro en segundo lugar que solo detecta resoluciones 800 x 600
Y 1024 x 768 y en tercer lugar t dejo el mismo que el segundo pero ademas con la resolución 640 x 480 añadida. Si no te cuesta mucho poner tu página a punto y no es muy grande t la recomiendo.
RESOLUCION Y NAVEGADOR ->
Dentro del BODY:
------------------------------
<% if bc.browser="Netscape" Then %>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
var w;
w=screen.width;
if (w >= 1024)
{
top.location.href="1024.asp";
}
if (w >= 800)
{
top.location.href="800.asp";
}
if (w >= 640)
{
top.location.href="640.asp";
}
}
-->
</SCRIPT>
<% Elseif bc.browser="IE" Then %>
<SCRIPT LANGUAGE="VBScript">
<1--
Width = CInt(Screen.Width)
If Width >= 1024 Then
top.location.href="1024.asp"
ElseIf Width=800 Then
top.location.href="800.asp"
ElseIf Width=640 Then
top.location.href="640.asp"
End If
-->
</SCRIPT>
<%
Else
response.redirect "/demo/someother.asp"
End If
%>
<%Set bc=Nothing%>
------------------------------
Si no quieres para resolucion 640 x 480 solo tienes que borrar estas lineas:
if (w >= 640)
{
top.location.href="640.asp";
}
ElseIf Width=640 Then
top.location.href="640.asp"
SIN NAVEGADOR (2 Resoluc.)->
Dentro del HEAD
-----------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Sin navegadores (3 Resoluc.)->
Dentro del HEAD
------------------------------
<script LANGUAGE="JavaScript">
function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url800x600;
}
</script>
------------------------------
Dentro del BODY
------------------------------
<body onLoad="redireccionar()">
------------------------------
Si decides colocar alguno de estos javas y t da algún error no dudes en escribirme diciéndome cual has escogido x que quizás m haya equivocado en la configuración del código o haya un error de scritura y si finalmente no t apetece hacerlo o no tienes tiempo intentare buscarte algo menos laborioso aunque ya t digo que mu chungo.
De todas maneras mucha suerte con tu web y haber si me pasas la direc. Y aumento tu nº de visitas.
Suerte
Muchas gracias de nuevo, me pondré manos a la obra para intentar optimizar la página poco a poco. Se que tiene varios errores "tecnicos" pero con tiempo estoy seguro de superarlos. www.funkymusic.tk, espacializada en música funky disco de finales de los 70 y los 80.
