Pagina web movil

nachetecaster · #1 (**permalink**) 15/08/2013, 03:10

Buenas, querría hacer una pagina web totalmente diferente a la que tengo para ordenadores para móviles, querría saber que tengo que hacer para que al entrar desde un móvil entre a la página para móviles y al entrar desde un ordenador a la de ordenador normal.

Es una pagina HTML sencilla sin nada reseñable, solo links fotos y texto. Querría saber como tengo que subirla también a mi servidor a tu carpeta

Muchas gracias

#2 (**permalink**) 15/08/2013, 03:53

Ya probaste con un diseño adaptable? (responsive design)

Por otro lado yo te recomendaría hacerlo con php por ejemplo.

Código PHP:

Ver original<?php
$uA = $_SERVER['HTTP_USER_AGENT'];
if ( preg_match('/iPhone|iPad|Android|mobil/i', $uA) ) {
   //Redireccionar a versión mobil
} else {
   //Redireccionar a versión normal
}
?>

nachetecaster · #3 (**permalink**) 15/08/2013, 03:59

Puedes explicarme exactamente donde meter el codigo que me muestras y donde escrbir las paginas web a las que redirige. Yo tengo una web con un archvio que se llama index.html y es la version unica (ordenador) que tengo.

#4 (**permalink**) 15/08/2013, 04:06

Claro, con gusto (aunque tomando en cuenta que sólo tienes un archivo, te aconsejo que te inclines por el responsive design).

El code que te doy es PHP y está pensado para que tengas 2 archivos diferentes

index.php
mobil.php

El código debe ir al inicio del todo, ya que ésto validará qué archivo mostrar. ej.

Código HTML:

Ver original<?php codigoPhpAqui(); ?>
<!DOCTYPE html>
<html>
</html>

Eso debe pasar para los 2 archivos.

Para redireccionar puedes hacer uso de la función header();, así

(Ejemplo del archivo index.php)

Código PHP:

Ver original<?php
$uA = $_SERVER['HTTP_USER_AGENT'];
if ( preg_match('/iPhone|iPad|Android|mobil/i', $uA) ) {
   header('location: mobil.php');
}
?>

(Ejemplo del archivo mobil.php)

Código PHP:

Ver original<?php
$uA = $_SERVER['HTTP_USER_AGENT'];
if ( !preg_match('/iPhone|iPad|Android|mobil/i', $uA) ) {
   header('location: index.php');
}
?>

Espero que me haya explicado bien :)

nachetecaster · #5 (**permalink**) 15/08/2013, 04:12

Perdona pero soy muy nuevo en esto jaja. Imagina que yo tengo dos archivos llamados index.html y movil.html que son dos paginas web que quiero que se vean una en un ordenador y otra en dispositivos móviles.
Donde tengo que incrustar cada código? Porque tu pones 3 fragmentos que se inician cada uno en un archivo, total 3 archivos y yo tengo 2 jaja y no php sino html...
Perdón por mi desconocimiento

#6 (**permalink**) 15/08/2013, 04:17

"Desconocimiento" jaja ...

Vamos por partes.

El primer fragmento es un ejemplo de cómo quedaría tu archivo (no es un archivo independiente, sólo es un ejemplo de cómo quedaría en ambos).

El segundo fragmento iría en tu archivo index.html.

El tercer fragmento iría en tu archivo movil.html

De acuerdo al primer fragmento, el código tendrá que ir antes de que cualquier cosa en <HTML> sea escrita.

Y finalmente, basta con renombrar tus dos archivos de *.html a *.php.

No es tan complicado.
(Insisto que veas el responsive design :P)

nachetecaster · #7 (**permalink**) 15/08/2013, 04:24

He introducido los fragmentos de codigo como me indicar, y al cambiar el formato de los archivos a php y con el FTP llevarlos a mi web e intentar abrirlos me sale la pagina por defecto del 1&1. No me lee el archivo ese php por algun motivo (el index.html tiene javascript y es un archivo largo no creo que influya pero por si acaso...)
Gracias

#8 (**permalink**) 15/08/2013, 04:48

umm, que extraño...

podrías intentar entrar a http://tusitio.com/index.php ?

quisiera saber si tienes soporte para php, sino, buscaremos otra forma (vamos, que hay miles!)

nachetecaster · #9 (**permalink**) 15/08/2013, 04:49

Multiple Choices

The document name you requested (/index.php) could not be found on this server. However, we found documents with names similar to the one you requested.
Available documents:

/index.html (common basename)
/index.html3default1and1_bak (common basename)
Please consider informing the owner of the referring page about the broken link.

Eso es lo que me sale...

#10 (**permalink**) 15/08/2013, 04:51

Bien, trata de (primero, hacer un backup) eliminar todos los archivos index y después volver a subir el archivo index.php

nachetecaster · #11 (**permalink**) 15/08/2013, 04:59

Te comento, he guardado los archivos como php y me cambia el codigo que me mandaste de color y lo "coge" bien. Pero al abrir un archivo php me lo abre con el DreamWeaver y no me deja abrirlo con el GoogleChrome, al hacerlo me descargar un archivo php con el codigo...

#12 (**permalink**) 15/08/2013, 05:03

umm... es lógico, no puedes interpretar un archivo php así como así, necesitas un servidor local para poder visualizarlo (instala wamp).

Por otro lado, sólo con subir esos archivos a tu 1&1 debería funcionar.

nachetecaster · #13 (**permalink**) 15/08/2013, 05:06

Osea que en local no "debería funcionarme sin subirlo al servidor" pero si lo subo al servidor de 1&1 me debería dejar abrirlo desde todos los navegadores?

nachetecaster · #14 (**permalink**) 15/08/2013, 05:22

Ya lo he arreglado y me funciona correctamente, he tenido que cambiar al configuración del web config de mi servido 1&1 y todo opera ya correctamente
Gracias!

#15 (**permalink**) 15/08/2013, 12:19

:D me alegro, para eso estamos :)