| T O P I C R E V I E W |
| Rbover |
Posted - 11 May 2015 : 00:01:29
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
|
| 5 L A T E S T R E P L I E S (Newest First) |
| Rbover |
Posted - 13 May 2015 : 03:57:44
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. |
| s.dav |
Posted - 12 May 2015 : 22:42:57
You need to add this code using the page properties writing it directly by hands :-) |
| Rbover |
Posted - 12 May 2015 : 09:26:08
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 |
| s.dav |
Posted - 12 May 2015 : 05:30:07
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. |
| s.dav |
Posted - 12 May 2015 : 05:29:12
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? |
|
|
