[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