Strona mobilna - PC

Jeśli posiadasz wiedzę, którą chcesz się podzielić z innymi, to ten dział jest dla Ciebie.

Strona mobilna - PC

Postprzez rmj6 » 11 maja 2017, o 10:14

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
rmj6
Początkujący
Początkujący
 
Posty: 26
Dołączył(a): 4 wrz 2014, o 07:56
Maszyna: komputer

Re: Strona mobilna - PC

Postprzez Na_razie2 » 11 maja 2017, o 22:13

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-pc-i-mobilnia-t2625.html
Na_razie2
Początkujący
Początkujący
 
Posty: 44
Dołączył(a): 7 sie 2016, o 21:48

Re: Strona mobilna - PC

Postprzez rmj6 » 12 maja 2017, o 08:54

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 :-(
rmj6
Początkujący
Początkujący
 
Posty: 26
Dołączył(a): 4 wrz 2014, o 07:56
Maszyna: komputer

Re: Strona mobilna - PC

Postprzez Na_razie2 » 12 maja 2017, o 22:56

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
Na_razie2
Początkujący
Początkujący
 
Posty: 44
Dołączył(a): 7 sie 2016, o 21:48


Powrót do Porady, demonstracje, tutoriale, przykłady

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 0 gości

cron