[CSS][HTML]Dodanie responsywności Opcje

[Contritio]

Witam serdecznie

Obsługuję jedną stronę internetową, która została napisana w normalnych rozdzielczościach. Mam obecnie za zadanie przerobić ją na responsywną. Wiem, że aby to zrealizować musiałbym przerobić całą templatkem jednak chcę zostawić taką obecnie jaka jest. Dlatego pomyślałem, aby stworzyć responsywność to stworzę identyczną wersje na frameworku bootstrapa. Na serwerze będą umieszczone również pliki w raz ze starą templatką ale kwestią jest rozdzielić te pliki tak, aby dane urządzenie wychwytywało pod daną rozdzielczość stronę. Pytanie są moje zatem:

Jak powinienem zakodować index.html aby po wejściu poprzez smartfon/tablet/komputer otwierała się odpowiednia rozdziałka
Jak umieścić pliki na serwerze. Czy do obecnych plików mogę dodać np "smartfon" , "tablet" z których będzie wyłapywany index.html w raz z plikami obecnej templatki?

Dowiedziałem się, że należy do tego wykorzystać Media Queries w html.

Pilnie proszę o pomoc

Dziękuje

Ten post edytował Contritio 10.07.2014, 12:23:11

[Contritio]

Nikt nie powiedział, że roboty będzie mało - przepisanie szablonu na Bootstrap też Ci trochę zajmie (IMG:style_emoticons/default/wink.gif) To co wybierzesz to twoja sprawa. Mi wygodniej było by napisać samemu bez zmiany struktury kodu html.

Chociaż struktura też się może zmieniać, mogą dojść nowe elementy js np. hovery na mobile/tablet nie działają - wszystko trzeba przerobić na kliknięcia.

To jak Ci się elementy ułożą w div-ie wiesz tylko ty - bo masz kod źródłowy.
Otwórz sobie przeglądarkę, zmniejsz okno i pisz i testuj.

Rozumiem (IMG:style_emoticons/default/smile.gif) dziękuje za pomoc, jeżeli będę miał kolejne pytania to mogę tu pisać?

Poki co jestem w pracy i za bardzo nie mogę tego realizować.

Generalnie chodziło mi o stworzenie zupełnie nowej templatki specjalnie pod bootstrapa.
Kwestia czy wczytywało od danego urządzenia określoną rozdzielczość.
Np pod telefon wyłapywało by pod bootstrapa zaś pod PC normalną, obecną templatke