Tworzenie strony mobilnej

Question

Witam. Są dwa rozwiązania:
- Stworzenie strony responsywnej lub

- Stworzenie dodatkowej strony mobilnej.

I teraz pytanie, jak można stworzyć poprawnie działającą strone mobilną np. (m.mojanazwa.pl)? Zamiast "px" używać "%" itd.?
Co trzeba zrobić, żeby użytkownik po wejściu na strone z urządzenia mobilnego został przeniesiony na adres m.mojanazwa.pl

Answer 1

Z tego co pamiętam robienie layoutu RWD jest bardziej wygodne niż klepanie drugiej strony.

W czymś takim pomoże ci Bootstrap.

 

Polecam film:

https://www.youtube.com/watch?v=H7LUUsbpbrg

Answer 2

lepiej w pliku css za pomocą @media ustal jak będzie wyglądać strona internetowa przy pewnych szerokościach.

tutaj możesz poszukać więcej informacji:

https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/use-media-queries?hl=pl

Answer 3

Nie wiem dlaczego wybrałeś takie rozwiązanie, ale moim zdaniem o wiele lepsze jest RWD. Jeżeli chcesz tworzyć stronę po prostu osobną stronę na mobilne to tworzysz ją tak samo tylko w mniejszych rozmiarach. Jest pełno narzędzi w internecie, które symulują widok z komórki (min. http://quirktools.com/). px czy % to już bez różnicy, bo przecież chcesz ją tworzyć od zera z tego co piszesz. Chyba, że nie za bardzo rozumiesz co znaczy RWD, a co mobilna?

Answer 4

Źle myślisz - strona responswna to taka, która będzie wyświetlała się dobrze niezależnie od tego, czy jesteś na komórce czy na Macu. Strona mobilna zaś jest przeznaczona dla komórek i została wyparta przez strony responsywne - jest je łatwo pisać, więc po co się męczyć z mobilnymi. Rzecz jasna istnieją strony korzystające z przedrostka m. - ale głównie to wielke strony lub aplikacje wykorzystujące w dużym stopniu JS czy jego frameworki/bibloteki - strony z przedrostkiem to z reguły strony bez tych wodotrysków.

Answer 5

Dzięki wszystkim za odpowiedzi i poradniki. Strona responswna w moim przypadku nie raczej nie oznacza wcale mniej pracy bo kod już mam gotowy. Ustalanie wszystkich nowych rozmiarów przy zmniejszaniu strony itd. to już wole napisać uproszczoną wersje tego co mam.

Answer 6

Zainteresuj się Bootstrapem
https://kursbootstrap.pl/tutorial/

Comments

Zamiast "px" używać "%" itd.?

Tak. Ja np. szerokość głównego wrapper'a strony ustalam jako max-width: 1200px; wtedy wrapper jest elastyczny i się rozciąga aż do 1200px, a następnie używam wszędzie procenty. Zainteresuj się Media Queries.