Tworzenie stron www jest złożone z kilku etapów. 
W tym artukuje postaramy się opisać poszczególne etapy projektowania stron internetowych. Zacznijmy od podstaw: Strona internetowa to plik/dokument HTML udostępniony na serwerze hostingu, który jest dostępny w lokalnej sieci internet. Strona internetowa jest otwierana i wyświetlana przy użyciu przeglądarek internetowych. np Chrome czy Firefox. Każda strony może być stworzona w różnych językach programowania. Np HTML, CSS, JS czy PHP.  

Etapy projektowania strony internetowej

 

Etapy Tworzenia strony wwww:

1. Spotkanie z klientem - rozmowa i poznanie potrzeb Klienta

Spotkanie lub rozmowa telefoniczna, wideokonferencja. To powinien być pierwszy krok podczas realizacji strony internetowej. Podczas rozmowy ustalimy przyblizoną zawartość strony, strukturę strony (poszczególne podstrony). Określimy również styl strony:

Podczas rozmowy ustalimy:

  • orientacyjny budżet na wykonanie strony www,
  • preferowane kolory strony,
  • rozmieszczenie treści,
  • strukturę menu,
  • czy Klient potrzebuję aktualizować stronę,
  • czas realizacji,
  • formę wparcia technicznego po zakonczeniu prac na stroną internetową,
  • logo - jeśli Klient posiada,
  • możliwe wersje językowe strony,
  • preferowany hosting i domenę,
  • ilość jeżyków na stronie internetowej,
  • wskazanie odpowiednich stron, na których można się inspirować.

Po zebraniu szczegółowych preferencji Klienta przygotowujemy brief strony głownej.

2. Przygotowywanie layoutu (grafiki) strony głownej

Na tym etapie nasz grafik przygotowuje projekt strony głownej w programie graficznym. Zazwyczaj jest to Photoshop lub adobe XD. Wspólnie ustalamy rozmieszczenie modułów na stronie, kolorystykę, wielkość poszczególnych bloków, czcionek. Podczas tego etapu Klient powinien dostarczyć logo i wszelkie inne materiały, zdjęcia  itp. Pod koniec etapu grafik prezentuje wygląd strony internetowej. Wprowadzamy ewentualne zmiany do pełnej akceptacji klienta. Po potwierdzeniu layoutu pobieramy zaliczkę wysokości 1/3 ustalonego budżetu.

 3. Kodowanie strony internetowej

Najprościej mówiąc zamiana layoutu (grafiki) na działającą stronę internetową. Nasz programista zamienia layout na kod HTML, CSS i JS. W zalezności od wymagań klienta programista buduję stronę statyczną lub na systemie zarządzania treścią. Zazwyczaj jest to CMS Joomla lub Wordpress. Jeśli klient zamówił sklep internetowy to koduję pod CMS Joomla + J2Store. Ten etap można podzielić na kilka mniejszych etapów:

Cięcie layoutu

Projekt graficzny strony www (layout) zostaje pocięty na drobne kawałaczki, ikony zostają zamienione na pliki svg lub paczkę fontów, tła i cienie zostają zapisane jako tło w CSS. Grafiki odpowiednio zomtymalizowane. W tym etapie koder też tworzy widoki responsywne. Wynikiem pracy jest szablon czyli kod HTML + CSS + JS

Kodowanie

Na tym etapie szablon zostaje wdrożony pod odpowiedni system CMS (Joomla, Wordpress). Instalowane są różne moduły, np. moduł aktualności, newsletter, galeria, mapa google i itp). Szablon jest również testowany pod różnymi przeglądarkami internetowymi, sprawdzany na róznych urządzeniach czy np. na polularnym responsywatorze. Ten proces może trwać od kilku dni do kilku tygodni - w zależności od skomplikowania projektu.

Uzupełnienie treścią

Czyli wypełnienie tekstami, zdjęciami i innymi materiałami dostarczonymi przez klienta. W tym etapie umieszczamy stronę internetową na testowym serwerze i przekazujemy do wglądu dla klienta. Całość jest jeszcze sprawdzana na innych urządzeniach pod kątem responsywności (smartfon, tablet, laptop i itp). Na koniec jest przeprowadzana optymalizacja SEO i optymalizacja obrazków.

 

4. Uruchomienie na docelowym serwerze

Koncowy etap tworzenia strony internetowej. Tutaj klient akceptuje stronę i umieszczamy ją na docelowym serwerze i domenie. Optymalizujemy stronę www pod  SEO - zgodnie ze standardami google.

Klient ma do wyboru:

  • przekazać nam dane do serwera, a my ją tam umieszczamy,
  • jeśli klient nie ma własnego serwera to pomagamy w wyborze firmy hostingującej.

Po uruchomieniu strony następuje pełne rozliczenie. Przekazujemy dane dostępowe do panelu administratora. Tworzymy kopię zapasową, którą przekazujemy na poczte email.

5. Opieka nad stroną internetową

Dla naszych klientów oferujemy stałą opiekę nad stroną internetową.

  • Stała aktualizacja CMS Joomla i CMS Wordpress
  • Dodawanie aktualności na stronę,
  • Dodawanie promocji na stronę,
  • Zmiany w tekstach np. w cenniku,
  • Dodawanie zdjęc do galerii,
  • Tworzenie kopii strony internetowej.

Zamów stronę internetową