Webseite Synchronisieren
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
ausprobieren
benutzen
code
container
dank
definieren
design
einzige unterschied
http
iris
optimierte darstellung
opus
palm
struktur
text
unterscheiden
unterscheidung
url
webseite
zweck
-
Hallo, Ich habe mir heute weitere Domain gekauft; www.schniedel-wutz.de ; an der Webseite wird gerade noch gebastelt. Mich würde jedoch intressieren, dass wenn ich eine Mobile Version bastle; ob es denn möglich ist, dass sich die mobile Version selbstständig mit der normalen HP synchronisiert.
Hoffe es ist soweit verständlich
Grüße, Michi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
zbs. mit PHP. Also du hast nur das Grundgerüst für die Mobile und Desktop Version und holst danach jeweils per PHP den Text.
-
Habe zwei möglichkeiten die man benutzen kann wenn ich es richtig verstanden habe.
Wenn man mit dem Handy auf die Webseite geht, dass man denn weiter geleitet wird
auf die Mobile Version?
1.
.htaccess:
RewriteEngine On RewriteBase / RewriteCond %{HTTP_USER_AGENT} android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge\ |maemo|midp|mmp|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR] RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-) [NC] RewriteRule ^$ http://m.website.com [R,L]
oder
2.
<script type="text/javascript"> if (screen.width<600) window.location = "Mobielversion.php oder so?/"; </script>
Beitrag zuletzt geändert: 28.5.2012 21:53:03 von die-city -
michl27 schrieb:
Das was dir die-city andrehen will ist eine Weiterleitung von der mobilen Version auf die normale Seite, das willst du aber vermutlich nicht.
Danke euch beiden. Ich werde dass mal ausprobieren
Das was du willst ist auf der mobilen Version eine für mobile Geräte optimierte Seite. Damit dort auch der gleiche Text wie auf der normalen Webseite zu sehen ist, nur eben für kleine Bildschirme optimiert wirst du dir den Tipp von weissertieger2 anschauen müssen.
Du hast also den Text einmal in einer Datei / Datenbank liegen und sowohl die mobile als auch die normale Version holen sich von dort den Text. Damit sind beide Seiten immer synchronisiert. -
Danke dir. Genauso hab ich mir das vorgestellt
-
Letztendlich sollten sich die "normale" und die die mobile Version inhaltlich nicht unterscheiden. Der einzige Unterschied ist die, für das Ausgabegerät optimierte Darstellung. Dafür reicht es eigentlich, sofern die Seite von der Struktur her standardkonform aufgebaut ist, wenn Du für jedes Ausgabegerät ein passendes Stylesheet einbindest. Genau für solche Zwecke der Unterscheidung gibt es die unterschiedlichen Media Types. ;)
-
Verstehe ich dass richtig? Ich müsste dann im Prinzip auch bei der mobilen Seite den Text den ich bei der normalen Vesion geschrieben habe, dort auch eintragen?
Das sich dass ganze selbstständig eintragt, als synchron zur normalen HP läuft geht nicht? -
Responsive Webdesign würde sich, eigentlich generell, aber doch gerade hier empfehlen. Gleiche Webseite, die man mobil und normal betrachtet So sparst du dir den ganzen Synchronisationskrämpel, der sicher viel Tüftelei ist. Google mal danach und lasse dich inspirieren, es lohnt sich auf jeden Fall.
Ich finde, gerade für mittlere bis kleine Webseiten ist das die ultimative Lösung. -
Würde sinn machen aber du kannst auch das Design so bauen das es auch für Mobile geignet ist.
Wie es schon vorher fatfreddy gesagt hat.fatfreddy schrieb:
Letztendlich sollten sich die "normale" und die die mobile Version inhaltlich nicht unterscheiden. Der einzige Unterschied ist die, für das Ausgabegerät optimierte Darstellung. Dafür reicht es eigentlich, sofern die Seite von der Struktur her standardkonform aufgebaut ist, wenn Du für jedes Ausgabegerät ein passendes Stylesheet einbindest. Genau für solche Zwecke der Unterscheidung gibt es die unterschiedlichen Media Types. ;) -
Hallo,
du machst als erstes einen div-Container und dort legst du dann einen Frame herein
(div: top: 0px; right: 0px;) (Frame: http://de.selfhtml.org/html/frames/definieren.htm) -
mysqli schrieb:
Hallo,
du machst als erstes einen div-Container und dort legst du dann einen Frame herein
(div: top: 0px; right: 0px;) (Frame: http://de.selfhtml.org/html/frames/definieren.htm)
Frames sollte man für sowas nun wirklich nicht benutzen!
gerade wenns ums Mobile Anwendungen geht sind frames noch böser als so schon.
Ab besten ist es wie schon 2x zuvor erwähnt, aus beiden Seiten eine zu machen und das Design auszulagern und je nach dem ob der Client Mobil ist oder nicht, das eine oder das andere auszugeben. -
Schnapp dir ein Framework für Responsive Design ala Skeleton, Golden Grid System o.ä und los gehts....
Du hast ein Grid als Grundlage und die größe des Grids bzw die Position der einzelnen Boxen wird dann mithilfe von Mediaqueries gesteuert....
Oder das hier http://www.drweb.de/magazin/device-js-mediaqueries-fur-html/
Beitrag zuletzt geändert: 29.5.2012 17:19:17 von imho -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage