Skocz do zawartości

Stronka internetowa - projekt


Recommended Posts

Chciałbym się poradzić jak w miarę szybko zrobić taką stronkę:

http://livedemo00.template-help.com/wt_54957/index.html

 

To jest oczywiście właściwy kod tej strony + mnóstwo plików - oryginał

view-source:http://livedemo00.template-help.com/wt_54957/index.html

 

A ja mam zrobić stronę responsywną czyli tylko pierwszą stronę tą która się od razu wyświetla z linku i ma się dostosowywać w podanych przedziałach wymiarów:

 

1000>
600 to 999
300 to 599

 

A wyglądać ma to tak:

http://zapodaj.net/3f27c548be816.jpg.html

http://zapodaj.net/040ee1607fe5e.jpg.html

http://zapodaj.net/a304cc9f8104e.jpg.html

 

Robienie według mnie tego samym Notepadem i klepanie wszystkiego jest to dużo czasu ale może jest jakiś lepszy sposób?

Link to post
Share on other sites

Kto robi stronki samym Notepadem? Co prawda WYSIWYG się nie sprawdził, ale jednak ludzie stosują z deczka lepsze edytory.

 

Generalnie to najszybciej pewnie będzie użyć jQuery + wszelkich potrzebnych pluginów.

 

CSSa nie unikniesz, ale możesz sobie ułatwić nieco robotę używając SASS albo LESS.

Link to post
Share on other sites

Kto robi stronki samym Notepadem? 

Yyy, każdy webmaster? Te wszystkie edytory graficzne do niczego się nie nadają. Straszny bałagan w kodzie, często brak zgodności z najnowszymi standardami, a responsywności często można zapomnieć.

 

Jak już coś robić to samemu od postaw.

 

Co do strony to napisz sobie na początek ją pod swoją rozdzielczość monitora(staraj się używać % i em), bez tych wszystkich upiększaczy graficznych. Później za pomocą @media zrób responsywność dla innych rozdzielczości. Na koniec dodaj biblioteki js i wszystkie bajery na stronę. Podpowiem ci, że przyda ci się: jquery cycle, mouse wheel scroll distance, resztę wykonacz w css3.

Link to post
Share on other sites

Yyy, każdy webmaster? Te wszystkie edytory graficzne do niczego się nie nadają. Straszny bałagan w kodzie, często brak zgodności z najnowszymi standardami, a responsywności często można zapomnieć.

Jeszcze nie widziałem takiego hardkora, który by używał Notepada (oprócz początkujących, sam klepałem pierwsze HTMLe w notatniku, kiedy nie obsługiwał jeszcze skrótu CTRL+S) :)

Minimum edytory typu Notepad++, optymalnie np. WebStorm.

Link to post
Share on other sites

Ja pierdziu w czym problem:

 

Ten shit stoi na bootstrap'ie : http://getbootstrap.com/

 

Wszystkie info podane na tacy na stronie powyżej a jak chcesz drążyć to :

 

http://www.w3schools.com/bootstrap/default.asp

 

Edytorem może być każdy rozbudowany notatnik :

http://brackets.io/

 

Bootstrap często wykorzystywany w wordpressach i innym tego typu shitach. Sam z siebie zaprojektowany jako responsywny czyli dobrze wyświetlający się na komórkach, tabletach i wszystkich znanych konfiguracjach kompowych.

 

Polecam eksperymenty z : http://www.w3schools.com/bootstrap/bootstrap_theme_company.asp

Edytowane przez mklabs
Link to post
Share on other sites
Gość
This topic is now closed to further replies.
  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...