Hexagora Forum
Hexagora Forum
Home | Profile | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Dynamic HTML Editor
 Mobile Development
 ADAPTACION WEB PARA MOVILES
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Rbover
Practical

Spain
23 Posts

Posted - 11 May 2015 :  00:01:29  Show Profile  Visit Rbover's Homepage  Reply with Quote
Hola a todos, no soy un profesional de la web y tengo un sito hecho con DHE.Mis conocimentos de HTML son pocos
Quiero adaptar la web para moviles.
He estado buscando como hacerlo en foros y paginas que hablen de ello.
No me gusta la opcion de hacer otra web especial para moviles y un redireccionamiento ya que esto supondria mucho mas tiempo de mantenimiento.
Me gustaria me diesen su opinion de lo que quiero hacer y si se puede con DHE.
En la "PAGINA MAESTRA" - etiquetas meta definidas por el usuario poner esta
<meta name="viewport" content="width=device-width, initial-scale=1">
Para los que no lo sepan este script hace que el contenido se adapte a la pantalla visualizadora. Con ello el usuario no tiene que hacer scroll horizontal, aunque si tendra que hacer zoom si el texto no se puede leer. Siempre es mejor que el scroll horizontal.
Exportar todo el proyecto para actualizar todas la paginas.
(Esto ya se ha hecho y probado y parece que no da resultado)
He pensado que sea debido a la posicion y medida de los objetos, por eso tambien voy a cambiar, de momento, solo en index y probando.
Se situaran los objetos como si la pagina tuviese dos columnas, los objetas tedran posicion RELATIVA.

VOY POR BUEN CAMINO o el script no me sirve de nada?
ALGUIEN PODRIA INDICARME EL CAMINO A SEGUIR?

Los comandos @media handheld y @media screen creo que pueden hacer mucho para una buena visualizacion pero no se si se pueden aplicar en DHE.


Muchas gracias y saludos
Ramon Bover. www.aluminiosramon.com

Edited by - Rbover on 11 May 2015 05:32:35

s.dav
Site Admin

Italy
3360 Posts

Posted - 12 May 2015 :  05:29:12  Show Profile  Visit s.dav's Homepage  Reply with Quote
Hello everyone, I am not a professional and I have a web site made DHE.Mis HTML conocimentos are few
I want to adapt the web to mobile.
I've been looking how to do it in forums and pages to talk about it.
I do not like the option to do something special for mobile and web redirection as this would be much more maintenance time.
I would like unto me your opinion of what I do and if you can with DHE.
In the "Master Page" - meta tags user-defined put this
<Meta name = "viewport" content = "width = device-width, initial-scale = 1">
For those who do not know this script makes content fit the display screen. This user does not have to scroll horizontally, although you will need to zoom if the text is unreadable. It is always better than horizontal scrolling.
Export whole project to update all the pages.
(This has already been done and tested and it seems that does not work)
I thought to be due to the position and extent of the objects, so also I will change, for now, only in index and testing.
The objects will be placed as if the page had two columns, you object tedran relative position.

I'm on track or the script does not do me any good?
Could someone tell me the way to go?

Regards, Davide
Go to Top of Page

s.dav
Site Admin

Italy
3360 Posts

Posted - 12 May 2015 :  05:30:07  Show Profile  Visit s.dav's Homepage  Reply with Quote
IMO you are in the right direction;
obviously, a mobile site needs a specific resolution and you need to create simpler pages with bigger fonts.

Regards, Davide
Go to Top of Page

Rbover
Practical

Spain
23 Posts

Posted - 12 May 2015 :  09:26:08  Show Profile  Visit Rbover's Homepage  Reply with Quote
Thank you. But I still do not know how to continue to apply "@media handheld" and "@media screen".
You can apply these codes with "Dynamic" ?:

Codes to adapt pages with CSS:
It is possible application with "Dynamyc"?
For example, to hide the sidebar when the device screen is less than 800 pixels used:

<style type = "text / css">
media screen and (max-width: 800px) {
#sidebar {display: none;}
}
</ style>


If the items are several you can be indicated separated by a comma, for example:
<style type = "text / css">
media screen and (max-width: 800px) {
# sidebar, menu {display: none;}
}
</ style>


The information has been found here
http://norfipc.com/web/lograr-paginas-web-vean-funcionen-correctamente-iphone.html

thank you very much

Edited by - Rbover on 12 May 2015 22:30:30
Go to Top of Page

s.dav
Site Admin

Italy
3360 Posts

Posted - 12 May 2015 :  22:42:57  Show Profile  Visit s.dav's Homepage  Reply with Quote
You need to add this code using the page properties writing it directly by hands :-)

Regards, Davide
Go to Top of Page

Rbover
Practical

Spain
23 Posts

Posted - 13 May 2015 :  03:57:44  Show Profile  Visit Rbover's Homepage  Reply with Quote
Thanks, I guess putting it on the master page and will directly export on every page.
I read and I have undertand, it is preferable to put it in CSS file.
Is there any way to do it?
If not, I think it would be nice to insert code in a CSS file.
But it is a suggestion of a rookie.
Thanks again and greetings.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Hexagora Forum © s.dav Go To Top Of Page
Snitz Forums 2000