Witam
Chciałbym zbudować stronę www w programie WWB12 obsługująca urządzenia mobilne jak i PC. Wiem, że trzeba stworzyć dwie strony. Pierwsza mobilna ( zawierająca mniej treści ) druga PC z pełna zawartością treści.
I tu pojawia się problem. W jaki sposób w programie WWB12 ustawić tak aby przy odpalaniu strony przeglądarka wykrywała wejście z urządzenia mobilnego oraz z PC
Strona mobilna - PC
Re: Strona mobilna - PC
Można i tak czyli dwie całkiem odrębne strony niezależne, przekierowamie np. js. według rozdziałki coś mniej więcej:
<script>
if (screen.width <=999)
{
window.location = './mobile/index.html';
}
</script>
lub wykrycie urządzenia (Os-a) czyli tak jak w extension "mobile browser detector" (niesty chyba już nie wspierane)
<script>
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
document.location = "./mobile/index.html";
}
</script>
lub połaczonie obu (czemu nie)
lub zamiast przekierowania z automatu po zastosowaniu powyższych wyswietlenie użytkownikowi opcji do wyboru (mobilna czy pc?)
Ale znacznie lepiej będzie jeśli utworzysz stronę responsywną ,czyli jedna strona pod rózne rozdzielczosci co jest bardziej trendy na dzisiejsze czasy o czym łatwo przekonasz się jak dodasz stronę do "Narzedzia dla webmasterów" Googla i w zasadzie nie ma sie tu wiecej co rozpisywac , juz ktoś pytał o to:
prosze-o-pomoc-jak-zbudowac-strone-na-p ... t2625.html
<script>
if (screen.width <=999)
{
window.location = './mobile/index.html';
}
</script>
lub wykrycie urządzenia (Os-a) czyli tak jak w extension "mobile browser detector" (niesty chyba już nie wspierane)
<script>
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
document.location = "./mobile/index.html";
}
</script>
lub połaczonie obu (czemu nie)
lub zamiast przekierowania z automatu po zastosowaniu powyższych wyswietlenie użytkownikowi opcji do wyboru (mobilna czy pc?)
Ale znacznie lepiej będzie jeśli utworzysz stronę responsywną ,czyli jedna strona pod rózne rozdzielczosci co jest bardziej trendy na dzisiejsze czasy o czym łatwo przekonasz się jak dodasz stronę do "Narzedzia dla webmasterów" Googla i w zasadzie nie ma sie tu wiecej co rozpisywac , juz ktoś pytał o to:
prosze-o-pomoc-jak-zbudowac-strone-na-p ... t2625.html
Re: Strona mobilna - PC
Na_razie2 dziękuję za odpowiedz. Zbudowałem stronę responsywną http://studiobo.pl/ lecz mam problem z grafiką na dole na dużej rozdzielczości linie są wyśrodkowane Ja chce aby zaczynały się od lewej krawędzi i kończyły na prawej. Na telefonie ten dół brzydko wychodzi np Zapraszamy nie jest wyśrodkowane ![Smutny :-(](./images/smilies/icon_e_sad.gif)
![Smutny :-(](./images/smilies/icon_e_sad.gif)
Re: Strona mobilna - PC
Jako że diabeł tkwi w szczegółach , a nie wiem jak to zostało wykonane klasycznie czy na siatce? czy stylem mieszanym, ale...
Jeśli to jest strona taka jak ma być to stanowczo za dużo grafiki (tekst widzę jako obrazki) trzeba tu nadmienić że niema potrzeby tworzenia grafiki z tekstu (chyba że to jakiś ozdobny tekst artystyczny ) bo zwyczajnie zajmuje dużo więcej zasobów (wydłuża czas ładowania strony)
To co jest to niema potrzeby nawet "owijania" w Layout grid wystarczy układ klasyczny z breakpoints (zwyczajnie łatwiejszy do opanowania). Oczywiście możesz dodać lub zmienić breakpoints i uwzględnić nawet pozycję urządzenia (poziomo,pionowo)
Na przykład coś takiego Zobacz chociaż nie wiem jak się to będzie wyświetlało na różnych urządzeniach
pobierz i rozpakuj zip-a, wczytaj do WWB ,podstaw obrazki jak by się nie wczytały menadżerem zasobów (asset manager).
ps. oczywiście użycie przeze mnie roolower image to uproszczenie (ale działa
)
ps2. a jeszcze ten tekst " Dla was..." zapomniałem dać z tłem : ppm > obiect propeties - zakładka style Backgront;solid i jakis kolor , i jeszcze pading po parę pixeli z każdej.
Edit-wyczyszczono link
Jeśli to jest strona taka jak ma być to stanowczo za dużo grafiki (tekst widzę jako obrazki) trzeba tu nadmienić że niema potrzeby tworzenia grafiki z tekstu (chyba że to jakiś ozdobny tekst artystyczny ) bo zwyczajnie zajmuje dużo więcej zasobów (wydłuża czas ładowania strony)
To co jest to niema potrzeby nawet "owijania" w Layout grid wystarczy układ klasyczny z breakpoints (zwyczajnie łatwiejszy do opanowania). Oczywiście możesz dodać lub zmienić breakpoints i uwzględnić nawet pozycję urządzenia (poziomo,pionowo)
Na przykład coś takiego Zobacz chociaż nie wiem jak się to będzie wyświetlało na różnych urządzeniach
pobierz i rozpakuj zip-a, wczytaj do WWB ,podstaw obrazki jak by się nie wczytały menadżerem zasobów (asset manager).
ps. oczywiście użycie przeze mnie roolower image to uproszczenie (ale działa
![Szczęśliwy :)](./images/smilies/icon_e_smile.gif)
ps2. a jeszcze ten tekst " Dla was..." zapomniałem dać z tłem : ppm > obiect propeties - zakładka style Backgront;solid i jakis kolor , i jeszcze pading po parę pixeli z każdej.
Edit-wyczyszczono link