Jak stworzyć stronę internetową? Od szkicu po działający projekt

Jak stworzyć stronę internetową? Od szkicu po działający projekt

Autor: Jakub Jurkian

Tworzenie stron internetowych to temat na tyle obszerny, że nie sposób w jednym artykule poruszyć wszystkich jego aspektów. Skupmy się jednak na tym, jak wygląda taki proces. Wiele firm czy samodzielnie działających freelancerów wypracowało już swoje własne systemy, według których krok po kroku rozpoczynają i kończą każdy projekt.

Jest jednak kilka czynności, które powinno się wykonać przy tworzeniu strony internetowej.

Szkic lub projekt graficzny

Zazwyczaj stworzenie każdej strony zaczyna się od ustalenia ogólnych funkcjonalności, które będą potrzebne, kolorystyki i ułożenia treści. Następnym etapem jest narysowanie jej w programie graficznym, takim jak Photoshop czy GIMP lub po prostu naszkicowanie na zwykłej kartce papieru.

Szkic ma taką zaletę, że możemy bardzo szybko przelać swoje myśli czy pomysły na papier, co w przypadku designu w Photoshopie na pewno zajęłoby krótszą lub dłuższą chwilę.

Po zakończeniu naszego projektu, mamy już ogólny pogląd na stronę, którą będziemy za chwilę przenosić do języka HTML i nadawać jej wygląd za pomocą stylów CSS.

Kodowanie strony do języka HTML i CSS

Czas sprawić, by nasza strona zaczęła działać i była „klikalna”. W dzisiejszych czasach nie trzeba już się martwić, że strona będzie dobrze wyglądać w jednej przeglądarce, a w drugiej niektóre elementy wcale się nie załadują. Korzystając z języka HTML5 i stylów CSS w wersji 3 możemy szybko i sprawnie stworzyć stronę internetową.

Jeżeli masz projekt w Photoshopie – nie musisz się martwić o zaokrąglone rogi, ciekawe tła graficzne czy przezroczystość – to wszystko można zrobić za pomocą arkuszów stylów CSS3.

Niestety – nie wszystkie przeglądarki obsługują takie nowości i czasem trzeba tworzyć oddzielne wersje fragmentów strony dla innych przeglądarek, takich jak starsze wersje Internet Explorera.

Warto też wspomnieć o jednym z dzisiejszych trendów w projektowaniu stron internetowych. Coraz bardziej popularne są strony tworzone w technologii Responsive Design, czyli dopasowujące się do każdego urządzenia, na którym są wyświetlane.

Oznacza to, że na każdym urządzeniu mobilnym strona będzie wyglądała tak, by były na niej widoczne najważniejsze treści. Często bowiem im mniejszy ekran, tym więcej funkcjonalności, takich jak slider, jest likwidowane.

Ostateczny przegląd

Na sam koniec, już po stworzeniu strony, warto spojrzeć na nią z daleka oraz dać komuś do przejrzenia. Może się okazać, że nasze dzieło posiada jakieś wady, które na pewno nie spodobałyby się klientowi, np. nie wyświetla się logo czy menu, lub też brakuje mu małych, lecz często znaczących elementów, takich jak obramówka.

Po tym wszystkim można już pokazać stronę klientowi, wprowadzić treści i ostatecznie zakończyć projekt.

---

Autor: Jakub Jurkian. Jestem programistą i autorem kilku kursów nt. tworzenia stron internetowych - od początkujących, przez Bootstrap 3, aż do WordPressa. Jeżeli chcesz od czegoś zacząć, mogę polecić artykuł kurs HTML dla początkujących, który pozwoli Ci szybko wskoczyć do świata tworzenia stron www.
Licencjonowane artykuły dostarcza Artelis.pl.