Witajcie, nie jestem profesjonalnym programista. Mam testowa strone internetowa, ktora super dziala na laptopach/komputerach, jednak na tablecie i telefonach jest ucieta. Znacie jakis converter, ?jezyk? , cokolwiek zeby zrobic" mobile friendly" stronę ?
0
0
za temat i dzial to pewnie zaraz usuna. ale jak poprawisz to moze zostawia i sie przyda. tytul zmien na cos w stylu: adaptacja strony na urzadzenia mobilne. wiec jesli nie usuna to mowie jak to dziala.
zeby strona byla mobile friendly jak to mowisz to najlepiej bedzie skorzystac ci z technologii RWD, czyli przepisac strone tak by szerokoscia i ustawieniem dopasowywala sie do malych rozdzielczosci. niestety trzeba posiadac do tego wiedze i umiejetnosci. nie ma online converterow, ktore zrobia ci strone responsywna.
1
nie da się magicznym kliknięciem tego przerobić.
potrzebujesz DOBREJ lub bardzo dobrej znajomości CSS (zarówno starego - bez tego nie ułożysz szablonu, oraz css3, bo media queries pod RWD pochodzą bodajże z nowej specyfikacji).
przesuwam temat w odpowiednie miejsce, ale doprecyzuj - czego od nas oczekujesz, jeżeli nie ma "konwertera" - pomocy (a więc musisz mieć wkład własny) czy może chcesz to komuś zlecić (ja się mogę podjąć)?
0
dzieki wam za odpowiedz, roumiem ze nie ma magicznego kliknecia, ale pojawia sie pytanie, czy trzeba w 100% przerobic strone, czy dodac jakis szablon? mi intuicja podpowiada tak, jest sobie strona na komputery i jest szablon, ktory wlacza sie wtedy, kiedy ktos wchodzi z innych "mediow" na strone. Czy to tak dziala?
0
Najprostszym rozwiązaniem jest użycie tagu viewport, w tedy przeglądarka będzie skalowała stronę do szerokości urządzenia, ale tak pomniejszona strona będzie mało czytelna o ile w ogóle.
Drugim i lepszym rozwiązaniem, tak jak napisali @szalonyfacet i @dzek69, jest dodanie RWD. Nie trzeba przepisywać całej strony. Jeśli jest dobrze zrobiona wystarczy dodać odpowiednie reguły w CSS dla niższych rozdzielczości, ale zapewne nie obejdzie się bez poprawek w kodzie.
0
to czy da adaptacja trwa krotko czy dlugo zalezy od tego jak strona jest napisana. nikt z nas nie widzial tej strony od srodka i tego nie przewidzi.
0
wszystko juz rozumiem, mam podobne rady i narzedzie, teraz tylko brac sie do pracy. Przeciez trzeba sie kiedys tego nauczyc, tablety i telefony to terazniejszosc i przyszlosc. Pozdrawiam
0
Życzę powodzenia i mam nadzieję, że strona jest dobrze złożona :) Zdarzyło mi się raz dorabiać RWD do prosto wyglądającej strony, a od strony kodu była taka masakra, że tydzień poszedł w zapomnienie ;)
W razie konkretnego problemu - wal do nas - pomożemy.
[@Disso - pacnij przy krótejś wiadomości fajkę, żeby było wiadomo, że temat zakończony]
0
To jeszcze ja dodam od siebie linki z informacjami jak stworzyć stronę RWD. Generalnie aby uzyskać oczekiwany efekt najlepiej użyć Media Queries. Starałem się szukać materiałów po polsku.
Wszystko co powinieneś wiedzieć o Media Queries:
-
http://mohi.to/media-queries-wszystko-co-musisz-wiedziec/
A tuaj trochę więcej informacji na temat wykorzystania Media Queries: - http://webroad.pl/html5-css3/572-responsywny-web-design-media-queries
Pobaw się, potestuj, szybko złapiesz o co chodzi.
Pozdrawiam
0
<head>
..
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
..
</head>