Mobile Website
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
audi
bildschirm
brauch
code
datei
frage
handy
http
kosten
methode
opus
port
rufen
sagen
story
umstellung
url
verwenden
webseite
weiterleitung
-
Hallo ich habe ja jetzt meine webseite so weit fertick noch nicht kanns aber alles was sie brauch schohn.
Jetzt wolte ich mich ran setzten eine Mobile Website zu machen jetzt weis ich das es kosten losse anbiter gebe tut
aber ich wil ja selber was machen des wegen frage ich hir mal nach wie ich das an besten machen kann... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
my-tattoo schrieb:
Hallo ich habe ja jetzt meine webseite so weit fertick noch nicht kanns aber alles was sie brauch schohn.
Jetzt wolte ich mich ran setzten eine Mobile Website zu machen jetzt weis ich das es kosten losse anbiter gebe tut
aber ich wil ja selber was machen des wegen frage ich hir mal nach wie ich das an besten machen kann...
Moin,
schwer zu lesen aber verdaulich.
Einfach mal drei eventuelle Lösungen:
Weiterleitung via .htaccess: http://ohryan.ca/2011/01/21/modern-mobile-redirect-using-htaccess/
Lösung in PHP: http://mobiforge.com/developing/story/lightweight-device-detection-php
CSS Media Queries: http://css-tricks.com/css-media-queries/
MfG
Beitrag zuletzt geändert: 20.8.2013 17:52:07 von seven-sign -
Echt schwer zu lesen...
seven-sign hat eh schon alles gesagt, für mobile webseiten kann ich dir das empfehlen:
http://mobile-webseiten-erstellen.de/ -
Die schlauste Methode wäre, wenn man der Webseite ein responsive Webdesign verpasst.
> Dazu kann man ein Framework wie Bootstrap von Twitter verwenden -
Hallo!
webfreclan schrieb:
Die schlauste Methode wäre, wenn man der Webseite ein responsive Webdesign verpasst.
> Dazu kann man ein Framework wie Bootstrap von Twitter verwenden
Ich empfinde responsives Webdesign auch als die beste Lösung.
Ich möchte bei der Umstellung des Design meiner Homepage ebenfalls eine Lösung aus PHP und responsivem Webdesign verwenden. Zuerst frage ich ab, ob das Gerät ein Mobiles ist und dann gibt es zwei verschiedene responsive CSS-Dateien, weil es ja auch mittlerweise Tablets gibt, die so groß wie ein Notebook sind. SO kann das Touch-optimierte Design nicht versehentlcih auf dem Note-/Netbook angezeigt werden.
Ich hoffe ich konnte helfen!
MfG. Simon D. -
Probiere es mal mit CSS:
Als erstes gibst du folgenden Code in deine HTML-Seite ein:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
Erstell eine neue CSS Datei nur für Handys (mobile.css) und rufe es aus
<link media="only screen and (max-device-width: 480px) and (min-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />
Es geht auch mit PHP:
<?php $tablet_browser = 0; $mobile_browser = 0; if (preg_match('/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i', strtolower($_SERVER['HTTP_USER_AGENT']))) { $tablet_browser++; } if (preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|android|iemobile)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) { $mobile_browser++; } if ((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml') > 0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) { $mobile_browser++; } $mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'], 0, 4)); $mobile_agents = array( 'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac', 'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno', 'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-', 'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-', 'newt','noki','palm','pana','pant','phil','play','port','prox', 'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar', 'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-', 'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp', 'wapr','webc','winw','winw','xda ','xda-'); if (in_array($mobile_ua,$mobile_agents)) { $mobile_browser++; } if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'opera mini') > 0) { $mobile_browser++; //Check for tablets on opera mini alternative headers $stock_ua = strtolower(isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])?$_SERVER['HTTP_X_OPERAMINI_PHONE_UA']:(isset($_SERVER['HTTP_DEVICE_STOCK_UA'])?$_SERVER['HTTP_DEVICE_STOCK_UA']:'')); if (preg_match('/(tablet|ipad|playbook)|(android(?!.*mobile))/i', $stock_ua)) { $tablet_browser++; } } if ($tablet_browser > 0) { // do something for tablet devices print 'is tablet'; } else if ($mobile_browser > 0) { // do something for mobile devices print 'is mobile'; } else { // do something for everything else print 'is desktop'; } ?>
(http://mobiforge.com/designing/story/tablet-and-mobile-device-detection-php) -
also wennde deine Seite selber für mobile Geräte anpassen willst, dann mach das mit CSS. Da kannst du ja prüfen lassen wie groß der Bildschirm ist und dementsprechend schreibst du dann alles in die CSS Datei. Habe ich auch so gemacht und das ist garnichtmal so schwer. Was du dir da aber noch überlegen musst, ob du nur deine Seite an den Bildschirm anpasst oder auch Schriften und Bilder, aber das musst du ja mit dir ausmachen ;)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
