kostenloser Webspace werbefrei: lima-city


Webseite Synchronisieren

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    michl27

    michl27 hat kostenlosen Webspace.

    Hallo, Ich habe mir heute weitere Domain gekauft; www.schniedel-wutz.de :kiss: ; 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 :wink:

    Grüße, Michi
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. w***********2

    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.
  4. 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
  5. Autor dieses Themas

    michl27

    michl27 hat kostenlosen Webspace.

    Danke euch beiden. Ich werde dass mal ausprobieren
  6. hackyourlife

    Moderator Kostenloser Webspace von hackyourlife

    hackyourlife hat kostenlosen Webspace.

    michl27 schrieb:
    Danke euch beiden. Ich werde dass mal ausprobieren
    Das was dir die-city andrehen will ist eine Weiterleitung von der mobilen Version auf die normale Seite, das willst du aber vermutlich nicht.
    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.
  7. Autor dieses Themas

    michl27

    michl27 hat kostenlosen Webspace.

    Danke dir. Genauso hab ich mir das vorgestellt :wink:
  8. 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. ;)
  9. Autor dieses Themas

    michl27

    michl27 hat kostenlosen Webspace.

    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?
  10. f*******s

    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.
  11. 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. ;)
  12. 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)
  13. 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.
  14. 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
  15. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!